:root{
  --bg:#070911;
  --bg-2:#0d1020;
  --panel:rgba(17,21,39,.78);
  --panel-strong:#12172a;
  --panel-soft:#0e1324;
  --line:rgba(255,255,255,.085);
  --text:#f7f8fc;
  --muted:#98a1bb;
  --muted-2:#6d7690;
  --cyan:#72e7ff;
  --blue:#728cff;
  --violet:#a579ff;
  --pink:#ff78c6;
  --green:#64e8b7;
  --yellow:#ffd466;
  --red:#ff7087;
  --shadow:0 24px 80px rgba(0,0,0,.42);
  --radius:24px;
  --radius-sm:17px;
  --safe-top:env(safe-area-inset-top,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--bg);color-scheme:dark}
body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic UI","Noto Sans JP",sans-serif;color:var(--text);background:
radial-gradient(1000px 720px at 8% -10%,rgba(114,140,255,.16),transparent 52%),
radial-gradient(860px 680px at 102% 8%,rgba(255,120,198,.12),transparent 48%),
linear-gradient(180deg,#080a12 0%,#090d18 48%,#060810 100%);overflow-x:hidden}
button,input,textarea,select{font:inherit}
button{border:0}
button:focus-visible,input:focus-visible,textarea:focus-visible,.job-card:focus-visible,.choice:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.app-shell{width:min(100%,560px);min-height:100vh;margin:0 auto;position:relative;padding-bottom:calc(92px + var(--safe-bottom))}
.screen{padding:calc(18px + var(--safe-top)) 18px 24px;animation:screenIn .28s ease both}
@keyframes screenIn{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#79efff 0%,#7788ff 46%,#bd74ff 100%);position:relative;box-shadow:0 10px 32px rgba(114,140,255,.28)}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:#070a12;border-radius:3px}.brand-mark:before{width:16px;height:6px;left:8px;top:9px;box-shadow:0 9px 0 #070a12}.brand-mark:after{width:9px;height:21px;right:7px;top:10px}
.brand strong{display:block;font-size:14px;letter-spacing:.16em}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.icon-btn{width:42px;height:42px;border-radius:14px;color:var(--text);background:rgba(255,255,255,.055);border:1px solid var(--line);display:grid;place-items:center;cursor:pointer}.icon-btn:active{transform:scale(.96)}
.hero{padding:26px 2px 15px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--cyan);text-transform:uppercase}.hero h1{font-size:clamp(34px,9vw,48px);line-height:1.03;letter-spacing:-.05em;margin:10px 0 14px}.hero h1 .grad{background:linear-gradient(100deg,#f9fbff 0%,#9ce9ff 35%,#a98bff 70%,#ff9bd4 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{margin:0;color:#b2bad0;line-height:1.75;font-size:14px}
.hero-visual{margin:24px 0 4px;border:1px solid var(--line);border-radius:28px;min-height:218px;background:linear-gradient(145deg,rgba(114,140,255,.13),rgba(18,23,42,.88) 54%,rgba(255,120,198,.08));position:relative;overflow:hidden;box-shadow:var(--shadow)}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}
.hero-float{position:absolute;border:1px solid rgba(255,255,255,.11);background:rgba(10,14,27,.84);backdrop-filter:blur(15px);border-radius:18px;padding:13px 14px;box-shadow:0 15px 40px rgba(0,0,0,.26)}
.hero-float.a{left:18px;top:21px;width:195px;transform:rotate(-2deg)}.hero-float.b{right:15px;bottom:20px;width:205px;transform:rotate(2deg)}
.mini-row{display:flex;align-items:center;gap:9px}.mini-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(114,231,255,.22),rgba(165,121,255,.22));font-size:16px}.mini-row strong{font-size:12px}.mini-row span{font-size:10px;color:var(--muted)}
.tiny-meter{height:5px;margin-top:11px;border-radius:999px;background:#252b40;overflow:hidden}.tiny-meter i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--violet));width:78%}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(100,232,183,.1)}
.cta{width:100%;min-height:58px;border-radius:18px;background:linear-gradient(110deg,#79ebff,#788aff 47%,#a878ff 100%);color:#07101b;font-weight:900;letter-spacing:.02em;cursor:pointer;box-shadow:0 16px 42px rgba(114,140,255,.24);transition:.18s transform,.18s filter}.cta:active{transform:scale(.985);filter:brightness(.96)}.cta.secondary{background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--text);box-shadow:none}.cta.small{min-height:47px;border-radius:15px;font-size:13px}.cta.ghost{background:transparent;border:1px solid var(--line);box-shadow:none;color:#cbd2e4}
.value-pills{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.pill{font-size:11px;color:#cbd2e3;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:999px;padding:8px 10px}
.section{margin-top:23px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head h2{font-size:16px;margin:0;letter-spacing:-.02em}.section-head p,.section-head button{font-size:11px;color:var(--muted);margin:0}.section-head button{background:none;color:var(--cyan);padding:0;cursor:pointer}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stat{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border-radius:18px;padding:14px 12px}.stat span{font-size:10px;color:var(--muted);display:block}.stat strong{font-size:19px;display:block;margin-top:5px;letter-spacing:-.03em}.stat small{display:block;font-size:9px;margin-top:3px;color:var(--green)}
.level-wrap{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:20px;padding:15px 16px}.level-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.level-top strong{font-size:13px;color:var(--text)}.progress{height:7px;background:#20263a;border-radius:999px;margin-top:11px;overflow:hidden}.progress>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet));box-shadow:0 0 16px rgba(114,231,255,.38)}
.daily-card{border:1px solid rgba(114,231,255,.2);background:linear-gradient(135deg,rgba(114,231,255,.09),rgba(114,140,255,.08) 48%,rgba(165,121,255,.08));border-radius:24px;padding:17px;position:relative;overflow:hidden}.daily-card:after{content:"";position:absolute;width:150px;height:150px;right:-60px;top:-80px;border-radius:50%;background:radial-gradient(circle,rgba(114,231,255,.18),transparent 68%)}.daily-label{font-size:10px;color:var(--cyan);font-weight:800;letter-spacing:.08em}.daily-card h3{font-size:18px;margin:7px 0 7px}.daily-card p{color:#aeb7ce;font-size:12px;line-height:1.65;margin:0 0 15px}.reward-row{display:flex;gap:9px;margin:10px 0 15px}.reward{font-size:10px;border-radius:9px;padding:6px 8px;background:rgba(0,0,0,.2);color:#cad2e6}.reward b{color:var(--yellow)}
.jobs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.job-card{appearance:none;text-align:left;position:relative;min-height:155px;padding:14px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.025));color:var(--text);cursor:pointer;overflow:hidden}.job-card:active{transform:scale(.985)}.job-card:before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-30px;top:-30px;background:radial-gradient(circle,var(--jobGlow),transparent 68%);opacity:.42}.job-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:var(--jobTint);border:1px solid rgba(255,255,255,.08);margin-bottom:22px}.job-card strong{display:block;font-size:13px}.job-card small{display:block;color:var(--muted);font-size:10px;margin-top:5px;line-height:1.45}.job-score{position:absolute;right:12px;bottom:12px;font-size:10px;color:var(--green)}
.job-head{border:1px solid var(--line);border-radius:25px;padding:19px;background:linear-gradient(145deg,var(--jobTint),rgba(255,255,255,.025));overflow:hidden;position:relative}.job-head:after{content:"";position:absolute;width:180px;height:180px;right:-70px;top:-80px;border-radius:50%;background:radial-gradient(circle,var(--jobGlow),transparent 70%);opacity:.45}.job-head .job-icon{margin:0 0 18px;width:52px;height:52px;font-size:25px}.job-head h1{font-size:26px;letter-spacing:-.04em;margin:0 0 7px}.job-head p{font-size:12px;line-height:1.7;color:#b2bad0;margin:0;max-width:88%}
.mission-list{display:grid;gap:10px}.mission{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:18px}.mission-number{width:38px;height:38px;flex:0 0 38px;border-radius:13px;display:grid;place-items:center;background:#171d32;font-weight:900;color:var(--cyan);font-size:12px}.mission-body{min-width:0;flex:1}.mission-body strong{display:block;font-size:13px}.mission-body span{display:block;color:var(--muted);font-size:10px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mission-tag{font-size:9px;color:var(--green);padding:5px 7px;border-radius:8px;background:rgba(100,232,183,.08)}
.back-row{display:flex;align-items:center;gap:10px;margin-bottom:16px}.back-row h1{font-size:16px;margin:0}.back-btn{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid var(--line);color:var(--text);font-size:20px;cursor:pointer}
.brief{border:1px solid var(--line);border-radius:23px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.025));padding:17px;margin-bottom:13px}.brief-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.client{display:flex;align-items:center;gap:10px}.avatar{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#202b4c,#392c59);display:grid;place-items:center;font-weight:900;color:#dce2f4}.client strong{font-size:12px;display:block}.client small{font-size:10px;color:var(--muted)}.badge{font-size:9px;color:var(--yellow);background:rgba(255,212,102,.08);padding:6px 8px;border-radius:8px}.brief h2{font-size:17px;margin:17px 0 8px}.brief p{font-size:12px;line-height:1.75;color:#b5bdd1;margin:0}.brief-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.brief-meta div{background:rgba(0,0,0,.18);border-radius:12px;padding:10px}.brief-meta span{font-size:9px;color:var(--muted);display:block}.brief-meta strong{font-size:11px;display:block;margin-top:3px}
.workspace{border:1px solid var(--line);border-radius:23px;background:#0d1221;padding:16px}.workspace h3{font-size:12px;color:#dbe1f2;margin:0 0 11px;display:flex;justify-content:space-between}.workspace h3 span{font-size:10px;color:var(--muted);font-weight:500}.field-label{font-size:10px;color:var(--muted);display:block;margin:13px 0 7px}.text-input,.text-area,.select{width:100%;border:1px solid var(--line);background:#090d18;color:var(--text);border-radius:14px;padding:13px 14px;outline:0}.text-area{min-height:170px;resize:vertical;line-height:1.75;font-size:13px}.text-input:focus,.text-area:focus,.select:focus{border-color:rgba(114,231,255,.48);box-shadow:0 0 0 3px rgba(114,231,255,.06)}.counter{text-align:right;color:var(--muted-2);font-size:9px;margin-top:5px}.counter.good{color:var(--green)}
.chips{display:flex;flex-wrap:wrap;gap:7px}.choice{background:#11172a;border:1px solid var(--line);color:#b9c2d8;border-radius:12px;padding:9px 11px;font-size:10px;cursor:pointer}.choice.active{color:#07101b;background:linear-gradient(105deg,var(--cyan),#9ad5ff);border-color:transparent;font-weight:800}.choice.danger.active{background:var(--red);color:white}.choice.wide{display:flex;width:100%;text-align:left;align-items:center;justify-content:space-between;padding:12px 13px}.choice.wide b{font-size:11px}.choice.wide span{font-size:9px;color:var(--muted)}.choice.wide.active span{color:#143144}
.submit-area{position:sticky;bottom:calc(10px + var(--safe-bottom));z-index:4;padding-top:13px}.submit-area:before{content:"";position:absolute;z-index:-1;left:-18px;right:-18px;bottom:-20px;height:110px;background:linear-gradient(to top,#070a12 42%,transparent);pointer-events:none}
.timerbar{display:flex;align-items:center;justify-content:space-between;margin:2px 0 11px;font-size:10px;color:var(--muted)}.timer{font-variant-numeric:tabular-nums;color:var(--cyan)}
.fake-assets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.asset{aspect-ratio:1;border-radius:15px;border:1px solid var(--line);position:relative;overflow:hidden;cursor:pointer}.asset:before{content:"";position:absolute;inset:0;background:var(--assetBg)}.asset:after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.2);border-radius:10px}.asset.active{box-shadow:0 0 0 2px var(--cyan) inset}.asset.active:after{border-color:var(--cyan)}
.timeline{height:96px;border-radius:14px;border:1px solid var(--line);background:#090d18;padding:10px;display:flex;gap:3px;align-items:end}.clip{width:6%;border-radius:3px 3px 1px 1px;background:#2c3656;min-height:18px;cursor:pointer}.clip.hot{background:linear-gradient(to top,var(--violet),var(--cyan))}.clip.cut{opacity:.25}.timeline-labels{display:flex;justify-content:space-between;color:var(--muted-2);font-size:8px;margin-top:4px}
.mail-list{display:grid;gap:8px}.mail{border:1px solid var(--line);border-radius:13px;padding:11px;background:#0a0f1c}.mail-top{display:flex;justify-content:space-between;gap:8px}.mail strong{font-size:11px}.mail time{font-size:9px;color:var(--muted)}.mail p{font-size:10px;color:#aeb6cc;line-height:1.5;margin:6px 0 8px}.mail-actions{display:flex;gap:6px}.mail-actions button{font-size:9px;padding:6px 8px;border-radius:8px;background:#171d31;color:#c9d0e2;border:1px solid var(--line)}.mail-actions button.active{background:var(--cyan);color:#061019}
.prompt-builder{display:grid;gap:8px}.prompt-slot{border:1px dashed rgba(255,255,255,.14);background:#090d18;border-radius:13px;padding:11px}.prompt-slot label{display:block;color:var(--muted);font-size:9px;margin-bottom:7px}.prompt-preview{margin-top:12px;border-left:2px solid var(--violet);padding:11px 12px;background:rgba(165,121,255,.05);border-radius:0 12px 12px 0;font-size:10px;line-height:1.65;color:#cbd2e4}
.code-preview{background:#070a12;border:1px solid var(--line);border-radius:14px;padding:12px;font:11px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;color:#b9c9ef;white-space:pre-wrap;overflow:auto}.code-preview .accent{color:var(--cyan)}
.result-hero{text-align:center;padding:23px 4px 12px}.result-ring{width:132px;height:132px;border-radius:50%;margin:4px auto 17px;background:conic-gradient(var(--cyan) 0 var(--score),rgba(255,255,255,.07) var(--score) 100%);display:grid;place-items:center;position:relative;box-shadow:0 0 50px rgba(114,231,255,.08)}.result-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#0b0f1c}.result-ring div{position:relative;z-index:1}.result-ring strong{font-size:34px;letter-spacing:-.06em}.result-ring span{font-size:10px;color:var(--muted)}.result-hero h1{font-size:26px;margin:0}.result-hero p{font-size:12px;color:var(--muted);line-height:1.7}
.score-list{display:grid;gap:9px}.score-row{border:1px solid var(--line);border-radius:15px;padding:12px 13px;background:rgba(255,255,255,.03)}.score-top{display:flex;justify-content:space-between;font-size:10px}.score-top span{color:var(--muted)}.score-top b{color:var(--text)}.score-bar{height:5px;background:#20263a;border-radius:999px;margin-top:8px;overflow:hidden}.score-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.feedback-card{border:1px solid var(--line);border-radius:20px;padding:16px;background:linear-gradient(145deg,rgba(100,232,183,.05),rgba(255,255,255,.025));margin-top:12px}.feedback-card h3{font-size:13px;margin:0 0 7px}.feedback-card p{font-size:11px;line-height:1.7;color:#b6bed1;margin:0}.self-feel{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.feel{min-height:45px;border:1px solid var(--line);border-radius:13px;background:#101629;color:#c7cfe1;font-size:10px;cursor:pointer}.feel.active{background:rgba(100,232,183,.13);border-color:rgba(100,232,183,.35);color:var(--green)}
.profile-card{border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,rgba(114,140,255,.08),rgba(255,255,255,.025));padding:18px}.profile-id{display:flex;gap:13px;align-items:center}.profile-avatar{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#76e8ff,#788cff,#a778ff);display:grid;place-items:center;color:#07101a;font-weight:1000;font-size:20px}.profile-card h1{font-size:18px;margin:0}.profile-card p{font-size:10px;color:var(--muted);margin:4px 0 0}.fit-list{display:grid;gap:9px;margin-top:14px}.fit{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:10px}.fit-rank{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#181e33;font-weight:900;font-size:11px;color:var(--yellow)}.fit strong{font-size:11px}.fit span{font-size:9px;color:var(--muted);display:block;margin-top:3px}.fit b{font-size:12px;color:var(--green)}
.report-empty{text-align:center;border:1px dashed var(--line);border-radius:20px;padding:28px 17px;color:var(--muted);font-size:11px;line-height:1.7}
.nav{position:fixed;z-index:20;left:50%;transform:translateX(-50%);bottom:calc(10px + var(--safe-bottom));width:min(calc(100% - 24px),536px);height:68px;padding:6px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(10,13,24,.86);backdrop-filter:blur(22px) saturate(140%);box-shadow:0 15px 45px rgba(0,0,0,.4)}.nav button{background:transparent;color:var(--muted);border-radius:16px;display:grid;place-items:center;align-content:center;gap:3px;cursor:pointer}.nav button span:first-child{font-size:18px;line-height:1}.nav button span:last-child{font-size:9px}.nav button.active{background:rgba(255,255,255,.07);color:var(--text)}
.onboarding{min-height:100vh;padding:calc(30px + var(--safe-top)) 21px calc(28px + var(--safe-bottom));display:flex;flex-direction:column;justify-content:space-between}.onboard-top{display:flex;justify-content:space-between;align-items:center}.onboard-step{font-size:10px;color:var(--muted)}.skip{background:none;color:var(--muted);font-size:11px;cursor:pointer}.onboard-art{height:330px;display:grid;place-items:center;position:relative}.orbit{width:240px;height:240px;border:1px solid rgba(255,255,255,.08);border-radius:50%;position:relative;animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.055);border-radius:50%}.orbit:before{inset:28px}.orbit:after{inset:60px}.orbit-card{position:absolute;width:64px;height:64px;border-radius:19px;background:#11182c;border:1px solid var(--line);display:grid;place-items:center;font-size:27px;box-shadow:0 15px 40px rgba(0,0,0,.3)}.orbit-card.o1{left:9px;top:34px}.orbit-card.o2{right:-5px;top:76px}.orbit-card.o3{left:83px;bottom:-21px}.orbit-core{position:absolute;width:112px;height:112px;border-radius:34px;background:linear-gradient(145deg,#78e9ff,#788cff,#ac78ff);display:grid;place-items:center;color:#07101b;font-weight:1000;font-size:18px;letter-spacing:-.04em;box-shadow:0 25px 70px rgba(114,140,255,.32)}
.onboard-copy .eyebrow{margin-bottom:10px}.onboard-copy h1{font-size:33px;line-height:1.08;letter-spacing:-.05em;margin:0 0 13px}.onboard-copy p{font-size:13px;line-height:1.8;color:#aeb7cb;margin:0}.onboard-actions{display:grid;gap:8px;margin-top:24px}
.quiz{padding-top:8px}.quiz h1{font-size:27px;line-height:1.22;letter-spacing:-.04em;margin:12px 0 8px}.quiz p{font-size:12px;color:var(--muted);line-height:1.6}.quiz-progress{height:5px;background:#20263a;border-radius:999px;margin:18px 0 24px;overflow:hidden}.quiz-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:width .25s}.quiz-options{display:grid;gap:9px}.quiz-option{width:100%;text-align:left;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.035);color:var(--text);padding:15px 16px;cursor:pointer}.quiz-option strong{font-size:12px}.quiz-option span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.quiz-option:active{transform:scale(.99)}
.toast{position:fixed;z-index:100;left:50%;bottom:calc(92px + var(--safe-bottom));transform:translate(-50%,14px);width:max-content;max-width:calc(100% - 34px);background:#e9edf8;color:#0a0d18;border-radius:12px;padding:10px 13px;font-size:11px;font-weight:700;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.confetti{position:fixed;pointer-events:none;z-index:90;width:7px;height:11px;border-radius:2px;animation:fall 1.4s ease-out forwards}@keyframes fall{0%{transform:translateY(-15px) rotate(0);opacity:1}100%{transform:translateY(85vh) rotate(560deg);opacity:0}}
.divider{height:1px;background:var(--line);margin:16px 0}.note{font-size:10px;line-height:1.65;color:var(--muted)}
@media (min-width:700px){.app-shell{margin-top:18px;min-height:calc(100vh - 36px);border:1px solid rgba(255,255,255,.05);border-radius:32px 32px 0 0;background:rgba(8,11,20,.55);box-shadow:0 0 120px rgba(0,0,0,.35)}.nav{bottom:18px}.screen{padding-left:22px;padding-right:22px}}
@media (max-width:360px){.screen{padding-left:14px;padding-right:14px}.hero h1{font-size:33px}.jobs{gap:8px}.stat-grid{gap:6px}.stat{padding:12px 9px}.job-card{min-height:150px;padding:12px}.brief-meta{gap:5px}.nav{width:calc(100% - 16px)}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* v2 — real-work simulation layer */
.mission-screen{padding-bottom:128px}.work-status{margin-left:auto;flex:0 0 auto;border:1px solid rgba(100,232,183,.28);background:rgba(100,232,183,.08);color:var(--green);font-size:8px;font-weight:900;letter-spacing:.12em;padding:7px 8px;border-radius:999px}.work-status.revision{border-color:rgba(255,212,102,.3);background:rgba(255,212,102,.09);color:var(--yellow)}
.workflow{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;margin:2px 0 14px;padding:12px 10px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.workflow>b{height:1px;background:#232a40}.workflow-step{display:grid;place-items:center;gap:4px;color:var(--muted-2)}.workflow-step i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#141a2a;border:1px solid var(--line);font-size:9px;font-style:normal;font-weight:900}.workflow-step span{font-size:8px}.workflow-step.done{color:var(--green)}.workflow-step.done i{background:rgba(100,232,183,.12);border-color:rgba(100,232,183,.28)}.workflow-step.active{color:var(--cyan)}.workflow-step.active i{color:#061019;border-color:transparent;background:linear-gradient(145deg,var(--cyan),#8e9dff);box-shadow:0 0 22px rgba(114,231,255,.22)}
.client-thread{border:1px solid rgba(255,255,255,.09);border-radius:21px;padding:14px;background:linear-gradient(160deg,rgba(114,140,255,.06),rgba(255,255,255,.025));margin-bottom:11px;box-shadow:0 16px 45px rgba(0,0,0,.13)}.thread-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.thread-head .client{display:flex;gap:9px;align-items:center}.thread-head .client strong{font-size:11px;display:block}.thread-head .client small{font-size:8px;color:var(--muted);display:block;margin-top:3px}.thread-time{font-size:8px;color:var(--muted-2)}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px rgba(100,232,183,.55);vertical-align:0}.chat-bubble{width:91%;padding:10px 11px;border:1px solid rgba(255,255,255,.07);border-radius:5px 15px 15px 15px;background:#11172a;margin:7px 0}.chat-bubble p{margin:0;color:#cbd2e4;font-size:10px;line-height:1.65}.chat-bubble.revision-message{background:linear-gradient(145deg,rgba(255,212,102,.1),rgba(255,255,255,.025));border-color:rgba(255,212,102,.2)}.chat-bubble.revision-message>span{display:block;color:var(--yellow);font-size:8px;font-weight:900;letter-spacing:.08em;margin-bottom:5px}.readmark{text-align:right;color:var(--muted-2);font-size:8px;margin-top:5px}
.brief-goal{border:1px solid rgba(114,231,255,.12);background:rgba(114,231,255,.045);border-radius:13px;padding:10px 11px;margin:11px 0}.brief-goal span{display:block;color:var(--cyan);font-size:8px;font-weight:800;margin-bottom:5px}.brief-goal strong{font-size:10px;line-height:1.55;color:#dbe2f4}.autosave{display:flex;align-items:center;gap:6px;color:#929db7;font-size:8px;margin:9px 2px 5px}.autosave span{color:var(--green);font-size:8px}.submit-hint{display:block;text-align:center;color:var(--muted-2);font-size:8px;margin-top:7px}
.sheet-backdrop{position:fixed;z-index:130;inset:0;background:rgba(3,5,11,.72);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;padding-top:30px}.delivery-sheet{width:min(100%,560px);max-height:92vh;overflow:auto;background:linear-gradient(180deg,#151a2b,#090d18 24%);border:1px solid rgba(255,255,255,.12);border-bottom:0;border-radius:26px 26px 0 0;padding:9px 18px calc(22px + var(--safe-bottom));box-shadow:0 -30px 90px rgba(0,0,0,.55);animation:sheetUp .25s ease-out}@keyframes sheetUp{from{transform:translateY(22px);opacity:.5}to{transform:none;opacity:1}}.sheet-handle{width:38px;height:4px;border-radius:999px;background:#38405a;margin:0 auto 15px}.delivery-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.delivery-title span{font-size:8px;letter-spacing:.13em;color:var(--cyan);font-weight:900}.delivery-title h2{font-size:18px;margin:5px 0 13px}.sheet-close{width:34px;height:34px;border-radius:12px;background:#171d2f;color:#b8c0d5;border:1px solid var(--line);font-size:18px}.delivery-client{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:15px;padding:10px;margin-bottom:13px;background:rgba(255,255,255,.025)}.delivery-client small{font-size:8px;color:var(--muted);display:block}.delivery-client strong{font-size:10px;display:block;margin-top:3px}.checkline{display:grid;grid-template-columns:22px 1fr;gap:9px;align-items:start;border:1px solid var(--line);border-radius:14px;padding:11px;margin:8px 0;background:#0c111e}.checkline input{appearance:none;width:20px;height:20px;border-radius:7px;border:1px solid #343d58;background:#151b2c;margin:0}.checkline input:checked{border-color:transparent;background:linear-gradient(145deg,var(--cyan),var(--blue));position:relative}.checkline input:checked:after{content:'✓';color:#07101a;font-weight:1000;position:absolute;inset:0;display:grid;place-items:center;font-size:12px}.checkline b{display:block;font-size:10px}.checkline small{display:block;font-size:8px;line-height:1.55;color:var(--muted);margin-top:3px}.text-area.compact{min-height:88px}.delivery-summary{display:flex;justify-content:space-between;gap:8px;margin:10px 0 13px;padding:10px 11px;border-radius:13px;background:rgba(255,255,255,.035);font-size:8px;color:var(--muted)}.delivery-summary b{color:var(--text);display:block;margin-top:2px;font-size:10px}.delivery-sheet .cta:disabled{opacity:.36;filter:saturate(.5)}.sheet-note{text-align:center;color:var(--muted-2);font-size:8px;line-height:1.5;margin:9px 5px 0}
.revision-screen{padding-bottom:38px}.review-arrival{text-align:center;padding:23px 8px 17px}.review-icon{width:72px;height:72px;margin:0 auto 13px;border-radius:24px;display:grid;place-items:center;color:#1b1404;font-size:31px;font-weight:900;background:linear-gradient(145deg,#ffe07c,#ffad68);box-shadow:0 20px 55px rgba(255,186,94,.18)}.review-arrival h1{font-size:28px;letter-spacing:-.045em;margin:7px 0 8px}.review-arrival p{font-size:11px;color:var(--muted);line-height:1.7;margin:0}.review-thread{margin-top:4px}.revision-checklist{margin-top:17px}.revision-point{display:flex;align-items:center;gap:10px;padding:11px 12px;margin:7px 0;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.revision-point i{width:27px;height:27px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:9px;color:var(--yellow);background:rgba(255,212,102,.1)}.revision-point span{font-size:10px;color:#cbd2e2}.review-score{margin:17px 0;border:1px solid rgba(165,121,255,.16);border-radius:18px;background:rgba(165,121,255,.05);padding:15px}.review-score>span{font-size:8px;color:var(--muted);display:block}.review-score strong{display:block;font-size:30px;margin:3px 0;color:#d9c9ff}.review-score strong small{font-size:10px;color:var(--muted)}.review-score p{font-size:9px;line-height:1.6;color:var(--muted);margin:3px 0 0}.revision-actions{display:grid;gap:8px}.acceptance-card{margin-top:12px;border:1px solid rgba(100,232,183,.22);border-radius:18px;padding:14px;background:linear-gradient(145deg,rgba(100,232,183,.08),rgba(255,255,255,.02))}.acceptance-card>span{display:block;color:var(--green);font-size:8px;font-weight:900;letter-spacing:.08em}.acceptance-card strong{display:block;font-size:12px;margin:6px 0 3px}.acceptance-card p{font-size:9px;color:var(--muted);margin:0}
@media (max-width:360px){.workflow{padding-left:7px;padding-right:7px}.workflow-step span{font-size:7px}.work-status{font-size:7px;padding:6px}.delivery-sheet{padding-left:14px;padding-right:14px}.chat-bubble{width:96%}}