@font-face{font-family:InterDisplay;src:url(/InterDisplay-Bold.ttf)format("truetype");font-weight:700;font-display:block}:root{--bg:#0c0c10;--panel:#15151b;--panel-2:#1d1d25;--line:#2a2a36;--text:#f3f2f6;--muted:#9896a6;--pink:#ff4fa3;--pink-soft:#ff4fa324;--ok:#37c98a;--bad:#ff6b6b;--base:#6aa6ff;--health:#5fd79a;--stress:#ff8a80}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0}body{font:14px/1.45 -apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,select,input{font:inherit;color:inherit}.brand{letter-spacing:-.02em;font-size:18px;font-weight:800}.brand span{color:var(--pink)}.muted{color:var(--muted)}.button{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;white-space:nowrap;border-radius:10px;padding:8px 14px}.button:hover{border-color:#3a3a4a}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{background:var(--pink);border-color:var(--pink);color:#1a0410;font-weight:700}.button.ghost{background:0 0}.chip{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.chip.running{color:var(--pink);border-color:#ff4fa380}.chip.done,.chip.ready{color:var(--ok)}.chip.failed{color:var(--bad)}.dot{background:currentColor;border-radius:50%;width:8px;height:8px}.home{max-width:1120px;margin:0 auto;padding:28px 24px 60px}.home header{align-items:baseline;gap:14px;margin-bottom:26px;display:flex}.drop{text-align:center;background:var(--panel);cursor:pointer;border:1.5px dashed #3a3a4a;border-radius:18px;padding:34px 20px}.drop:hover,.drop.over{border-color:var(--pink);background:var(--pink-soft)}.drop h2{letter-spacing:-.01em;margin:0 0 6px;font-size:20px}.bar{background:var(--panel-2);border-radius:3px;height:6px;margin-top:14px;overflow:hidden}.bar i{background:var(--pink);height:100%;display:block}.notice{color:#ffc4c4;background:#ff6b6b1a;border:1px solid #ff6b6b59;border-radius:10px;margin-top:14px;padding:10px 14px}.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;margin-top:14px;display:grid}.job{background:var(--panel);border:1px solid var(--line);border-radius:14px;display:block;overflow:hidden}.job:hover{border-color:#3d3d4d}.job .thumb{aspect-ratio:9/13;background:#000 50%/cover no-repeat}.job .meta{gap:6px;padding:10px 12px 12px;display:grid}.job .name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}h3.section{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:34px 0 0;font-size:13px}.editor{grid-template-rows:auto 1fr;height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:12px;padding:10px 16px;display:flex}.topbar .title{font-weight:600}.topbar .spacer{flex:1}.workspace{grid-template-columns:auto minmax(320px,1fr) 372px;min-height:0;display:grid}.stage{border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:10px;min-height:0;padding:16px;display:flex}.stage .frame{aspect-ratio:9/16;background:#000;border-radius:14px;height:calc(100vh - 128px);overflow:hidden}.preview-loading{height:100%;color:var(--muted);place-items:center;display:grid}.column{min-height:0;padding:16px 18px 40px;overflow-y:auto}.column+.column{border-left:1px solid var(--line);background:var(--panel)}.toolbar{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#0c0c10eb;flex-wrap:wrap;align-items:center;gap:8px;min-height:58px;margin:-16px -18px 14px;padding:12px 18px;display:flex;position:sticky;top:-16px}.toolbar .quote{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:100%;font-size:13px;overflow:hidden}.take{margin-bottom:18px}.take h4{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 6px;font-size:11px;font-weight:600}.words{font-size:18px;line-height:1.9}.word{cursor:pointer;border-bottom:2px solid #0000;border-radius:5px;padding:2px 3px}.word:hover{background:var(--panel-2)}.word.now{background:#ffffff24}.word.selected{background:var(--pink-soft);border-radius:0;box-shadow:inset 0 0 0 1px #ff4fa38c}.word.cut{border-bottom-color:var(--mark);font-weight:600}.word.emph{color:var(--pink);font-weight:700}.word.emph:before{content:"★";vertical-align:super;margin-right:2px;font-size:.7em}.word.card{background-image:linear-gradient(transparent 62%, color-mix(in srgb, var(--mark) 38%, transparent) 62%)}.legend{color:var(--muted);gap:16px;margin-bottom:14px;font-size:12px;display:flex}.legend b{color:var(--text);font-weight:600}.item{border:1px solid var(--line);background:var(--panel-2);border-left:4px solid var(--mark);border-radius:12px;margin-bottom:10px;padding:10px 12px}.item header{cursor:pointer;align-items:center;gap:8px;display:flex}.item .kind{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:11px}.item .label{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.item .time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px}.fields{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.fields label{color:var(--muted);gap:3px;font-size:11px;display:grid}.fields select,.fields input{background:var(--bg);border:1px solid var(--line);border-radius:8px;width:100%;padding:6px 8px;font-size:13px}.remove{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:2px 6px}.remove:hover{color:var(--bad);background:#ff6b6b1a}.warnings{color:#ffe08a;background:#ffc40012;border:1px solid #ffc40059;border-radius:12px;margin-bottom:14px;padding:10px 12px;font-size:13px}.warnings ul{margin:6px 0 0;padding-left:18px}.empty{color:var(--muted);border:1px dashed var(--line);text-align:center;border-radius:12px;padding:18px}.toast{border:1px solid var(--line);z-index:10;background:#24242e;border-radius:12px;max-width:640px;padding:10px 16px;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000080}.qc{white-space:pre-wrap;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:10px;margin-top:8px;padding:10px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.waiting{text-align:center;place-items:center;height:100vh;display:grid}.brand{align-items:center;gap:8px;display:inline-flex}.brand img{width:28px;height:28px}.editor{grid-template-rows:auto minmax(0,1fr) auto}.button.icon{padding:6px 10px;font-size:16px;line-height:1}.transport{align-items:center;gap:10px;display:flex}.tabs{display:none}.dock{border-top:1px solid var(--line);background:var(--panel);padding:8px 14px 12px}.item.selected{box-shadow:0 0 0 1.5px var(--pink)}.steps-box{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;margin-bottom:14px;padding:12px 14px}.steps{gap:7px;margin:0;padding:0;list-style:none;display:grid}.steps li{color:var(--muted);align-items:center;gap:9px;font-size:13px;display:flex}.steps li i{border:2px solid var(--line);border-radius:50%;flex:none;width:10px;height:10px}.steps li.done{color:var(--text)}.steps li.done i{background:var(--ok);border-color:var(--ok)}.steps li.now{color:var(--pink);font-weight:600}.steps li.now i{border-color:var(--pink)}.steps li.bad{color:var(--bad)}.steps li.bad i{background:var(--bad);border-color:var(--bad)}.ask{opacity:.7;align-items:center;gap:8px;display:flex}.ask input{background:var(--bg);border:1px solid var(--line);border-radius:10px;flex:1;min-width:0;padding:9px 11px}.tl-bar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;font-size:12px;display:flex}.tl-zoom{flex:none;gap:4px;display:flex}.tl-zoom .button{padding:2px 10px}.tl-scroll{padding-bottom:4px;overflow:auto hidden}.tl{padding-bottom:2px;position:relative}.tl-ruler{border-bottom:1px solid var(--line);cursor:pointer;touch-action:pan-x;height:22px;position:relative}.tl-ruler .tick{color:var(--muted);border-left:1px solid var(--line);height:18px;padding-left:4px;font-size:10px;position:absolute;top:4px}.tl-lane{border-bottom:1px solid #ffffff0a;align-items:center;height:34px;display:flex}.tl-name{width:74px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;z-index:2;background:var(--panel);flex:none;align-items:center;height:100%;font-size:11px;display:flex;position:sticky;left:0}.tl-track{cursor:pointer;height:100%;position:relative}.tl-block{background:color-mix(in srgb, var(--mark) 32%, #1b1b22);border:1px solid var(--mark);cursor:grab;touch-action:none;border-radius:7px;align-items:center;height:26px;display:flex;position:absolute;top:4px;overflow:hidden}.tl-block:active{cursor:grabbing}.tl-block.on{box-shadow:0 0 0 2px var(--pink);z-index:1}.tl-block span{white-space:nowrap;text-overflow:ellipsis;pointer-events:none;padding:0 14px 0 7px;font-size:11px;overflow:hidden}.tl-grip{cursor:ew-resize;background:linear-gradient(90deg, transparent, var(--mark));width:10px;position:absolute;top:0;bottom:0;right:0}.tl-head{background:var(--pink);pointer-events:none;z-index:3;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}@media (max-width:900px){.editor{height:auto;min-height:100vh;display:block}.topbar{flex-wrap:wrap;gap:8px;padding:8px 12px}.topbar .title{text-overflow:ellipsis;white-space:nowrap;max-width:38vw;overflow:hidden}.topbar .spacer{display:none}.topbar .button{padding:7px 10px;font-size:13px}.topbar .button.primary,.topbar a.button{text-align:center;flex:1}.topbar .chip,.topbar .brand b,.transport{display:none}.workspace{display:block}.stage{z-index:6;background:var(--bg);border-right:0;border-bottom:1px solid var(--line);gap:6px;padding:8px 12px 0;position:sticky;top:0}.stage .frame{height:40vh}.tabs{gap:4px;width:100%;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:10px 6px;font-weight:600}.tabs button.on{color:var(--text);border-bottom-color:var(--pink)}.column{padding:12px 14px 80px;overflow:visible}.column+.column{border-left:0}.toolbar{margin:0 0 12px;padding:0 0 10px;position:static;top:0}.editor[data-tab=text] .col-items,.editor[data-tab=text] .dock,.editor[data-tab=items] .col-text,.editor[data-tab=items] .dock,.editor[data-tab=time] .col-text,.editor[data-tab=time] .col-items{display:none}.words{font-size:20px}.toast{max-width:none;bottom:12px;left:12px;right:12px;transform:none}}.topbar{padding-top:max(10px, env(safe-area-inset-top))}.home{padding-top:max(28px, env(safe-area-inset-top))}.dock{padding-bottom:max(12px, env(safe-area-inset-bottom))}.home header{flex-wrap:wrap}.quiz{max-width:980px;padding:22px 20px calc(110px + env(safe-area-inset-bottom));margin:0 auto}.quiz header{align-items:center;gap:14px;margin-bottom:18px;display:flex}.quiz .progress{gap:6px;margin-bottom:26px;display:flex}.quiz .progress i{background:var(--panel-2);border-radius:2px;flex:1;height:4px}.quiz .progress i.on{background:var(--pink)}.quiz h1{letter-spacing:-.035em;max-width:22ch;margin:0 0 10px;font:700 32px/1.08 InterDisplay,sans-serif}.quiz h2{letter-spacing:-.01em;margin:30px 0 14px;font-size:18px}.quiz .lead{color:var(--muted);max-width:62ch;margin:0 0 24px;font-size:16px}.opts{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:760px;display:grid}.opts.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:500px}.opt{background:var(--panel);border:2px solid var(--line);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.opt.on{border-color:var(--pink);background:var(--pink-soft)}.opt video,.opt .palette{aspect-ratio:9/16;object-fit:cover;background:#000;width:100%;display:block}.opt button{all:unset;box-sizing:border-box;cursor:pointer;flex-direction:column;flex:1;gap:4px;width:100%;padding:14px 16px 16px;display:flex}.opt button:focus-visible{outline:2px solid var(--pink);outline-offset:-4px;border-radius:14px}.opt button b{font-size:16px}.opt button span{color:var(--muted);font-size:13.5px}.opt button em{color:var(--muted);margin-top:auto;padding-top:8px;font-size:13px;font-style:normal;font-weight:700}.opt.on button em{color:var(--pink)}.opt .palette{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px;display:flex}.opt .palette b{letter-spacing:-.04em;font:700 30px/1 InterDisplay,sans-serif}.opt .palette span{opacity:.8;font-size:13px}.topics{flex-wrap:wrap;gap:10px;display:flex}.topics button{border:1.5px solid var(--line);background:var(--panel);cursor:pointer;border-radius:999px;padding:11px 18px;font-size:15px}.topics button.on{border-color:var(--pink);background:var(--pink-soft);color:#fff}.field-label{color:var(--muted);margin-top:22px;font-size:13.5px;display:block}.field{border:1px solid var(--line);background:var(--panel);resize:vertical;border-radius:12px;width:100%;max-width:620px;margin-top:8px;padding:13px 15px;font-size:16px;display:block}.color-row{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:28px;display:grid}.swatches{flex-wrap:wrap;gap:12px;display:flex}.swatch{border:3px solid var(--bg);cursor:pointer;border-radius:50%;width:52px;height:52px;padding:0}.swatch.on{box-shadow:0 0 0 3px var(--pink)}.exact{align-items:center;gap:12px;margin-top:8px;display:flex}.exact input{cursor:pointer;background:0 0;border:0;width:52px;height:52px;padding:0}.exact code{color:var(--text);font-size:15px}.summary{border:1px solid var(--line);background:var(--line);border-radius:14px;gap:1px;max-width:620px;margin:0;display:grid;overflow:hidden}.summary div{background:var(--panel);justify-content:space-between;gap:16px;padding:12px 16px;display:flex}.summary dt{color:var(--muted)}.summary dd{text-align:right;align-items:center;gap:8px;margin:0;display:flex}.dot-color{border:1px solid #ffffff40;border-radius:50%;width:14px;height:14px;display:inline-block}.quiz-nav{border-top:1px solid var(--line);padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#0c0c10f5;position:fixed;bottom:0;left:0;right:0}.quiz-nav>div{justify-content:space-between;gap:10px;max-width:940px;margin:0 auto;display:flex}.quiz-nav .button{padding:12px 20px;font-size:15px}.quiz-nav .primary{margin-left:auto}.style-box{border:1px solid var(--line);background:var(--panel);border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:16px;padding:12px 14px;font-size:13px;display:flex}.style-box .grow{flex:1;min-width:120px}@media (max-width:720px){.quiz h1{font-size:26px}.opts,.opts.two{scroll-snap-type:x mandatory;max-width:none;margin:0 -20px;padding:0 20px 8px;display:flex;overflow-x:auto}.opts .opt{scroll-snap-align:center;flex:0 0 56vw}.color-row{grid-template-columns:1fr}.color-row>.opt{width:46vw}}