.tmpm-app,.tmpm-app *{box-sizing:border-box}.tmpm-app{--bg:#0e1815;--panel:#14231f;--panel2:#183029;--gold:#d4b46a;--cream:#f5efe3;--muted:#c9c1b4;--line:rgba(212,180,106,.28);--light:#f2eadc;--ink:#18201d;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;background:var(--bg);color:var(--cream);padding:28px 0 54px;line-height:1.7}.tmpm-shell{width:min(980px,calc(100% - 28px));margin:0 auto}.tmpm-header{text-align:center;padding:24px 12px 34px}.tmpm-kicker{font-size:12px;letter-spacing:.2em;color:var(--gold);font-weight:800}.tmpm-header h1{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(30px,5vw,52px);font-weight:500;margin:8px 0 16px}.tmpm-header p{margin:6px auto;max-width:760px;color:#ddd5c9}.tmpm-help{font-size:14px;color:#bdb6aa!important}.tmpm-home,.tmpm-resume,.tmpm-complete,.tmpm-work{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:18px;padding:24px}.tmpm-home h2,.tmpm-resume h2,.tmpm-complete h2{font-size:28px;margin:0 0 20px}.tmpm-entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tmpm-entry{background:var(--panel);border:1px solid rgba(255,255,255,.08);color:var(--cream);border-radius:14px;padding:22px;text-align:left;min-height:150px;cursor:pointer}.tmpm-entry:hover{border-color:var(--gold);transform:translateY(-1px)}.tmpm-entry strong{display:block;font-size:21px;margin-bottom:10px}.tmpm-entry span{font-size:14px;color:var(--muted)}.tmpm-storage-note{text-align:center;font-size:12px;color:#a9a399;margin-top:18px}.tmpm-progress{display:grid;grid-template-columns:repeat(9,1fr);gap:5px;margin-bottom:14px}.tmpm-progress button{border:0;background:#1a2924;color:#aaa49a;border-radius:8px;padding:9px 4px;font-size:11px;cursor:pointer}.tmpm-progress button.is-active{background:var(--gold);color:#111}.tmpm-progress button.is-done{background:#29473d;color:#eee}.tmpm-savebar{display:flex;align-items:center;gap:12px;padding:10px 4px 18px;border-bottom:1px solid var(--line);margin-bottom:26px}.tmpm-project-label{font-weight:700;margin-right:auto}.tmpm-link-btn{background:none;border:0;color:var(--gold);text-decoration:underline;cursor:pointer}.tmpm-step{padding:4px 0 8px}.tmpm-stepno{font-size:12px;letter-spacing:.16em;color:var(--gold);font-weight:800}.tmpm-step h2{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(28px,4vw,40px);font-weight:500;margin:5px 0 10px}.tmpm-step h3{font-size:17px;margin:24px 0 10px}.tmpm-step p{color:var(--muted)}.tmpm-choice-group,.tmpm-check-group{display:flex;flex-wrap:wrap;gap:9px}.tmpm-choice-group button,.tmpm-check-group button{border:1px solid rgba(255,255,255,.14);background:#14231f;color:#eee;border-radius:999px;padding:11px 16px;cursor:pointer}.tmpm-choice-group button.is-selected,.tmpm-check-group button.is-selected{background:var(--gold);border-color:var(--gold);color:#111;font-weight:700}.tmpm-step label{display:block;margin:22px 0 0;font-weight:700}.tmpm-step small{font-weight:400;color:#aaa}.tmpm-step input[type=text],.tmpm-step textarea{display:block;width:100%;margin-top:8px;background:#0b1411;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:10px;padding:14px;font:inherit}.tmpm-step textarea{min-height:110px;resize:vertical}.tmpm-step textarea.tmpm-big{min-height:220px}.tmpm-upload{display:inline-flex!important;align-items:center;justify-content:center;background:#21372f;border:1px solid var(--gold);border-radius:10px;padding:11px 15px!important;cursor:pointer}.tmpm-upload input{display:none}.tmpm-preview{margin:14px 0;background:#0a1210;border:1px dashed rgba(255,255,255,.18);min-height:170px;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#999}.tmpm-preview-large{min-height:260px}.tmpm-preview img{display:block;max-width:100%;max-height:420px;object-fit:contain}.tmpm-primary,.tmpm-secondary,.tmpm-nav button,.tmpm-output-actions button,.tmpm-complete-actions button,.tmpm-project-card button{border:1px solid var(--gold);border-radius:10px;padding:12px 18px;font-weight:700;cursor:pointer}.tmpm-primary{background:var(--gold);color:#111}.tmpm-secondary,.tmpm-nav button,.tmpm-output-actions button,.tmpm-complete-actions button,.tmpm-project-card button{background:#172720;color:#f6f0e4}.tmpm-output{margin-top:16px}.tmpm-output textarea{width:100%;min-height:260px;background:#0a1210;color:#f7f3ea;border:1px solid rgba(255,255,255,.13);border-radius:10px;padding:14px}.tmpm-output-actions{display:flex;gap:10px;margin-top:8px}.tmpm-required-note{background:#2b2414;border-left:3px solid var(--gold);padding:10px 12px;color:#eadfc8!important}.tmpm-nav{display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--line);padding-top:22px;margin-top:26px}.tmpm-nav button:first-child{margin-right:auto}.tmpm-panel-prompts{display:grid;gap:12px;margin-top:16px}.tmpm-panel-card{background:#111f1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px}.tmpm-panel-card h3{margin:0 0 8px}.tmpm-panel-card textarea{width:100%;min-height:240px;background:#0a1210;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:12px}.tmpm-panel-card button{margin-top:8px}.tmpm-project-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:#14231f;border:1px solid rgba(255,255,255,.08);padding:16px;border-radius:12px;margin:10px 0}.tmpm-project-card strong{display:block}.tmpm-project-card small{color:#aaa}.tmpm-project-actions{display:flex;gap:8px}.tmpm-summary-grid{display:grid;grid-template-columns:180px 1fr;gap:16px;margin:18px 0}.tmpm-summary-grid img{width:100%;border-radius:10px;background:#fff}.tmpm-summary-text{background:#101d18;border-radius:12px;padding:16px}.tmpm-summary-text h3{margin-top:0}.tmpm-summary-text pre{white-space:pre-wrap;font-family:inherit;color:#ddd}.tmpm-complete-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.tmpm-finish{margin-top:24px}.tmpm-backline{margin-bottom:12px}
@media(max-width:760px){.tmpm-app{padding-top:14px}.tmpm-shell{width:calc(100% - 16px)}.tmpm-home,.tmpm-resume,.tmpm-complete,.tmpm-work{padding:16px;border-radius:14px}.tmpm-entry-grid{grid-template-columns:1fr}.tmpm-entry{min-height:0}.tmpm-progress{display:flex;overflow:auto;padding-bottom:4px}.tmpm-progress button{min-width:72px}.tmpm-savebar{flex-wrap:wrap}.tmpm-project-label{width:100%}.tmpm-choice-group button,.tmpm-check-group button{padding:10px 13px}.tmpm-nav{position:sticky;bottom:0;background:rgba(14,24,21,.97);padding:12px 0 4px;z-index:5}.tmpm-nav button{padding:11px 12px}.tmpm-summary-grid{grid-template-columns:1fr}.tmpm-summary-grid img{max-width:260px}.tmpm-project-card{grid-template-columns:1fr}.tmpm-project-actions{flex-wrap:wrap}}


/* v1.0.1: PCの文字色を明示し、ページ幅いっぱいに表示 */
.tmpm-app{
  position:relative !important;
  left:50% !important;
  width:100vw !important;
  max-width:100vw !important;
  margin-left:-50vw !important;
  margin-right:-50vw !important;
  overflow-x:hidden !important;
}
.tmpm-shell{
  width:100% !important;
  max-width:none !important;
  padding-left:28px !important;
  padding-right:28px !important;
}

/* WordPressテーマ側の黒文字指定に負けないよう、このプラグイン内の文字色を固定 */
.tmpm-app,
.tmpm-app h1,
.tmpm-app h2,
.tmpm-app h3,
.tmpm-app h4,
.tmpm-app h5,
.tmpm-app h6,
.tmpm-app p,
.tmpm-app label,
.tmpm-app strong,
.tmpm-app span,
.tmpm-app small,
.tmpm-app div,
.tmpm-app button{
  color:var(--cream) !important;
}
.tmpm-app .tmpm-kicker,
.tmpm-app .tmpm-stepno,
.tmpm-app .tmpm-link-btn{
  color:var(--gold) !important;
}
.tmpm-app .tmpm-header p,
.tmpm-app .tmpm-step p,
.tmpm-app .tmpm-entry span{
  color:var(--muted) !important;
}
.tmpm-app .tmpm-help,
.tmpm-app .tmpm-storage-note,
.tmpm-app .tmpm-project-card small,
.tmpm-app .tmpm-step small{
  color:#bdb6aa !important;
}
.tmpm-app .tmpm-primary,
.tmpm-app .tmpm-choice-group button.is-selected,
.tmpm-app .tmpm-check-group button.is-selected,
.tmpm-app .tmpm-progress button.is-active{
  color:#111 !important;
}
.tmpm-app input[type=text],
.tmpm-app textarea{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.tmpm-app input::placeholder,
.tmpm-app textarea::placeholder{
  color:#9f998e !important;
  opacity:1 !important;
}

@media(max-width:760px){
  .tmpm-shell{
    width:100% !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }
}


/* v1.1.0: 同じChatGPTの会話から続ける流れを明確化 */
.tmpm-important-guide{
  max-width:900px;
  margin:22px auto 12px;
  padding:18px 20px;
  border:1px solid var(--gold);
  border-radius:14px;
  background:#15251f;
  text-align:left;
}
.tmpm-important-guide strong{display:block;font-size:19px;color:#f7e5b4 !important;margin-bottom:5px}
.tmpm-important-guide span{display:block;color:#eee7da !important}
.tmpm-simple-guide,.tmpm-chat-flow-box{
  background:#13231e;
  border:1px solid rgba(212,180,106,.35);
  border-radius:12px;
  padding:15px 17px;
  margin:14px 0;
}
.tmpm-simple-guide strong,.tmpm-chat-flow-box strong{color:var(--gold) !important;font-size:17px}
.tmpm-simple-guide p,.tmpm-chat-flow-box p{margin:5px 0 0 !important;color:#e3ddd2 !important}
.tmpm-mini-note,.tmpm-paste-note{font-size:14px;color:#d8d0c4 !important}
.tmpm-paste-note{margin:8px 0 0;padding:9px 12px;border-left:3px solid var(--gold);background:#14231f}
.tmpm-output-actions{flex-wrap:wrap}
.tmpm-summary-grid-text{grid-template-columns:1fr !important}
@media(max-width:760px){
  .tmpm-important-guide{padding:14px 15px}
  .tmpm-important-guide strong{font-size:17px}
  .tmpm-output-actions button{width:100%}
}
