:root,html[data-theme=soften]{--ink:#16130c;--paper:#fff8e6;--paper-dim:#fffdf4;--cream:#fffdf4;--work:#f4f0e4;--card:#fff;--ink2:#5c564a;--line:#e7dfc9;--yellow:#ffd83d;--yellow-deep:#ffb800;--gold:#ffb800;--blue:#3e9bff;--pink:#ff5ca8;--pink-band:#ffc2e1;--amber:#ffb020;--green:#22b573;--purple:#7b4fe0;--purple-deep:#8b5cf6;--orange:#ff7a29;--cyan:#22d3ee;--pastel-pink:#ffd9ec;--pastel-yellow:#ffedb3;--pastel-blue:#d3ecff;--pastel-purple:#e6dcff;--pastel-green:#d2f5e3;--pastel-peach:#ffe3d3;--night:#12101d;--night2:#1b1830;--ink-on-accent:#16130c;--fg-on-paper:#16130c;--fg-muted:#5c564a;--text-1:#16130c;--text-2:#5c564a;--text-3:#8a8270;--border-subtle:#e4dcc6;--border:2.5px solid var(--ink);--shadow-soft:0 1px 2px #16130c0a,0 6px 20px #16130c12;--shadow-soft-hover:0 2px 6px #16130c0d,0 14px 36px #16130c1c;--shadow-hard:6px 6px 0 var(--ink);--shadow-hard-sm:4px 4px 0 var(--ink);--shadow-hard-lg:6px 6px 0 var(--ink);--sh:var(--shadow-hard);--sh-sm:var(--shadow-hard-sm);--sh-xs:var(--shadow-hard-sm);--fs-display:clamp(58px,7.2vw,100px);--fs-title:clamp(30px,3.6vw,40px);--fs-body:15.5px;--fs-caption:12.5px;--section-gap:66px;--r:17px;--font:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--font-display:"ZCOOL KuaiLe","Noto Sans SC",sans-serif;--mono:"SF Mono","JetBrains Mono",Consolas,"Courier New",monospace}html[data-theme=soften] .view-work{--sh:var(--shadow-soft);--sh-sm:var(--shadow-soft);--sh-xs:0 1px 2px #17130c0d,0 3px 10px #17130c0f;--shadow-hard:var(--shadow-soft);--shadow-hard-sm:var(--shadow-soft);--shadow-hard-lg:var(--shadow-soft-hover)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.65;overflow-x:hidden}body.lock{overflow:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:8px}h1,h2,h3,h4{margin:0;line-height:1.3}p{margin:0}.small{color:var(--ink2);font-size:12.5px;line-height:1.55}.dots{color:var(--gold);letter-spacing:2px;white-space:nowrap;font-size:12px}.dots .off{color:#d8cfb4}.nm,.ds,.sz,.nt,.gain,.rd2,.lt,.lp,.xr{display:block}.story{color:var(--ink);font-size:16.5px;font-weight:800;line-height:1.7}.btn{background:var(--yellow);color:var(--ink-on-accent);border:2px solid var(--ink);box-shadow:var(--sh-xs);border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn.ghost{background:var(--card)}.btn.sm{border-radius:10px;padding:8px 16px;font-size:13.5px}.btn.off{color:#9a917a;box-shadow:none;cursor:not-allowed;background:#e9e2ce;border-color:#b9af93}.btn.off:hover,.btn.off:active{box-shadow:none;transform:none}.btn.light-ghost{color:#fff6e3;background:0 0;border-color:#fff6e3;box-shadow:3px 3px #fff6e359}.tbtn{color:var(--ink);text-underline-offset:4px;font-size:14px;font-weight:800;text-decoration:underline;text-decoration-thickness:2px}.tbtn:hover{color:var(--blue)}.tbtn[disabled]{color:#b9af93;cursor:not-allowed;text-decoration:none}.card{background:var(--card);border:2px solid var(--ink);border-radius:var(--r)}.lift{box-shadow:var(--sh-sm);transition:transform .18s,box-shadow .18s}.lift:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.view-work .lift:hover{box-shadow:4px 4px 0 var(--ink)}.bdg{letter-spacing:.06em;border:2px solid var(--ink);background:var(--yellow);color:var(--ink-on-accent);border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:900;display:inline-block}.sw{border:2px solid var(--ink);border-radius:8px;display:inline-flex;overflow:hidden}.sw i{width:22px;height:16px;display:block}@keyframes holo{0%{background-position:0 0,0%}50%{background-position:0 0,100%}to{background-position:0 0,0%}}.rare-gold,.rare-gold-dark{background-size:auto,300% 300%;border:2px solid #0000;animation:7s linear infinite paused holo}.rare-gold{background-image:linear-gradient(var(--card),var(--card)),linear-gradient(120deg,#ffd23f,#ff9e2c,#ff5c7a,#7c5cff,#00c2ff,#ffd23f);background-origin:padding-box,border-box;background-clip:padding-box,border-box}.rare-gold-dark{background-image:linear-gradient(var(--night2),var(--night2)),linear-gradient(120deg,#ffd23f,#ff9e2c,#ff5c7a,#7c5cff,#00c2ff,#ffd23f);background-origin:padding-box,border-box;background-clip:padding-box,border-box}.rare-gold:hover,.rare-gold-dark:hover{animation-play-state:running}.rare-epic{background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(120deg,#7c5cff,#00c2ff,#7c5cff) border-box;border:2px solid #0000}.rare-epic-dark{background:linear-gradient(var(--night2),var(--night2)) padding-box,linear-gradient(120deg,#7c5cff,#00c2ff,#7c5cff) border-box;border:2px solid #0000}.rar-tag{letter-spacing:.08em;border:2px solid var(--ink);border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:900}.rar-tag.gold{color:#3a2703;background:linear-gradient(120deg,#ffd23f,#ff9e2c)}.rar-tag.epic{background:var(--purple);color:#fff}.rar-tag.norm{color:var(--ink2);background:#efe9d8}.topbar{z-index:60;background:var(--card);border-bottom:2px solid var(--ink);position:sticky;top:0}.topbar-in{justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding:10px 20px;display:flex}.wordmark{letter-spacing:.02em;align-items:center;gap:10px;font-size:21px;font-weight:900;display:flex}.wordmark .mark{background:var(--ink);color:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--yellow);border-radius:9px;padding:2px 9px;font-size:17px;line-height:1.5}.topbar-tools{align-items:center;gap:12px;margin-left:auto;display:flex}.topbar-aux,.nav{align-items:center;gap:4px;display:flex}.nav>button{border:2px solid #0000;border-radius:10px;padding:7px 13px;font-size:14.5px;font-weight:800}.nav>button:hover{border-color:var(--ink);background:var(--paper)}.nav>button.on{border-color:var(--ink);background:var(--yellow);color:var(--ink-on-accent);box-shadow:var(--sh-xs)}.nav>button:disabled{opacity:.4;cursor:not-allowed}.nav .nav-quit{margin-left:8px;font-size:13px}.nav .avatar{background:var(--pink);border:2px solid var(--ink);color:#fff;width:34px;height:34px;box-shadow:2px 2px 0 var(--ink);border-radius:10px;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:900;display:flex}.view{display:none}.view.on{animation:.3s both vin;display:block}@keyframes vin{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.wrap{max-width:1200px;margin:0 auto;padding:0 20px}.wrap-wide{max-width:1560px;margin:0 auto;padding:0 24px}.page-t{letter-spacing:-.01em;margin-top:6px;font-size:32px;font-weight:900}.page-sub{color:var(--ink2);max-width:640px;margin-top:8px}.sec-t{margin-top:8px;font-size:24px;font-weight:900}.sec-sub{color:var(--ink2);margin:6px 0 18px}.grid3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.steps{flex-wrap:wrap;align-items:center;gap:10px;margin:26px 0 22px;display:flex}.step{color:var(--ink2);align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.step .n{border:2px solid var(--ink);background:var(--card);width:26px;height:26px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:900;display:flex}.step.cur{color:var(--ink)}.step.cur .n{background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.steps .bar{background:var(--ink);opacity:.25;border-radius:2px;width:44px;height:2px}.stickybar{z-index:40;background:var(--ink);color:#fff6e3;border:2px solid var(--ink);border-radius:var(--r);box-shadow:var(--sh-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:28px;padding:14px 18px;display:flex;position:sticky;bottom:14px}.stickybar .sum{font-size:14.5px}.stickybar .btn{box-shadow:3px 3px #fff6e373}.stickybar.light{background:var(--card);color:var(--ink)}.stickybar.light .btn{box-shadow:var(--sh-xs)}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:34px;padding:52px 0 30px;display:grid}.hero.hero-compact{gap:28px;padding:36px 0 22px}.hero h1{letter-spacing:-.015em;font-size:52px;font-weight:900;line-height:1.18}.hero.hero-compact h1{font-size:42px}.hero h1 .hl{background:var(--yellow);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:10px;padding:0 10px;display:inline-block;transform:rotate(-1deg)}.hero .sub{color:var(--ink2);max-width:480px;margin:20px 0 26px;font-size:16.5px;line-height:1.75}.hero-cta{flex-wrap:wrap;gap:14px;display:flex}.poster{background:var(--night);color:#f4efe2;border:2px solid var(--ink);box-shadow:10px 10px 0 var(--pink);border-radius:18px;min-height:300px;padding:22px 24px 18px;position:relative;overflow:hidden}.poster:before{content:"";background:radial-gradient(circle at 85% 12%,#7c5cff4d,#0000 55%),radial-gradient(circle at 8% 92%,#00c2ff2e,#0000 50%);position:absolute;inset:0}.poster-top{z-index:1;letter-spacing:.1em;color:#b9b2d9;justify-content:space-between;font-size:12px;font-weight:800;display:flex;position:relative}.poster-top .live{color:#ffd23f}.hero-slide{opacity:0;z-index:1;transition:opacity .8s;position:absolute;top:64px;left:24px;right:24px}.hero-slide.on{opacity:1}.hero-slide .who{letter-spacing:.08em;background:var(--cyan);color:#062a33;border:2px solid #f4efe2;border-radius:7px;padding:2px 9px;font-size:12px;font-weight:900;display:inline-block}.hero-slide .line{color:#fff;margin:14px 0 12px;font-size:31px;font-weight:900;line-height:1.4}.hero-slide .foot{color:#b9b2d9;font-size:12.5px;font-weight:700}.hero-dots{z-index:2;gap:8px;display:flex;position:absolute;bottom:16px;left:24px}.hero-dots button{background:0 0;border:2px solid #f4efe2;border-radius:99px;width:26px;height:10px;padding:0}.hero-dots button.on{background:var(--yellow);border-color:var(--yellow)}.proj{text-align:left;width:100%;margin-top:12px;padding:20px;position:relative}.proj:before{content:"";border:2px solid var(--ink);background:var(--tabc,var(--blue));border-bottom:none;border-radius:9px 12px 0 0;width:74px;height:14px;position:absolute;top:-14px;left:16px}.proj h3{font-size:18px;font-weight:900}.proj .meta{color:var(--ink2);margin:6px 0 12px;font-size:13px}.proj .no-tag{color:var(--ink2);letter-spacing:.06em;font-size:11px;font-weight:900;position:absolute;top:12px;right:14px}.pbar{border:2px solid var(--ink);background:#fff;border-radius:99px;height:14px;margin-bottom:14px;overflow:hidden}.pbar i{background:repeating-linear-gradient(-45deg,var(--yellow) 0 10px,#ffb020 10px 20px);height:100%;display:block}.proj.empty{background:var(--paper-dim);border-style:dashed;flex-direction:column;justify-content:center;align-items:flex-start;min-height:132px;display:flex}.proj.empty:before{background:#cfc6ac}.feat{padding:20px}.feat .no{letter-spacing:.08em;color:#fff;background:var(--fc,var(--blue));border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:8px;padding:2px 10px;font-size:12px;font-weight:900;display:inline-block}.feat h3{margin:12px 0 6px;font-size:18px;font-weight:900}.feat p{color:var(--ink2);font-size:14px}.hscroll{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.libmini{text-align:left;width:100%;margin-top:12px;padding:18px;position:relative}.libmini:before{content:"";border:2px solid var(--ink);background:var(--tabc,var(--blue));border-bottom:none;border-radius:9px 12px 0 0;width:64px;height:14px;position:absolute;top:-14px;left:16px}.libmini .lt{margin:8px 0 5px;font-size:16.5px;font-weight:900}.libmini .lp{color:var(--ink2);font-size:13px}.libmini .cnt{color:var(--ink2);font-size:11px;font-weight:900;position:absolute;top:12px;right:14px}footer.site{border-top:2px solid var(--ink);color:var(--ink2);flex-wrap:wrap;justify-content:space-between;gap:10px;margin:56px 0 30px;padding-top:18px;font-size:13px;font-weight:700;display:flex}.set-group{margin-top:30px}.set-group>h3{flex-wrap:wrap;align-items:baseline;gap:10px;font-size:18px;font-weight:900;display:flex}.set-group .hint{color:var(--ink2);font-size:13px;font-weight:600}.pick2{grid-template-columns:1fr 1fr;gap:16px;margin-top:14px;display:grid}.pick{background:var(--card);border:2px solid var(--ink);border-radius:var(--r);text-align:left;padding:18px;transition:transform .15s,box-shadow .15s;position:relative}.pick .tick{border:2px solid var(--ink);background:var(--yellow);border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:900;display:none;position:absolute;top:12px;right:12px}.pick.sel{box-shadow:var(--sh-sm);background:#fff3d1}.pick.sel .tick{display:flex}.pick .nm{margin-top:12px;font-size:17px;font-weight:900}.pick .ds{color:var(--ink2);margin-top:3px;font-size:13px}.frame-v{border:2.5px solid var(--ink);background:linear-gradient(#ffe9a8,#ffc727);border-radius:8px;justify-content:center;align-items:center;width:42px;height:70px;font-size:12px;font-weight:900;display:flex}.frame-h{border:2.5px solid var(--ink);color:#fff;background:linear-gradient(90deg,#bfe3ff,#2f6bff);border-radius:8px;justify-content:center;align-items:center;width:78px;height:46px;margin-top:12px;font-size:12px;font-weight:900;display:flex}.seg{border:2px solid var(--ink);box-shadow:var(--sh-xs);background:var(--card);border-radius:12px;margin-top:14px;display:inline-flex;overflow:hidden}.seg button{background:var(--card);padding:10px 30px;font-size:15px;font-weight:900}.seg button.sel{background:var(--ink);color:var(--yellow)}.style-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px;display:grid}.style-card{background:var(--card);border:2px solid var(--ink);border-radius:var(--r);text-align:left;padding:16px;transition:transform .15s,box-shadow .15s;position:relative}.style-card .tick{border:2px solid var(--ink);background:var(--cyan);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:900;display:none;position:absolute;top:12px;right:12px}.style-card.sel{box-shadow:var(--sh-sm);background:#eaf7fa}.style-card.sel .tick{display:flex}.style-card .nm{margin-top:10px;font-size:16px;font-weight:900}.style-card .ds{color:var(--ink2);margin-top:3px;font-size:13px}.txtin{border:2px solid var(--ink);background:var(--card);width:100%;color:var(--ink);border-radius:12px;padding:13px 16px;font-family:inherit;font-size:14.5px}.txtin:focus{box-shadow:var(--sh-xs);outline:none}.txtin:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.editor{box-shadow:var(--sh-sm);padding:0;overflow:hidden}.editor .tools{border-bottom:2px solid var(--ink);background:var(--paper-dim);flex-wrap:wrap;gap:8px;padding:12px 14px;display:flex}.toolbtn{border:2px solid var(--ink);background:var(--card);border-radius:9px;padding:5px 13px;font-size:13px;font-weight:800}.toolbtn:hover{background:var(--yellow)}.editor textarea{resize:vertical;width:100%;min-height:300px;color:var(--ink);background:var(--card);border:none;padding:20px 22px;font-family:inherit;font-size:14.5px;line-height:1.8}.editor textarea:focus{outline:none;box-shadow:inset 0 0 0 3px #2f6bff59}.editor .stats{border-top:2px solid var(--line);color:var(--ink2);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:11px 16px;font-size:12.5px;font-weight:700;display:flex}.analyze{background:var(--night);color:#f4efe2;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:18px;padding:28px;position:relative}.ana-steps{flex-wrap:wrap;align-items:center;gap:12px;margin:26px 0 8px;display:flex}.ana-step{color:#8e87ac;align-items:center;gap:8px;font-size:14.5px;font-weight:800;display:flex}.ana-step .d{background:0 0;border:2px solid #8e87ac;border-radius:50%;width:13px;height:13px}.ana-step.lit{color:#fff}.ana-step.lit .d{background:var(--yellow);border-color:var(--yellow);animation:1s infinite alternate pulse;box-shadow:0 0 0 5px #ffc72740}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.18)}}.ana-steps .bar{background:#3a3554;border-radius:2px;flex:0 0 40px;height:2px}.mini-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.mini-beat{background:var(--night2);opacity:0;border:2px solid #45406b;border-radius:12px;padding:12px 14px;transition:opacity .45s,transform .45s;transform:translateY(10px)}.mini-beat.show{opacity:1;transform:none}.mini-beat .bt{letter-spacing:.05em;background:var(--bc,#7c5cff);color:#fff;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:900;display:inline-block}.mini-beat .bl{color:#cfc9e8;margin-top:8px;font-size:12.5px;line-height:1.6}.view-work{background:var(--work)}.ovrow{box-shadow:var(--sh-xs);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:20px 24px;display:flex}.ov .num{letter-spacing:-.01em;font-size:27px;font-weight:900}.ov .lab{color:var(--ink2);margin-top:2px;font-size:12px;font-weight:800}.chips{flex-wrap:wrap;gap:10px;margin:18px 0 6px;display:flex}.chip{border:2px solid var(--ink);background:var(--card);border-radius:999px;padding:6px 14px;font-size:13.5px}.chip b{font-weight:900}.chip span{color:var(--ink2);font-weight:700}.recipe{border-radius:var(--r);box-shadow:var(--sh-sm);margin-top:20px;padding:22px}.recipe h3{margin:10px 0 14px;font-size:20px;font-weight:900}.recipe .track{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.recipe .sn{font-size:14px;font-weight:900}.recipe .sb{border:2px solid var(--ink);background:#fff;border-radius:99px;height:12px;margin:6px 0 4px;overflow:hidden}.recipe .sb i{background:var(--purple);height:100%;display:block}.recipe .sv{color:var(--ink2);font-size:11.5px;font-weight:800}.recipe .why{color:var(--ink2);margin-top:14px;font-size:14px}.tl{margin-top:26px;padding-left:26px;position:relative}.tl:before{content:"";background:var(--ink);opacity:.85;border-radius:3px;width:3px;position:absolute;top:8px;bottom:8px;left:7px}.beat{background:var(--card);border:2px solid var(--ink);border-radius:var(--r);margin-bottom:14px;padding:16px 18px;position:relative}.beat:before{content:"";background:var(--yellow);border:2.5px solid var(--ink);border-radius:50%;width:13px;height:13px;position:absolute;top:22px;left:-26px}.beat .row1{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.beat .bdg{background:var(--bc,var(--purple));color:#fff;padding:2px 9px;font-size:11px}.beat .flip{color:#8a6100;border:2px solid var(--ink);background:#ffe9a8;border-radius:999px;padding:1px 9px;font-size:11px;font-weight:900}.beat .key{margin-top:9px}.beat .emo{color:var(--ink2);margin-top:5px;font-size:12.5px;font-weight:700}#v-s4{min-height:100vh}.workbar{z-index:55;background:var(--card);border-bottom:2px solid var(--ink);position:sticky;top:0}.workbar-in{justify-content:space-between;align-items:center;gap:12px;max-width:1560px;margin:0 auto;padding:10px 24px;display:flex}.workbar .mid{font-size:15px;font-weight:900}.workbar .rt{align-items:center;gap:14px;display:flex}.workbar .small{color:var(--ink);font-weight:800}.wb-body{flex-direction:column;gap:12px;padding:12px 0 36px;display:flex}.tl-summary{box-shadow:var(--sh-xs);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 14px;display:flex}.tl-sum-k{letter-spacing:.08em;color:var(--ink2);text-transform:uppercase;font-size:11.5px;font-weight:900}.tl-sum-v{color:var(--ink);flex:auto;min-width:160px;font-size:13.5px;font-weight:800}.tl-sum-err{border:2px solid var(--ink);cursor:help;background:#ffe1e8;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:900}.wb-grid{grid-template-columns:250px minmax(0,1fr) 300px;align-items:start;gap:18px;padding:0;display:grid}.wb-left{flex-direction:column;align-self:start;gap:10px;min-height:0;max-height:calc(100vh - 70px);display:flex;position:sticky;top:58px}.wb-side{flex-direction:column;align-self:start;gap:0;min-height:0;max-height:calc(100vh - 70px);display:flex;position:sticky;top:58px;overflow:hidden}.side-dock-tabs{background:var(--card);border:2px solid var(--ink);border-radius:12px;flex:none;gap:6px;margin-bottom:10px;padding:4px;display:flex}.side-dock-tabs button{cursor:pointer;color:var(--ink2);background:0 0;border:0;border-radius:8px;flex:1 1 0;padding:8px 6px;font-size:12.5px;font-weight:900}.side-dock-tabs button.on{background:var(--yellow);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.side-dock-body{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:thin;flex:auto;min-height:0;padding-bottom:12px;overflow-y:auto}.side-dock-body::-webkit-scrollbar{width:6px}.side-dock-body::-webkit-scrollbar-thumb{background:#17130c47;border-radius:999px}.emo-mini{margin-bottom:12px;padding:12px 14px}.emo-mini h3{margin:0 0 6px;font-size:14px}.seg-final-dock{padding:14px 14px 16px}.seg-final-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.seg-final-dock h3{margin:0;font-size:16px;font-weight:900}.seg-final-sum{color:var(--ink2);margin:0 0 10px;font-size:12.5px;font-weight:700}.seg-final-busy{border:2px solid var(--ink);background:#d6e4ff;border-radius:10px;margin-bottom:10px;padding:8px 10px;font-size:12.5px;font-weight:800}.seg-shot-list{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.seg-shot-row{text-align:left;background:var(--paper-dim,#f7f2e6);border:2px solid var(--ink);cursor:pointer;border-radius:10px;width:100%;padding:8px 10px;display:block}.seg-shot-row.cur{background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.seg-shot-row .r1{justify-content:space-between;font-size:11.5px;font-weight:900;display:flex}.seg-shot-row .nm{margin-top:3px;font-size:13px;font-weight:800;line-height:1.35}.seg-shot-row .card-line{color:var(--ink2);margin-top:3px;font-size:11.5px;font-weight:700}.seg-final-md{margin-top:8px}.seg-final-md .cap{margin-bottom:6px}.wb-side{flex-direction:column;display:flex}.tl-panel{flex-direction:column;flex:auto;min-height:0;max-height:calc(100vh - 122px);padding:10px 10px 8px;display:flex;overflow:hidden}.tl-panel-head{flex:none;padding:2px 4px 6px}.tl-panel-head .cap{margin:0}.tl-scroll{scroll-behavior:smooth;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#17130c52 #17130c0f;flex:auto;min-height:0;padding:2px 6px 8px 2px;overflow:hidden auto}.tl-scroll::-webkit-scrollbar{width:6px}.tl-scroll::-webkit-scrollbar-track{background:#17130c0f;border-radius:999px;margin:4px 0}.tl-scroll::-webkit-scrollbar-thumb{background:#17130c47;border-radius:999px}.tl-scroll::-webkit-scrollbar-thumb:hover{background:#17130c6b}.tl-scroll .seg-head{z-index:2;background:var(--card);position:sticky;top:0}.tl-help{color:var(--ink2);opacity:.72;white-space:nowrap;text-overflow:ellipsis;flex:none;margin:0;padding:2px 6px 0;font-size:11px;font-weight:600;line-height:1.4;overflow:hidden}.seg-gen{border:2px solid var(--ink);letter-spacing:.02em;cursor:pointer;text-align:center;border-radius:10px;width:calc(100% - 4px);margin:6px 2px 8px;padding:7px 10px;font-size:12px;font-weight:900;display:block}.seg-gen.st-wait{color:var(--ink2);cursor:not-allowed;opacity:.85;background:#efe9d8}.seg-gen.st-ready{background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.seg-gen.st-busy{cursor:wait;background:#d6e4ff}.seg-gen.st-done{background:#cff5df}.seg-gen.st-stale{cursor:not-allowed;background:#ffe1e8}.seg-gen:disabled{opacity:.75;cursor:not-allowed;box-shadow:none}.wb-left .cap,.wb-side .cap{letter-spacing:.06em;color:var(--ink2);margin:2px 0 10px;font-size:12.5px;font-weight:900}.tl-item{text-align:left;background:var(--card);border:2px solid var(--ink);border-radius:12px;width:100%;margin-bottom:6px;padding:10px 12px;transition:transform .15s,box-shadow .15s;display:block}.tl-item.ins{background:var(--paper-dim);border-style:dashed}.tl-item .r1{justify-content:space-between;font-size:12px;font-weight:900;display:flex}.tl-item .r1 .ok{color:#0b7a43}.tl-item .r1 .no{color:var(--ink2)}.tl-item .nm{margin-top:3px;font-size:13.5px;font-weight:800;line-height:1.45}.tl-item.cur{box-shadow:var(--sh-xs);background:#fff3d1}.ins-btn{text-align:center;width:100%;color:var(--ink2);padding:3px 0 9px;font-size:12px;font-weight:800;display:block}.ins-btn:hover{color:var(--blue)}.ins-btn.del{color:#c23b22;padding-top:0}.wb-chips{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:none}.wb-chips button{border:2px solid var(--ink);background:var(--card);border-radius:999px;padding:5px 13px;font-size:13px;font-weight:800}.wb-chips button.cur{background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.wb-chips .ok{color:#0b7a43}.segbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.segbar .sl{font-size:13px;font-weight:900}.segbar .trk{border:2px solid var(--ink);background:#fff;border-radius:99px;flex:1;min-width:140px;height:12px;overflow:hidden}.segbar .trk i{background:var(--green);height:100%;transition:width .25s;display:block}.segbar.over .trk i{background:var(--orange)}.segbar .sv{color:var(--ink2);font-size:12.5px;font-weight:800}.segbar.over .sv{color:#c23b22}.stage{background:var(--night);color:#f4efe2;border:2px solid var(--ink);box-shadow:var(--sh-sm);border-radius:14px;flex-direction:column;justify-content:space-between;width:100%;margin:0 auto;padding:12px 14px;display:flex;position:relative;overflow:hidden}.stage:before{content:"";background:radial-gradient(circle at 82% 10%,#7c5cff29,#0000 55%);position:absolute;inset:0}.stage.v{aspect-ratio:9/13.5;max-width:250px}.stage.h{aspect-ratio:16/9;max-width:480px}.stage>*{z-index:1;position:relative}.st-top{letter-spacing:.06em;color:#8e87ac;justify-content:space-between;font-size:11.5px;font-weight:800;display:flex}.st-mid{text-align:center;color:#fff;padding:0 6px;font-size:17px;font-weight:900;line-height:1.5}.st-bot{color:#8e87ac;text-align:center;font-size:11.5px;font-weight:700}.contract{margin-top:18px;padding:16px 18px}.cr{border-bottom:2px dashed var(--line);gap:14px;padding:7px 0;display:flex}.cr:last-child{border-bottom:none}.cl{color:var(--ink2);flex:0 0 62px;padding-top:3px;font-size:12px;font-weight:900}.cv{font-size:14px;font-weight:600}.hand-cap h3{font-size:17px;font-weight:900}.hand{flex-wrap:wrap;justify-content:center;gap:12px;padding:16px 4px 8px;display:flex}.opt{text-align:left;background:var(--card);border:2px solid var(--ink);border-radius:var(--r);transform-origin:50% 100%;flex:150px;max-width:200px;padding:13px 14px 12px;transition:transform .2s,box-shadow .2s;position:relative}.opt:first-child{transform:rotate(-2deg)translateY(5px)}.opt:nth-child(2){transform:rotate(-1deg)translateY(2px)}.opt:nth-child(4){transform:rotate(1deg)translateY(2px)}.opt:nth-child(5){transform:rotate(2deg)translateY(5px)}.opt:hover{transform:rotate(0)translateY(-4px)}.opt.sel{box-shadow:var(--sh-sm);background:#fffbef;transform:rotate(0)translateY(-8px)}.opt.rec{border-color:var(--gold)}.opt.rec.sel{border-color:var(--ink)}.opt.x{background-image:linear-gradient(var(--card),var(--card)),linear-gradient(120deg,#ffd23f,#ff9e2c,#ff5c7a,#7c5cff,#00c2ff,#ffd23f);background-size:auto,300% 300%;background-origin:padding-box,border-box;background-clip:padding-box,border-box;border:2px solid #0000;animation:7s linear infinite paused holo}.opt.x:hover,.opt.x.sel{animation-play-state:running}.opt.x.sel{background-image:linear-gradient(#fff6dc,#fff6dc),linear-gradient(120deg,#ffd23f,#ff9e2c,#ff5c7a,#7c5cff,#00c2ff,#ffd23f)}.opt.x.locked{background:var(--paper-dim);cursor:not-allowed;border:2px dashed #b9af93;animation:none}.opt.x.locked:hover{transform:none}.opt.cus{background:var(--paper-dim);border-style:dashed}.opt.cus.sel{background:#fffbef;border-style:solid}.opt .tag{letter-spacing:.06em;color:#fff;background:var(--blue);border:2px solid var(--ink);border-radius:6px;padding:1px 7px;font-size:10.5px;font-weight:900;display:inline-block}.opt .tag.xt{background:linear-gradient(120deg,#ff9e2c,#ff5c7a)}.opt .tag.ct{background:var(--card);color:var(--ink)}.opt .star{color:#8a6100;margin-left:6px;font-size:10.5px;font-weight:900;display:inline-block}.opt .nm{margin:9px 0 3px;font-size:15px;font-weight:900;line-height:1.4}.opt .sz{color:var(--blue);font-size:12px;font-weight:800}.opt .nt{color:var(--ink2);margin-top:6px;font-size:12.5px;line-height:1.6}.opt .xr{color:#9a4a08;margin-top:8px;font-size:11.5px;font-weight:800}.custom-box{margin-top:10px;display:none}.custom-box.on{display:block}.ins-menu{margin-top:16px;padding:14px 16px;display:none}.ins-menu .im-h{justify-content:space-between;align-items:center;gap:10px;display:flex}.im-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.im-opt{border:2px solid var(--ink);background:var(--card);text-align:left;border-radius:10px;padding:8px 10px}.im-opt:hover,.im-opt.sug{background:#fff3d1}.im-opt .im-n{font-size:13px;font-weight:900;display:block}.im-opt .im-d{color:var(--ink2);margin-top:2px;font-size:11.5px;font-weight:600;line-height:1.5;display:block}.im-opt .sg{color:#8a6100;margin-left:5px;font-size:10.5px;font-weight:900}.wb-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.wb-actions .small{color:var(--ink);font-weight:800}.review-flash{border:2px solid var(--ink);border-radius:var(--r);background:#eafbf2;margin-bottom:16px;padding:13px 15px;font-size:13.5px;line-height:1.65;display:none}.review-flash.show{animation:.3s both vin;display:block}.side-card{padding:16px 18px}.seg-result{margin-top:12px;padding:14px 16px}.seg-result h3{margin:0 0 8px;font-size:15px;font-weight:900}.seg-result-pre{max-height:min(42vh,360px);font-family:var(--mono);white-space:pre-wrap;word-break:break-word;background:var(--paper-dim,#f7f2e6);border:1.5px solid var(--line,#d9d0bc);scroll-behavior:smooth;scrollbar-width:thin;border-radius:10px;margin:0;padding:10px 12px;font-size:11.5px;line-height:1.65;overflow:auto}.tbtn.on{background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.side-card h3{font-size:16px;font-weight:900}.orig-row{align-items:center;gap:9px;margin-top:10px;display:flex}.orig-row b{font-size:15px}.emo-opt{text-align:left;background:var(--card);border:2px solid var(--ink);border-radius:12px;width:100%;margin-top:10px;padding:10px 12px;transition:transform .15s,box-shadow .15s;display:block}.emo-opt .er{align-items:center;gap:9px;display:flex}.emo-opt .en{border:2px solid var(--ink);background:#ffe1e8;border-radius:7px;padding:1px 9px;font-size:14.5px;font-weight:900}.emo-opt .lvt{color:var(--ink2);border:2px solid var(--line);border-radius:6px;padding:0 7px;font-size:11.5px;font-weight:900}.emo-opt .gain{color:var(--ink2);margin-top:6px;font-size:12.5px;line-height:1.6}.emo-opt.sel{box-shadow:var(--sh-xs);background:#fff5f7}.perf{border-top:2px dashed var(--line);margin-top:14px;padding-top:10px}.perf .pr{gap:10px;padding:4px 0;font-size:13px;line-height:1.6;display:flex}.perf .pr.ref{color:#a79e87}.perf .pl{color:var(--pink);flex:0 0 34px;font-weight:900}.perf .pr.ref .pl{color:#c9bfa8}.perf .pin{color:#0b7a43;margin-left:4px;font-size:10.5px;font-weight:900}.lintbox{margin-top:16px;padding:14px 16px}.lintbox h3{justify-content:space-between;align-items:baseline;font-size:15px;font-weight:900;display:flex}.lint-i{text-align:left;border-top:2px dashed var(--line);gap:8px;width:100%;padding:8px 0;font-size:12.5px;line-height:1.55;display:flex}.lint-i:first-of-type{border-top:none}.lint-i .lv{flex:none;font-weight:900}.lint-i.err .lv{color:#c23b22}.lint-i.warn .lv{color:var(--gold)}.lint-i.hint .lv{color:var(--blue)}.lint-ok{color:#0b7a43;margin-top:6px;font-size:13px;font-weight:800}.preview{background:var(--night);color:#ede9da;border:2px solid var(--ink);font-family:var(--mono);white-space:pre-wrap;word-break:break-word;border-radius:12px;max-height:420px;padding:14px 16px;font-size:12px;line-height:1.85;overflow:auto}.s5-grid{grid-template-columns:1fr 300px;align-items:start;gap:20px;margin-top:6px;display:grid}.doc{padding:28px 30px}.doc>h1{font-size:24px;font-weight:900}.doc .meta{color:var(--ink2);margin:7px 0 6px;font-size:13px;font-weight:700}.doc-seg{border-top:2px solid var(--ink);margin-top:18px;padding-top:14px}.doc-seg .sh{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.doc-seg .sh b{font-size:16px;font-weight:900}.doc-shot{border-top:2px dashed var(--line);margin-top:10px;padding:14px 0 4px}.doc-shot h4{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;font-size:15px;font-weight:900;display:flex}.tc{font-family:var(--mono);color:var(--blue);font-size:12px;font-weight:700}.drow{gap:12px;padding:3.5px 0;font-size:13.5px;line-height:1.65;display:flex}.dl{color:var(--ink2);flex:0 0 38px;padding-top:2px;font-size:12.5px;font-weight:900}.drow .story{font-size:15px}.doc-cons{color:var(--ink2);border-top:2px dashed var(--line);margin-top:18px;padding-top:12px;font-size:13px}.patch{border:2px solid var(--orange);background:#fff4e8;border-radius:12px;margin-top:18px;padding:14px 16px}.patch h4{color:#9a4a08;font-size:14.5px;font-weight:900}.patch .pr2{border-top:2px dashed #f3cba3;justify-content:space-between;gap:12px;padding:7px 0;font-size:13.5px;line-height:1.6;display:flex}.patch .pr2:first-of-type{border-top:none}.qc{padding:18px 20px}.qc h3{margin-bottom:10px;font-size:16.5px;font-weight:900}.qi{gap:9px;padding:5px 0;font-size:13.5px;font-weight:600;display:flex}.qi .ck{color:#0b7a43;font-weight:900}.qi.bad .ck{color:#c23b22}.fix-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.fix-card{margin-top:12px;padding:18px;position:relative}.fix-card:before{content:"";border:2px solid var(--ink);background:var(--orange);border-bottom:none;border-radius:9px 12px 0 0;width:64px;height:14px;position:absolute;top:-14px;left:16px}.fix-card h4{font-size:16px;font-weight:900}.fix-card p{color:var(--ink2);margin:6px 0 12px;font-size:13px;line-height:1.65}.view.s6{background:var(--night);color:#f4efe2;min-height:100vh;position:relative;overflow:hidden}.view.s6:before{content:"";background:radial-gradient(circle at 88% 6%,#ff5c7a33,#0000 45%),radial-gradient(circle at 6% 88%,#7c5cff3d,#0000 50%);position:absolute;inset:0}.s6-in{z-index:1;text-align:center;max-width:880px;margin:0 auto;padding:56px 20px 64px;position:relative}.s6-home{color:#b9b2d9;text-underline-offset:4px;font-size:13.5px;font-weight:800;text-decoration:underline;position:absolute;top:20px;left:20px}.s6-in h1{letter-spacing:.01em;color:#fff;font-size:56px;font-weight:900}.s6-in h1 .hl{background:var(--yellow);color:var(--ink);box-shadow:5px 5px 0 var(--pink);border:2px solid #f4efe2;border-radius:12px;padding:0 14px;display:inline-block;transform:rotate(-1.2deg)}.s6-in .sub2{color:#b9b2d9;margin-top:14px;font-size:15px;font-weight:700}.s6-cmt{color:#e4def5;text-align:left;border-radius:var(--r);background:#1b1830bf;border:2px solid #45406b;max-width:640px;margin:22px auto 0;padding:18px 20px;font-size:15px;line-height:1.85}.xp-line{color:#fff;margin-top:36px;font-size:21px;font-weight:900}.xp-line b{color:var(--yellow);text-shadow:3px 3px 0 var(--pink);font-size:34px}.rankline{justify-content:center;align-items:flex-start;margin-top:20px;display:flex}.rn{flex-direction:column;align-items:center;gap:7px;min-width:86px;display:flex}.rn .rd{background:var(--night2);border:2.5px solid #5b5580;border-radius:50%;width:22px;height:22px}.rn.done .rd{background:var(--green);border-color:#f4efe2}.rn.cur .rd{background:var(--yellow);border-color:#f4efe2;box-shadow:0 0 0 6px #ffc72740}.rn .rl{color:#b9b2d9;font-size:13px;font-weight:800}.rn.cur .rl{color:#fff}.rl-bar{background:#3a3554;border-radius:3px;flex:0 0 74px;height:3px;margin-top:10px}.rankbar{background:var(--night2);border:2px solid #f4efe2;border-radius:99px;max-width:440px;height:14px;margin:20px auto 8px;overflow:hidden}.rankbar i{background:repeating-linear-gradient(-45deg,var(--yellow) 0 10px,#ff9e2c 10px 20px);height:100%;transition:width .6s;display:block}.skillrow{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.sknode{background:var(--night2);border:2px solid #45406b;border-radius:12px;min-width:96px;padding:10px 13px}.sknode .sd{background:var(--green);color:#fff;border:2px solid #f4efe2;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;margin:0 auto;font-size:13px;font-weight:900;display:flex}.sknode .sl{color:#e4def5;margin-top:7px;font-size:13px;font-weight:800}.sknode .newtag{color:var(--yellow);margin-top:2px;font-size:10.5px;font-weight:900;display:block}.s6-sec{color:#fff;margin-top:52px;font-size:20px;font-weight:900}.know3{text-align:left;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;display:grid}.know{border-radius:var(--r);padding:16px 18px;animation:.6s both kin;box-shadow:6px 6px #00000073}@keyframes kin{0%{opacity:0;transform:translateY(14px)rotate(-1deg)}to{opacity:1;transform:none}}.know .kt{justify-content:space-between;align-items:center;gap:8px;display:flex}.know .kt .kname{letter-spacing:.07em;color:#b9b2d9;font-size:11px;font-weight:900}.know h4{color:#fff;margin:9px 0 5px;font-size:18px;font-weight:900}.know p{color:#cfc9e8;font-size:13px;line-height:1.65}.know.norm{background:var(--night2);border:2px solid #5b5580}.know .rar-tag{border-color:#0d0b16}.sharecard{text-align:left;border-radius:18px;max-width:520px;margin:46px auto 0;padding:22px 24px;position:relative;overflow:hidden;box-shadow:8px 8px #00000080}.sharecard .sc-top{justify-content:space-between;align-items:center;display:flex}.sharecard .sc-title{color:#fff;margin-top:12px;font-size:30px;font-weight:900}.sharecard .sc-line{color:#cfc9e8;margin-top:6px;font-size:14px;line-height:1.7}.sharecard .sc-foot{color:#8e87ac;justify-content:space-between;align-items:center;margin-top:16px;font-size:12px;font-weight:800;display:flex}.tabs{flex-wrap:wrap;gap:10px;margin:22px 0 6px;display:flex}.tab{border:2px solid var(--ink);background:var(--card);border-radius:12px;padding:9px 20px;font-size:15px;font-weight:900}.tab.sel{background:var(--tc,var(--ink));color:#fff;box-shadow:var(--sh-xs)}.ftabs{flex-wrap:wrap;gap:8px;margin:12px 0 8px;display:flex}.ftab{border:2px solid var(--ink);background:var(--card);border-radius:999px;padding:4px 15px;font-size:13px;font-weight:800}.ftab.sel{background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.lib-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:16px;display:grid}.lib-card{margin-top:12px;padding:18px;position:relative}.lib-card:before{content:"";border:2px solid var(--ink);background:var(--tabc,var(--blue));border-bottom:none;border-radius:9px 12px 0 0;width:64px;height:14px;position:absolute;top:-14px;left:16px}.lib-card .lno{color:var(--ink2);letter-spacing:.05em;font-size:11px;font-weight:900;position:absolute;top:11px;right:14px}.lib-card h4{padding-right:52px;font-size:16.5px;font-weight:900}.lib-card .lm{color:var(--lc,var(--blue));margin-top:4px;font-size:12.5px;font-weight:800}.lib-card p{color:var(--ink2);margin-top:6px;font-size:13px;line-height:1.65}.wr-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:18px;margin-top:8px;display:grid}.wr-step{box-shadow:var(--sh-xs);padding:20px}.wr-step .wh{letter-spacing:.07em;background:var(--purple);color:#fff;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:8px;padding:2px 10px;font-size:11.5px;font-weight:900;display:inline-block}.wr-step h3{margin:12px 0;font-size:17px;font-weight:900}.wr-opt{text-align:left;background:var(--card);border:2px solid var(--ink);border-radius:12px;width:100%;margin-bottom:10px;padding:12px 14px;display:block}.wr-opt.sel{box-shadow:var(--sh-xs);background:#f0ebff}.wr-opt .rn2{font-size:15px;font-weight:900}.wr-opt .rd2{color:var(--ink2);margin-top:2px;font-size:12.5px}.wr-stage{border-bottom:2px dashed var(--line);align-items:flex-start;gap:10px;padding:7px 0;display:flex}.wr-stage:last-child{border-bottom:none}.wr-stage .wn{flex:0 0 64px;padding-top:1px;font-size:13.5px;font-weight:900}.wr-stage .wb2{flex:1}.wr-stage .wg{color:var(--ink2);font-size:12.5px;line-height:1.55;display:block}.wbar{border:2px solid var(--ink);background:#fff;border-radius:99px;height:11px;margin-top:5px;display:block;overflow:hidden}.wbar i{background:var(--purple);height:100%;display:block}.outline-txt{font-size:14.5px;font-weight:600;line-height:1.8}.bridge{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px;display:flex}.rank-card{box-shadow:var(--sh-sm);margin-top:6px;padding:24px;position:relative;overflow:hidden}.rank-card:after{content:"LV.2";color:#17130c0d;font-size:88px;font-weight:900;position:absolute;bottom:-16px;right:14px}.rank-flex{align-items:flex-start;max-width:640px;margin:22px 0 6px;display:flex}.rank-flex .rn .rd{border-color:var(--ink);background:var(--card)}.rank-flex .rn.done .rd{background:var(--green);border-color:var(--ink)}.rank-flex .rn.cur .rd{background:var(--yellow);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.rank-flex .rn .rl{color:var(--ink2);font-size:13.5px}.rank-flex .rn.cur .rl{color:var(--ink)}.rank-flex .rl-bar{background:var(--line);flex:1;margin-top:10px}.tree-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.tree-col{box-shadow:var(--sh-xs);padding:18px 20px}.tree-col h3{margin-bottom:8px;font-size:16px;font-weight:900}.tnode{align-items:center;gap:9px;padding:6px 0;font-size:14px;font-weight:700;display:flex}.tnode .td{border:2.5px solid var(--ink);background:var(--yellow);border-radius:50%;flex:none;width:13px;height:13px}.tnode.dim{color:#a79e87}.tnode.dim .td{background:#e3dcc6}.tnode .ts{color:var(--ink2);margin-left:auto;font-size:11.5px;font-weight:800}.know-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:16px;display:grid}.kcard{margin-top:12px;padding:16px 18px;position:relative}.kcard:before{content:"";border:2px solid var(--ink);background:var(--tabc,#cfc6ac);border-bottom:none;border-radius:9px 12px 0 0;width:56px;height:14px;position:absolute;top:-14px;left:16px}.kcard .kt2{justify-content:space-between;align-items:center;display:flex}.kcard .kno2{color:var(--ink2);font-size:11px;font-weight:900}.kcard h4{margin:8px 0 4px;font-size:16px;font-weight:900}.kcard p{color:var(--ink2);font-size:12.5px;line-height:1.6}.kcard.lock{background:var(--paper-dim);border-style:dashed}.kcard.lock h4,.kcard.lock p{color:#a79e87}.overlay{z-index:100;background:#12101d9e;justify-content:center;align-items:center;padding:18px;display:none;position:fixed;inset:0}.overlay.on{display:flex}.modal{background:var(--card);border:2px solid var(--ink);box-shadow:10px 10px 0 var(--yellow);border-radius:18px;width:100%;max-width:760px;max-height:92vh;padding:30px;animation:.25s both vin;position:relative;overflow:auto}.modal .x{border:2px solid var(--ink);background:var(--pink);color:#fff;width:34px;height:34px;box-shadow:2px 2px 0 var(--ink);border-radius:10px;font-weight:900;position:absolute;top:14px;right:14px}.modal h2{font-size:27px;font-weight:900}.price-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px;display:grid}.price{border:2px solid var(--ink);border-radius:var(--r);background:var(--card);padding:20px;position:relative}.price .pn{font-size:15px;font-weight:900}.price .pp{margin:8px 0 10px;font-size:29px;font-weight:900}.price .pp small{color:var(--ink2);font-size:13px;font-weight:700}.price ul{margin:0;padding:0;list-style:none}.price li{color:var(--ink2);padding:4px 0;font-size:13.5px;font-weight:600}.price li:before{content:"✓ ";color:#0b7a43;font-weight:900}.price.hot{box-shadow:var(--sh-sm)}.price .rec{background:var(--pink);color:#fff;border:2px solid var(--ink);border-radius:999px;padding:2px 11px;font-size:11.5px;font-weight:900;position:absolute;top:-13px;right:14px}#toast{background:var(--ink);color:#fff6e3;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--yellow);opacity:0;pointer-events:none;z-index:200;text-align:center;border-radius:12px;max-width:88vw;padding:11px 20px;font-size:14px;font-weight:800;transition:opacity .25s,transform .25s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px)}#toast.show{opacity:1;transform:translate(-50%)}#draftBadge{z-index:90;background:var(--ink);color:var(--yellow);letter-spacing:.05em;border-radius:9px;padding:5px 11px;font-size:11.5px;font-weight:900;position:fixed;bottom:14px;right:14px}@media (width<=1440px){.wb-grid{grid-template-columns:220px minmax(0,1fr) 300px;gap:12px}.stage.h{max-width:440px}.stage.v{max-width:230px}.tl-panel{max-height:calc(100vh - 118px)}}@media (width>=1081px) and (width<=1366px){.wb-grid{grid-template-columns:200px minmax(0,1fr) 280px;gap:10px}.stage.h{max-width:400px}.st-mid{font-size:15.5px}.workbar-in,.export-dock-in,.wrap-wide{padding-left:16px;padding-right:16px}}@media (width<=1080px){.wb-grid{grid-template-columns:1fr}.wb-left{display:none}.wb-chips{display:flex}.wb-side{order:3}.s5-grid{grid-template-columns:1fr}.know-grid,.hscroll{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.hero{grid-template-columns:1fr;padding-top:34px}.hero h1{font-size:38px}.hero-slide .line{font-size:25px}.grid3,.style-grid,.lib-grid,.wr-grid,.tree-grid,.fix-grid,.price-grid,.mini-grid,.know3{grid-template-columns:1fr}.im-grid,.recipe .track{grid-template-columns:repeat(2,1fr)}.hand{flex-direction:column;align-items:stretch}.opt{max-width:none;transform:none!important}.opt.sel{transform:translateY(-2px)!important}.page-t{font-size:26px}.s6-in h1{font-size:40px}.topbar-in{padding:8px 12px}.wordmark span:last-child{display:none}.nav>button{white-space:nowrap;padding:6px 7px;font-size:13px}.doc{padding:22px 18px}.workbar-in{gap:8px;padding:9px 14px}.workbar .mid{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.demo-strip{background:var(--yellow);border-bottom:2px solid var(--ink);text-align:center;padding:8px 14px;font-size:14px;font-weight:900}.alert{border:2px solid var(--ink);background:#fff1f0;border-radius:12px;padding:12px 14px;font-weight:700;line-height:1.55}.notice{border:2px solid var(--ink);background:#fff8e4;border-radius:12px;padding:12px 14px;line-height:1.6}.muted{color:var(--ink2);font-size:13px;font-weight:650;line-height:1.55}.badge{border:2px solid var(--ink);background:#efe9d8;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:900;line-height:1.5;display:inline-block}.badge.c{background:#e5f8ee}.badge.y{background:var(--yellow)}.badge.r{background:#ffe1e4}.field{margin-top:14px}.field label{margin-bottom:6px;font-weight:900;display:block}.btn:disabled,.btn.off{color:#9a917a;box-shadow:none;cursor:not-allowed;background:#e9e2ce;border-color:#b9af93}.btn:disabled:hover,.btn.off:hover,.btn:disabled:active,.btn.off:active{box-shadow:none;transform:none}.hero-enter{flex-direction:column;align-items:flex-start;gap:12px;max-width:420px;display:flex}.hero-enter .txtin{max-width:320px}.pack{white-space:pre-wrap;font-family:var(--font);background:var(--paper-dim);border:2px dashed var(--line);border-radius:12px;max-height:640px;margin-top:12px;padding:14px 16px;font-size:14.5px;line-height:1.75;overflow:auto}table.dt{border-collapse:collapse;width:100%}table.dt td{border-bottom:2px dashed var(--line);vertical-align:top;padding:7px 4px;font-weight:700}table.dt td:last-child{text-align:right;white-space:nowrap}details.card{margin-top:16px;padding:16px 18px}details.card summary{cursor:pointer;font-weight:900}.src-pre{white-space:pre-wrap;font-family:var(--font);margin:10px 0 0;font-size:14px;line-height:1.75}.st-mid{max-height:62%;overflow:auto}.fact-list{gap:10px;display:grid}.ep-row{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.ep-row .chip{cursor:pointer;font-weight:800}.ep-row .chip.on{background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.checkline{align-items:flex-start;gap:8px;margin:8px 0 14px;font-weight:700;display:flex}.checkline input{accent-color:var(--ink);margin-top:4px}.view.on{min-height:calc(100vh - 64px)}.view.s6.on{min-height:100vh}.create-grid{grid-template-columns:minmax(260px,.85fr) minmax(320px,1.15fr);align-items:start;gap:22px;padding:18px 0 12px;display:grid}.create-left{padding:18px 18px 16px}.create-h{letter-spacing:.04em;color:var(--ink2);margin:16px 0 8px;font-size:13px;font-weight:900}.create-left .field+.create-h{margin-top:18px}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip-row button,.style-chip{border:2px solid var(--ink);background:var(--card);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:13.5px;font-weight:800}.chip-row button.on,.style-chip.on{background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.chip-row button:disabled,.style-chip:disabled{opacity:.85;cursor:default}.create-sum{border-top:2px dashed var(--line);color:var(--ink2);margin-top:18px;padding-top:14px;font-size:13.5px;font-weight:800}.create-right .editor textarea{min-height:320px}.last-tag{background:var(--yellow);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:6px;margin-right:6px;padding:0 6px;font-size:11px;display:inline-block}.home-foot{flex-wrap:wrap;align-items:center;gap:4px;margin:28px 0 8px;display:flex}.poster-calm{min-height:280px}.poster-calm .hero-slide .line{font-size:26px}.progress-card{background:var(--card);border:2px solid var(--ink);box-shadow:var(--sh-sm);border-radius:16px;max-width:560px;padding:28px 26px}.progress-title{font-size:22px;font-weight:900}.progress-steps{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.progress-steps span{color:var(--ink2);border:2px solid var(--line);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:800}.progress-steps span.on{color:var(--ink);background:var(--yellow);border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.wb-pad{padding-bottom:100px}.export-dock{z-index:50;background:var(--card);border-top:2px solid var(--ink);position:sticky;bottom:0;box-shadow:0 -4px #17130c0f}.export-dock-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1560px;margin:0 auto;padding:12px 24px;display:flex}.export-sum{flex-direction:column;gap:2px;font-size:14px;font-weight:900;display:flex}.export-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.export-side{margin-top:16px;padding:14px 16px}.facts-drawer-root{z-index:80;justify-content:flex-end;display:flex;position:fixed;inset:0}.facts-backdrop{cursor:pointer;background:#17130c59;border:0;padding:0;position:absolute;inset:0}.facts-drawer{background:var(--paper);border-left:2px solid var(--ink);flex-direction:column;width:min(480px,100%);height:100%;animation:.22s both drawer-in;display:flex;position:relative;box-shadow:-8px 0 #17130c14}@keyframes drawer-in{0%{opacity:.6;transform:translate(18px)}to{opacity:1;transform:none}}.facts-drawer-head{border-bottom:2px solid var(--ink);background:var(--card);z-index:1;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex;position:sticky;top:0}.facts-drawer-head h2{margin:0;font-size:18px;font-weight:900}.facts-drawer-body{flex:1;padding:8px 14px 28px;overflow:auto}.facts-drawer-body #facts{margin-top:8px}@media (width<=960px){.create-grid{grid-template-columns:1fr}.hero.hero-compact{grid-template-columns:1fr;padding-top:24px}.facts-drawer{width:100%}}.seg-block{margin-bottom:10px}.seg-block.on{background:#ffc72714;border-radius:12px;padding:4px}.seg-head .nm{font-size:13px}.seg-badge{letter-spacing:.04em;border:1.5px solid var(--ink);background:#efe9d8;border-radius:999px;padding:1px 7px;font-size:10.5px;font-weight:900}.seg-badge.st-picking{background:#fff3d1}.seg-badge.st-compiling{background:#d6e4ff}.seg-badge.st-locked{background:#cff5df}.seg-badge.st-stale{background:#ffe1e8}.tl-shot{background:var(--paper-dim);width:calc(100% - 10px);margin-left:10px;padding:8px 10px}.hand-note{max-width:640px;margin:0 2px 8px}.emo-slider-label{margin-top:10px;font-weight:800;display:block}.emo-slider{width:100%;accent-color:var(--pink);margin-top:6px}.star.xt{color:#3a2703;background:linear-gradient(120deg,#ffd23f,#ff5c7a)}.refine-pill{letter-spacing:.02em;color:#7a5b00;vertical-align:middle;background:linear-gradient(#ffe9a8,#ffd56a);border:1px solid #e6c04a;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:11px;font-weight:700;animation:1.2s ease-in-out infinite refine-pulse;display:inline-block}@keyframes refine-pulse{0%,to{opacity:1}50%{opacity:.55}}.emo-level-explain{color:var(--muted,#8a8494);margin:8px 0 0;font-size:12px;line-height:1.45}.seg-final-confirm{background:#785ac81f;border:1px solid #785ac859;border-radius:10px;margin:10px 0;padding:12px}.seg-final-confirm .confirm-q{margin:0 0 10px;font-weight:600}.seg-final-confirm .confirm-actions{gap:8px;display:flex}.seg-shot-table-wrap{margin-top:10px;overflow-x:auto}.seg-shot-table{border-collapse:collapse;width:100%;font-size:11px}.seg-shot-table th,.seg-shot-table td{text-align:left;vertical-align:top;word-break:break-word;border-bottom:1px solid #ffffff14;max-width:120px;padding:4px 6px}.seg-shot-table tr.cur td{background:#785ac826}.seg-shot-table tr{cursor:pointer}.seg-ref-upload{margin-top:10px}.seg-ref-upload .ref-row{align-items:center;gap:8px;margin:4px 0;font-size:12px;display:flex}.seg-ref-upload .ref-row span{width:56px;color:var(--muted,#8a8494);flex-shrink:0}.seg-ref-upload .ref-row input{min-width:0;color:inherit;background:#00000040;border:1px solid #ffffff1f;border-radius:6px;flex:1;padding:4px 8px}.seg-final-thinking{margin-top:10px}.seg-think-pre{white-space:pre-wrap;color:#1a1520;background:#f4f1ea;border:1px solid #1a15201f;border-radius:8px;max-height:180px;padding:10px 12px;font-size:12px;line-height:1.5;overflow:auto}.seg-final-md-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.seg-final-md-bar .cap{margin:0}.seg-md-actions{flex-wrap:wrap;gap:6px;display:flex}.seg-result-clickable{cursor:zoom-in;transition:box-shadow .15s,outline-color .15s}.seg-result-clickable:hover,.seg-result-clickable:focus-visible{outline-offset:2px;outline:2px solid #785ac88c;box-shadow:0 0 0 3px #785ac82e}.final-md-overlay{z-index:80;-webkit-backdrop-filter:blur(8px);background:#0a08108c;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0}.final-md-modal{background:var(--paper,#fffdf8);width:min(920px,96vw);max-height:min(88vh,900px);color:var(--ink,#1a1520);border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000059}.final-md-modal-head{border-bottom:1px solid #00000014;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.final-md-modal-head h3{margin:0;font-size:16px}.final-md-modal-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.final-md-x{width:36px;height:36px;color:inherit;cursor:pointer;background:#0000000f;border:none;border-radius:999px;font-size:22px;line-height:1}.final-md-x:hover{background:#0000001f}.final-md-modal-pre{white-space:pre-wrap;word-break:break-word;color:#141018;background:#fff;flex:1;margin:0;padding:18px 20px 24px;font-size:14px;line-height:1.55;overflow:auto}.seg-ref-upload{border:1px solid var(--line,#ddd5c4);background:#faf8f3;border-radius:10px;margin-top:12px;padding:10px 12px}.seg-ref-group{margin-top:10px}.seg-ref-group-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.seg-ref-group-title{font-size:13px;font-weight:600}.seg-ref-add{cursor:pointer;margin:0}.seg-ref-empty{margin:0 0 4px}.seg-ref-thumbs{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.seg-ref-thumb{flex-direction:column;gap:4px;width:120px;display:flex}.seg-ref-thumb-img{background:#ece7dc;border:1px solid #e0d8c8;border-radius:6px;width:120px;height:80px;overflow:hidden}.seg-ref-thumb-img img{object-fit:cover;width:100%;height:100%;display:block}.seg-ref-caption{box-sizing:border-box;border:1px solid #ddd5c4;border-radius:4px;width:100%;padding:3px 6px;font-size:12px}.seg-ref-remove{align-self:flex-start}.seg-ref-opt-toggles{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.seg-ref-voice{align-items:center;gap:8px;margin-top:10px;display:flex}.seg-ref-voice span{min-width:2.5em;font-size:13px}.seg-ref-voice input{flex:1}.notice-slim{padding:8px 12px;font-size:13px;font-weight:700;line-height:1.35}.status-line{color:var(--ink2);letter-spacing:.01em;font-weight:700}.panel-h{margin:0;font-size:14px;font-weight:900}.panel-head-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.badge-row{flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px;display:flex}.facts-stack{flex-direction:column;gap:10px;margin-top:0;display:flex}.side-card{box-shadow:none;border-radius:12px;margin:0;padding:12px 12px 14px}.facts-tab,.segfinal-tab{flex-direction:column;gap:10px;display:flex}.facts-tab>.side-card+.side-card,.facts-stack>.side-card{margin-top:0}.emo-mini{margin-bottom:0}.emo-mini-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.emo-mini-head h3{margin:0;font-size:14px;font-weight:900}.emo-lvl{font-size:13px;font-weight:900}.emo-mini .emo-slider{width:100%;margin:0}.hand-cap{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin:4px 2px 8px;display:flex}.hand-cap h3{margin:0;font-size:15px;font-weight:900}.hand-note{display:none}.seg-final-dock{box-shadow:none;background:0 0;border:0;padding:12px}.seg-final-dock>.seg-final-head{margin-bottom:4px}.seg-final-sum{margin:0 0 8px}.seg-ref-upload{border:2px solid var(--ink);background:var(--card);box-shadow:none;border-radius:12px;margin-top:8px;padding:10px}.seg-ref-upload .cap{margin:0 0 8px}.seg-ref-group{border-top:1px dashed #17130c24;margin-top:8px;padding-top:8px}.seg-ref-group:first-of-type{border-top:0;margin-top:0;padding-top:0}.seg-ref-empty{opacity:.7;margin:0}.seg-ref-opt-toggles{gap:6px;margin-top:8px}.seg-shot-table-wrap{border:2px solid var(--ink);background:var(--card);border-radius:12px;max-height:180px;margin:8px 0;padding:8px;overflow:auto}.seg-final-busy{margin:8px 0;padding:7px 10px}.side-dock-body .card,.side-dock-body .side-card{box-shadow:var(--sh-xs)}.wb-side .side-dock-tabs{margin-bottom:8px}.contract{padding:10px 12px}.contract .cr{padding:5px 0}.wb-actions{margin-top:10px;padding-top:8px}.export-sum .status-line{opacity:.85;margin-top:2px;font-size:12px;font-weight:700;display:block}@media (width>=1280px){.wb-grid{grid-template-columns:250px minmax(0,1fr) 300px;gap:18px}}.mg-overlay{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#17130c6b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mg-panel{background:var(--paper);border:2px solid var(--ink);border-radius:18px;flex-direction:column;width:min(640px,100%);max-height:min(86vh,720px);animation:.2s both mg-in;display:flex;overflow:hidden;box-shadow:8px 8px #17130c1f}@keyframes mg-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.mg-panel-head{border-bottom:2px solid var(--ink);background:var(--card);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 12px;display:flex}.mg-panel-head h2{margin:0;font-size:18px;font-weight:900}.mg-grid{grid-template-columns:1fr 1fr;gap:12px;padding:16px 18px 20px;display:grid;overflow:auto}.mg-card{text-align:left;background:var(--card);border:2px solid var(--ink);cursor:pointer;border-radius:14px;flex-direction:column;gap:4px;padding:14px 14px 12px;transition:transform .12s,box-shadow .12s;display:flex}.mg-card:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.mg-card-emoji{font-size:26px;line-height:1.2}.mg-card-title{font-size:15px;font-weight:900}.mg-card-blurb{color:var(--ink2);font-size:12px;font-weight:700}.mg-game{flex-direction:column;min-height:320px;display:flex}.mg-game-bar{background:var(--card);border-bottom:1px solid #17130c1f;grid-template-columns:72px 1fr 72px;align-items:center;padding:10px 14px;display:grid}.mg-game-bar h3{text-align:center;margin:0;font-size:15px;font-weight:900}.mg-game-body{flex:1;padding:18px 20px 22px;overflow:auto}.mg-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.mg-rant{text-align:center}.mg-rant-text{background:var(--card);border:2px solid var(--ink);border-radius:14px;max-width:420px;margin:8px auto 0;padding:18px 16px;font-size:16px;font-weight:800;line-height:1.55}.mg-food{flex-direction:column;align-items:center;display:flex}.mg-food-budgets{gap:8px;margin-bottom:14px;display:flex}.mg-chip{border:2px solid var(--ink);background:var(--card);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:800}.mg-chip.on{background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.mg-wheel-wrap{width:220px;height:220px;margin:6px 0 8px;position:relative}.mg-wheel-pointer{border-left:10px solid #0000;border-right:10px solid #0000;border-top:16px solid var(--ink);z-index:2;width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.mg-wheel{border:3px solid var(--ink);border-radius:50%;width:100%;height:100%;transition:transform 3.1s cubic-bezier(.12,.75,.08,1);position:relative;box-shadow:inset 0 0 0 6px #fff6e38c}.mg-wheel-label{transform-origin:0 0;pointer-events:none;width:0;height:0;font-size:10px;font-weight:900;position:absolute;top:50%;left:50%}.mg-wheel-label i{white-space:nowrap;text-overflow:ellipsis;width:88px;margin-top:-7px;margin-left:18px;font-style:normal;display:block;overflow:hidden}.mg-food-result{margin:10px 0 0;font-size:15px;font-weight:800}.mg-pet{flex-direction:column;align-items:center;gap:10px;padding-top:8px;display:flex}.mg-pet-body{border:3px solid var(--ink);width:160px;height:160px;box-shadow:4px 4px 0 var(--ink);cursor:pointer;background:linear-gradient(160deg,#ffe08a,#ffd0d8);border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex;position:relative}.mg-pet-body:active{transform:scale(.96)}.mg-pet-face{-webkit-user-select:none;user-select:none;pointer-events:none;font-size:34px}.mg-pet-say{margin:0;font-size:15px;font-weight:900}.mg-pet-pop{color:#e91e63;pointer-events:none;font-size:18px;font-weight:900;animation:.65s forwards mg-pop;position:absolute;transform:translate(-50%,-50%)}@keyframes mg-pop{to{opacity:0;transform:translate(-50%,-90%)}}.mg-pet-body.anim-bounce{animation:.45s mg-bounce}.mg-pet-body.anim-shake{animation:.4s mg-shake}.mg-pet-body.anim-spin{animation:.55s mg-spin}.mg-pet-body.anim-sleep{filter:saturate(.85)}.mg-pet-body.anim-happy{animation:.35s mg-bounce}@keyframes mg-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-12px)}}@keyframes mg-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes mg-spin{to{transform:rotate(360deg)}}.mg-breathe{flex-direction:column;align-items:center;gap:10px;padding-top:12px;display:flex}.mg-breath-orb{border:3px solid var(--ink);width:150px;height:150px;box-shadow:4px 4px 0 var(--ink);background:radial-gradient(circle at 35% 30%,#e3f2fd,#90caf9 55%,#64b5f6);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:transform 1s;display:flex}.mg-breath-orb.live.phase-in{background:radial-gradient(circle at 35% 30%,#e8f5e9,#a5d6a7 55%,#66bb6a)}.mg-breath-orb.live.phase-hold{background:radial-gradient(circle at 35% 30%,#fff8e1,#ffe082 55%,#ffca28)}.mg-breath-orb.live.phase-out{background:radial-gradient(circle at 35% 30%,#e3f2fd,#90caf9 55%,#42a5f5)}.mg-breath-label{font-size:14px;font-weight:900}.mg-breath-count{font-size:28px;font-weight:900;line-height:1}@media (width<=560px){.mg-grid{grid-template-columns:1fr}}.mg-wheel-host-wrap{width:240px;height:240px;margin:8px auto;position:relative}.mg-wheel-host{width:100%;height:100%}.mg-wheel-host-wrap .mg-wheel-pointer{z-index:2}.mg-chip-cap{opacity:.7;margin-top:1px;font-size:10px;font-weight:700;display:block}.mg-credit{text-align:center;margin:0;padding:0 18px 12px}.mg-hub-credits{text-align:center;margin:0;padding:0 18px 16px}.mg-pet-oneko{min-height:140px;padding-top:24px}.mg-pet-console{flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:8px;display:flex}.mg-pet-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.mg-pet-label{color:var(--ink2);font-size:12.5px;font-weight:800}.mg-pet-note{text-align:center;max-width:360px;margin:0;line-height:1.5}.mg-pet-oneko .mg-pet-say{text-align:center}html[data-theme=soften] .mg-entry{border:1.5px solid var(--ink);border-radius:999px;font-weight:900;background:#ffd83d6b!important;padding:3px 10px!important;text-decoration:none!important}html[data-theme=soften] .mg-entry:hover{box-shadow:2px 2px 0 var(--ink);background:#ffd83db3!important}.mg-retire{flex-direction:column;align-items:center;gap:12px;padding-top:8px;display:flex}.mg-retire-row{align-items:center;gap:12px;font-size:14px;font-weight:800;display:flex}.mg-retire-row input{border:2px solid var(--ink);background:var(--card);text-align:center;border-radius:10px;width:72px;padding:6px 8px;font-size:14px;font-weight:800}.mg-retire-big{margin:8px 0 0;font-size:22px;font-weight:900}.mg-grid{grid-template-columns:1fr 1fr}@media (width>=520px){.mg-grid:has(.mg-card:nth-child(5)){grid-template-columns:1fr 1fr}}.cheer-rails{z-index:5;pointer-events:none;position:fixed;inset:0;overflow:hidden}.cheer-rail{opacity:0;flex-direction:column;align-items:center;gap:18px;width:max(0px,50vw - 790px);min-width:0;max-width:150px;padding:12px 6px;animation:.6s .15s forwards cheer-fade;display:flex;position:absolute;top:72px;bottom:24px}.cheer-rail-l{left:4px}.cheer-rail-r{right:4px}@keyframes cheer-fade{to{opacity:1}}.cheer-chip{letter-spacing:.04em;color:var(--ink2);white-space:nowrap;text-overflow:ellipsis;background:#fff6e3b8;border:1.5px solid #17130c2e;border-radius:999px;max-width:100%;padding:5px 10px;font-size:12px;font-weight:900;animation:7s ease-in-out infinite cheer-float;display:inline-block;overflow:hidden;box-shadow:2px 2px #17130c0f}.cheer-rail-r .cheer-chip{animation-name:cheer-float-r}.cheer-i0{animation-delay:0s}.cheer-i1{background:#ffe08a8c;animation-delay:.6s}.cheer-i2{background:#c8e6c98c;animation-delay:1.2s}.cheer-i3{background:#bbdefb8c;animation-delay:1.8s}.cheer-i4{background:#ffd0d880;animation-delay:2.4s}.cheer-i5{background:#e1bee780;animation-delay:3s}@keyframes cheer-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(2deg)}}@keyframes cheer-float-r{0%,to{transform:translateY(0)rotate(2deg)}50%{transform:translateY(-12px)rotate(-2deg)}}.cheer-blob{background:#ffe08a40;border:2px solid #17130c1f;border-radius:50%;animation:9s ease-in-out infinite cheer-blob;position:absolute}.cheer-blob-a{width:36px;height:36px;animation-delay:0s;top:18%;left:18%}.cheer-blob-b{background:#bbdefb47;width:22px;height:22px;animation-delay:2s;bottom:22%;right:22%}.cheer-blob-c{background:#c8e6c947;width:30px;height:30px;animation-delay:1s;top:28%;right:16%}.cheer-blob-d{background:#ffd0d84d;width:18px;height:18px;animation-delay:3s;bottom:16%;left:20%}@keyframes cheer-blob{0%,to{opacity:.55;transform:translate(0)scale(1)}50%{opacity:.85;transform:translate(6px,-8px)scale(1.08)}}.tbtn.on-soft{background:var(--yellow);border-radius:8px;padding:2px 8px;box-shadow:2px 2px #17130c1f}@media (width<=1399px){.cheer-rails{display:none!important}}@media (prefers-reduced-motion:reduce){.cheer-chip,.cheer-blob{animation:none!important}}.flow-strip{display:block}.flow-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.flow-step{background:var(--card);border:1px solid var(--border-subtle,var(--line));min-height:88px;box-shadow:var(--sh-xs);border-radius:14px;align-items:flex-start;gap:12px;padding:16px 14px;display:flex}.flow-num{background:var(--paper-dim);width:28px;height:28px;color:var(--text-2,var(--ink2));border:1px solid var(--border-subtle,var(--line));border-radius:9px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:900;display:flex}.flow-step-body h3{color:var(--text-1,var(--ink));margin:0 0 4px;font-size:15px;font-weight:900}.flow-step-body p{color:var(--text-3,var(--ink2));margin:0;font-size:12.5px;font-weight:600;line-height:1.45}@media (width<=900px){.flow-track,.flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.flow-track,.flow-grid{grid-template-columns:1fr}}html[data-theme=soften] .nav>button.on{box-shadow:2px 2px 0 var(--ink)}.proj-pills{flex-wrap:wrap;gap:6px;margin:8px 0 10px;display:flex}.proj-pill{color:var(--ink2);background:var(--paper-dim);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}@media (width>=960px){.hero.hero-compact{grid-template-columns:1.05fr .95fr;align-items:center}}html[data-theme=soften]{color:var(--text-1)}html[data-theme=soften] body{font-size:var(--fs-body);color:var(--text-1);background:var(--paper)}html[data-theme=soften] .display{font-family:var(--font-display);letter-spacing:.02em;font-weight:400}html[data-theme=soften] .small{font-size:var(--fs-caption);color:var(--text-3)}html[data-theme=soften] .sec-t,html[data-theme=soften] .sec-head h2{font-size:var(--fs-title);letter-spacing:.02em;color:var(--text-1);font-weight:400;font-family:var(--font-display);margin-top:0}html[data-theme=soften] .sec-sub{color:var(--muted,var(--text-2));margin:6px 0 0;font-size:15px;font-weight:500}html[data-theme=soften] .page-t{font-size:32px;font-weight:900}html[data-theme=soften] .wrap{max-width:1240px;margin:0 auto;padding-left:24px;padding-right:24px}html[data-theme=soften] .btn{border:var(--border);color:var(--ink);box-shadow:5px 5px 0 var(--ink);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:11px 26px;font-size:16px;font-weight:900;transition:transform .12s,box-shadow .12s;display:inline-flex}html[data-theme=soften] .btn:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-1px)}html[data-theme=soften] .btn:active{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}html[data-theme=soften] .btn-yellow,html[data-theme=soften] .btn.btn-yellow{background:var(--yellow-deep)}html[data-theme=soften] .btn-sm,html[data-theme=soften] .btn.sm,html[data-theme=soften] .btn.btn-sm{box-shadow:var(--shadow-hard-sm);border-radius:12px;padding:7px 18px;font-size:14.5px}html[data-theme=soften] .btn.ghost{border:var(--border);box-shadow:var(--shadow-hard-sm);color:var(--ink);background:#fff;font-weight:900}html[data-theme=soften] .btn.ghost:hover{background:var(--cream);box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-1px)}html[data-theme=soften] .lift{box-shadow:var(--shadow-hard)}html[data-theme=soften] .lift:hover{box-shadow:8px 9px 0 var(--ink);transform:translateY(-4px)}html[data-theme=soften] .view-work .lift{box-shadow:var(--shadow-soft)}html[data-theme=soften] .view-work .lift:hover{box-shadow:var(--shadow-soft-hover);transform:translateY(-2px)}html[data-theme=soften] .view-work .btn,html[data-theme=soften] .view-work .btn.ghost,html[data-theme=soften] .view-work .btn-yellow{box-shadow:var(--shadow-soft);border-width:1.5px;border-radius:12px}html[data-theme=soften] .topbar{z-index:60;background:var(--cream);border-bottom:var(--border);-webkit-backdrop-filter:none;backdrop-filter:none;position:sticky;top:0}html[data-theme=soften] .topbar-in{gap:14px;max-width:1240px;min-height:60px;margin:0 auto;padding:0 20px}html[data-theme=soften] .topbar-tools{align-items:center;gap:12px;margin-left:auto;display:flex}html[data-theme=soften] .topbar-aux{align-items:center;gap:6px;display:flex}html[data-theme=soften] .wordmark.logo,html[data-theme=soften] .logo{color:var(--ink);flex:none;align-items:center;gap:9px;text-decoration:none;display:flex}html[data-theme=soften] .logo-badge,html[data-theme=soften] .wordmark .mark,html[data-theme=soften] .wordmark .logo-badge{letter-spacing:.06em;border-radius:9px;padding:8px 10px;font-size:17px;font-weight:900;line-height:1;background:var(--ink)!important;color:var(--yellow)!important;box-shadow:none!important;border:none!important}html[data-theme=soften] .logo-en{letter-spacing:.14em;color:var(--ink);font-size:17px;font-weight:900}html[data-theme=soften] .nav>button{white-space:nowrap;background:0 0;border:2.5px solid #0000;border-radius:11px;padding:6px 15px;font-size:15px;font-weight:700}html[data-theme=soften] .nav>button:hover{background:#f3ecd7;border-color:#0000}html[data-theme=soften] .nav>button.on{background:var(--yellow);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--ink);font-weight:900}html[data-theme=soften] .aux-link,html[data-theme=soften] .nav-aux .tbtn{color:var(--ink2);border-radius:8px;padding:6px 10px;font-size:13.5px;font-weight:700;text-decoration:none}html[data-theme=soften] .aux-link:hover,html[data-theme=soften] .nav-aux .tbtn:hover{color:var(--ink);background:#f3ecd7}html[data-theme=soften] .aux-link.on-soft{color:var(--ink);background:#ffd83d59}html[data-theme=soften] .home-kit{padding:0}html[data-theme=soften] .hero.hero-kit,html[data-theme=soften] .hero-kit{background-color:var(--yellow);border-bottom:var(--border);background-image:radial-gradient(#16130c1a 1.6px,#0000 1.7px);background-size:22px 22px;gap:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}html[data-theme=soften] .hero-in{grid-template-columns:1.02fr .98fr;align-items:center;gap:44px;padding-top:52px;padding-bottom:66px;display:grid}html[data-theme=soften] .hero-tag{background:var(--pink);color:#fff;border:var(--border);box-shadow:var(--shadow-hard-sm);border-radius:9px;padding:3px 14px;font-size:19px;display:inline-block;transform:rotate(-3deg)}html[data-theme=soften] .hero-kit h1{font-size:var(--fs-display);font-weight:400;line-height:1.06;font-family:var(--font-display);letter-spacing:.02em;color:var(--ink);margin-top:18px}html[data-theme=soften] .hero-kit h1 .line{display:block}html[data-theme=soften] .scribble{display:inline-block;position:relative}html[data-theme=soften] .scribble svg{width:104%;height:.32em;position:absolute;bottom:-.18em;left:-2%;overflow:visible}html[data-theme=soften] .hero-sub{border:var(--border);box-shadow:var(--shadow-hard-sm);background:#fff;border-radius:13px;margin-top:26px;padding:10px 18px;font-size:19px;font-weight:900;line-height:1.5;display:inline-block}html[data-theme=soften] .hero-checks{flex-wrap:wrap;gap:10px 20px;margin-top:22px;padding:0;list-style:none;display:flex}html[data-theme=soften] .hero-checks li{align-items:center;gap:7px;font-size:15.5px;font-weight:900;display:flex}html[data-theme=soften] .check-box{background:var(--ink);color:#fff;border-radius:6px;flex:none;place-items:center;width:21px;height:21px;font-size:13px;font-weight:900;display:grid}html[data-theme=soften] .hero-btns{flex-wrap:wrap;gap:16px;margin-top:30px;display:flex}html[data-theme=soften] .play-ico{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;padding-left:2px;font-size:10px;display:grid}html[data-theme=soften] .hero-enter{gap:12px;max-width:420px;margin-top:28px;display:grid}html[data-theme=soften] .hero-art{margin-right:8px;position:relative;transform:rotate(2deg)}html[data-theme=soften] .hero-card-back{background:var(--pink);border:var(--border);border-radius:20px;position:absolute;inset:12px -14px -14px 16px}html[data-theme=soften] .browser{border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:#fff;border-radius:20px;position:relative;overflow:hidden}html[data-theme=soften] .browser-bar{border-bottom:3px solid var(--ink);background:#fff;align-items:center;gap:7px;padding:10px 16px;display:flex}html[data-theme=soften] .dot{border:2px solid var(--ink);border-radius:50%;width:13px;height:13px;display:inline-block}html[data-theme=soften] .browser-body{padding:26px 30px 30px;position:relative}html[data-theme=soften] .browser-body .ex{color:var(--ink2);font-size:15px;font-weight:700}html[data-theme=soften] .browser-body .pill,html[data-theme=soften] .pill{background:var(--pink);color:#fff;border:2px solid var(--ink);vertical-align:2px;border-radius:999px;margin-left:10px;padding:2px 12px;font-size:13.5px;font-weight:900;display:inline-block}html[data-theme=soften] .browser-body .big{font-size:clamp(30px,3.4vw,44px);line-height:1.25;font-family:var(--font-display);margin-top:12px}html[data-theme=soften] .marker{z-index:0;display:inline-block;position:relative}html[data-theme=soften] .marker:after{content:"";background:var(--pink);opacity:.55;z-index:-1;border-radius:3px;height:.34em;position:absolute;bottom:.02em;left:-3%;right:-3%;transform:rotate(-1deg)}html[data-theme=soften] .browser-doodle{position:absolute;bottom:16px;right:22px}html[data-theme=soften] .reel{z-index:3;filter:drop-shadow(4px 4px #16130c);position:absolute;bottom:-30px;left:-26px}html[data-theme=soften] .ai-badge{z-index:4;background:var(--pink);color:#fff;border:var(--border);text-align:center;box-shadow:var(--shadow-hard-sm);border-radius:12px;padding:8px 14px;font-size:16px;font-weight:900;line-height:1.3;position:absolute;top:-24px;right:-16px;transform:rotate(5deg)}html[data-theme=soften] .spark{z-index:2;pointer-events:none;position:absolute}html[data-theme=soften] .float-a{animation:4.5s ease-in-out infinite kit-floaty}html[data-theme=soften] .float-b{animation:5.5s ease-in-out infinite reverse kit-floaty}@keyframes kit-floaty{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(4deg)}}html[data-theme=soften] .sec-head{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}html[data-theme=soften] .sec-head h2{align-items:center;gap:12px;margin:0;display:flex}html[data-theme=soften] .steps{padding-top:62px}html[data-theme=soften] .steps-grid{grid-template-columns:repeat(5,1fr);gap:18px;margin-top:30px;display:grid}html[data-theme=soften] .step-card{border:var(--border);min-height:178px;box-shadow:var(--shadow-hard);border-radius:17px;padding:18px 18px 16px;transition:transform .15s,box-shadow .15s;position:relative}html[data-theme=soften] .step-card:hover{box-shadow:8px 9px 0 var(--ink);transform:rotate(0)translateY(-5px)!important}html[data-theme=soften] .step-num{color:#fff;border:2px solid var(--ink);font-size:21px;line-height:1;font-family:var(--font-display);border-radius:9px;padding:5px 11px 7px;display:inline-block}html[data-theme=soften] .step-num.ink{color:var(--ink)}html[data-theme=soften] .step-card h3{vertical-align:middle;margin-left:9px;font-size:20px;font-weight:900;display:inline-block}html[data-theme=soften] .step-card p{color:#4c463a;margin-top:8px;font-size:13.5px;font-weight:500}html[data-theme=soften] .step-card .dots{letter-spacing:2px;color:#16130c80;font-weight:900;position:absolute;bottom:12px;right:16px}html[data-theme=soften] .projects{padding-top:70px;padding-bottom:10px}html[data-theme=soften] .projects-tools{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}html[data-theme=soften] .search{background:#fff;border:2px solid #cfc8b2;border-radius:999px;align-items:center;gap:8px;padding:7px 16px;transition:border-color .12s;display:flex}html[data-theme=soften] .search:focus-within{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}html[data-theme=soften] .search input{background:0 0;border:none;outline:none;width:190px;font-family:inherit;font-size:14px}html[data-theme=soften] .search input::placeholder{color:#a39a83}html[data-theme=soften] .projects .chip,html[data-theme=soften] .projects-tools .chip{box-shadow:none;background:#fff;border:2px solid #cfc8b2;border-radius:999px;padding:6px 17px;font-size:14px;font-weight:700}html[data-theme=soften] .projects .chip:hover{border-color:var(--ink)}html[data-theme=soften] .projects .chip.active,html[data-theme=soften] .projects .chip.on{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:900}html[data-theme=soften] .proj-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;display:grid}html[data-theme=soften] .proj-card{border:var(--border);box-shadow:var(--shadow-hard);background:#fff;border-radius:17px;flex-direction:column;gap:9px;min-height:218px;padding:20px 20px 18px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}html[data-theme=soften] .proj-card:before{content:"";background:var(--accent,var(--blue));border-bottom:var(--border);height:9px;position:absolute;top:0;left:0;right:0}html[data-theme=soften] .proj-card:hover{box-shadow:8px 9px 0 var(--ink);transform:translateY(-4px)}html[data-theme=soften] .proj-top{align-items:flex-start;gap:10px;margin-top:6px;display:flex}html[data-theme=soften] .proj-top h3{flex:1;min-width:0;margin:0;font-size:19px;font-weight:900;line-height:1.35}html[data-theme=soften] .badge-last{border:2px solid var(--ink);background:#ffe45c;border-radius:7px;flex:none;margin-top:3px;padding:1px 8px;font-size:12px;font-weight:900}html[data-theme=soften] .proj-state{color:var(--ink2);text-align:right;flex:none;margin-top:5px;font-size:13px;font-weight:700}html[data-theme=soften] .proj-meta{color:var(--ink2);margin:0;font-size:13.5px;font-weight:500}html[data-theme=soften] .tags{flex-wrap:wrap;gap:7px;display:flex}html[data-theme=soften] .tag{color:#4c463a;background:#f3efdf;border-radius:999px;padding:3px 11px;font-size:12.5px;font-weight:700}html[data-theme=soften] .prog-row{align-items:center;gap:12px;margin-top:auto;display:flex}html[data-theme=soften] .prog{border:2px solid var(--ink);background:#efe9d4;border-radius:999px;flex:1;height:11px;overflow:hidden}html[data-theme=soften] .prog i{background:var(--yellow-deep);border-right:2px solid var(--ink);height:100%;display:block}html[data-theme=soften] .prog-num{font-size:14px;font-weight:900}html[data-theme=soften] .proj-foot{align-items:center;gap:10px;display:flex}html[data-theme=soften] .new-card{background:var(--cream);text-align:left;width:100%;min-height:218px;box-shadow:none;border:2.5px dashed #a89e83;border-radius:17px;padding:22px;transition:border-color .15s,background .15s;position:relative}html[data-theme=soften] .new-card:hover{border-color:var(--ink);background:#fff}html[data-theme=soften] .new-card .plus{font-size:30px;font-weight:900;line-height:1}html[data-theme=soften] .new-card h3{margin-left:10px;font-size:21px;font-weight:900;display:inline-block}html[data-theme=soften] .new-card p{color:var(--ink2);max-width:24ch;margin-top:10px;font-size:13.5px;font-weight:500}html[data-theme=soften] .empty-state{background:var(--cream);text-align:center;color:var(--ink2);border:2.5px dashed #a89e83;border-radius:17px;margin-top:28px;padding:34px 22px;font-weight:700;display:none}html[data-theme=soften] .empty-state.show{display:block}html[data-theme=soften] .empty-state b{color:var(--ink)}html[data-theme=soften] .band-pink{background:var(--pink-band);border-top:var(--border);border-bottom:var(--border);margin-top:76px;position:relative;overflow:hidden}html[data-theme=soften] .band-in{grid-template-columns:350px 1fr 250px;align-items:center;gap:40px;padding-top:58px;padding-bottom:58px;display:grid}html[data-theme=soften] .win-stack{position:relative}html[data-theme=soften] .win-back{background:var(--purple-deep);border:var(--border);border-radius:16px;position:absolute;inset:10px -12px -12px 12px;transform:rotate(2.5deg)}html[data-theme=soften] .win{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff;border-radius:16px;position:relative;overflow:hidden;transform:rotate(-2deg)}html[data-theme=soften] .win-bar{background:var(--yellow-deep);border-bottom:3px solid var(--ink);justify-content:space-between;align-items:center;padding:8px 16px;font-size:19px;display:flex}html[data-theme=soften] .win-bar .x{font-size:18px;font-weight:900}html[data-theme=soften] .win ul{gap:13px;margin:0;padding:18px 20px 20px;list-style:none;display:grid}html[data-theme=soften] .win li{align-items:center;gap:11px;font-size:16.5px;font-weight:900;display:flex}html[data-theme=soften] .win .check-box{color:var(--ink);border:2.5px solid var(--ink);background:#fff;width:23px;height:23px}html[data-theme=soften] .band-text h2{font-size:clamp(30px,3.6vw,42px);font-weight:400;line-height:1.35;font-family:var(--font-display);margin:0}html[data-theme=soften] .band-text p{color:#43302f;max-width:44ch;margin-top:18px;font-size:15.5px;font-weight:500}html[data-theme=soften] .band-text .btn{margin-top:26px}html[data-theme=soften] .mascot{text-align:center;position:relative}html[data-theme=soften] .bubble{border:var(--border);box-shadow:var(--shadow-hard-sm);z-index:2;font-size:19px;font-family:var(--font-display);background:#fff;border-radius:999px;padding:5px 18px;display:inline-block;position:relative;transform:rotate(-4deg)}html[data-theme=soften] .bubble:after{content:"";border-right:var(--border);border-bottom:var(--border);background:#fff;width:16px;height:16px;position:absolute;bottom:-11px;left:34px;transform:rotate(45deg)skew(8deg,8deg)}html[data-theme=soften] .mascot-bot{border:var(--border);width:120px;height:120px;box-shadow:var(--shadow-hard-sm);background:#d3ecff;border-radius:24px;place-items:center;margin-top:14px;margin-left:auto;margin-right:auto;font-size:56px;display:grid}html[data-theme=soften] .scenes{padding-top:66px;padding-bottom:74px}html[data-theme=soften] .scenes-grid{grid-template-columns:repeat(5,1fr);gap:18px;margin-top:30px;display:grid}html[data-theme=soften] .scene-card{border:var(--border);box-shadow:5px 5px 0 var(--ink);text-align:center;background:var(--card);border-radius:17px;flex-direction:column;align-items:center;gap:4px;padding:22px 14px 18px;transition:transform .15s,box-shadow .15s;display:flex}html[data-theme=soften] .scene-card:hover{box-shadow:7px 8px 0 var(--ink);transform:translateY(-4px)}html[data-theme=soften] .scene-card strong,html[data-theme=soften] .scene-card h3{margin-top:8px;font-size:17.5px;font-weight:900}html[data-theme=soften] .scene-card span,html[data-theme=soften] .scene-card p{color:#57503f;font-size:12.5px;font-weight:500}html[data-theme=soften] .scene-peach{background:var(--pastel-peach)}html[data-theme=soften] .scene-yellow{background:var(--pastel-yellow)}html[data-theme=soften] .scene-purple{background:var(--pastel-purple)}html[data-theme=soften] .scene-blue{background:var(--pastel-blue)}html[data-theme=soften] .scene-green{background:var(--pastel-green)}html[data-theme=soften] .cta{background-color:var(--purple);border-top:var(--border);background-image:linear-gradient(#ffffff17 1.5px,#0000 1.5px),linear-gradient(90deg,#ffffff17 1.5px,#0000 1.5px);background-size:44px 44px;position:relative;overflow:hidden}html[data-theme=soften] .cta-in{z-index:2;align-items:center;gap:48px;padding-top:54px;padding-bottom:54px;display:flex;position:relative}html[data-theme=soften] .cta-win{flex:none;width:300px;transform:rotate(-1.5deg)}html[data-theme=soften] .cta-win .browser{box-shadow:8px 8px 0 var(--ink)}html[data-theme=soften] .cta-sky{background:radial-gradient(circle at 72% 32%,#ffd83d 0 24px,#0000 25px),linear-gradient(#2c1e63,#2c1e63);height:132px;position:relative}html[data-theme=soften] .cta-sky:after{content:"";clip-path:polygon(0 40%,8% 10%,16% 45%,24% 0,32% 50%,40% 15%,48% 55%,56% 5%,64% 48%,72% 20%,80% 52%,88% 12%,100% 40%,100% 100%,0 100%);background:repeating-linear-gradient(90deg,#17103a 0 34px,#0000 34px 40px);height:56px;position:absolute;bottom:0;left:0;right:0}html[data-theme=soften] .cta-text h2{color:#fff;font-size:clamp(30px,3.8vw,44px);font-weight:400;line-height:1.35;font-family:var(--font-display);margin:0}html[data-theme=soften] .cta-text .btn{margin-top:24px}html[data-theme=soften] .kit-foot{background:var(--cream);border-top:var(--border)}html[data-theme=soften] .foot-in{flex-wrap:wrap;align-items:center;gap:28px;max-width:1240px;margin:0 auto;padding:15px 24px;display:flex}html[data-theme=soften] .foot-in .linklike{color:var(--ink);cursor:pointer;background:0 0;border:none;padding:0;font-size:14.5px;font-weight:700}html[data-theme=soften] .foot-in .linklike:hover{text-underline-offset:4px;text-decoration:underline}html[data-theme=soften] .foot-right{align-items:center;gap:9px;margin-left:auto;font-size:14.5px;font-weight:900;display:flex}html[data-theme=soften] .home-kit footer.site{display:none}@media (width<=1080px){html[data-theme=soften] .steps-grid,html[data-theme=soften] .scenes-grid{grid-template-columns:repeat(3,1fr)}html[data-theme=soften] .band-in{grid-template-columns:330px 1fr}html[data-theme=soften] .mascot{display:none}}@media (width<=920px){html[data-theme=soften] .hero-in{grid-template-columns:1fr;gap:58px;padding-top:40px}html[data-theme=soften] .hero-art{max-width:520px}html[data-theme=soften] .proj-grid{grid-template-columns:repeat(2,1fr)}html[data-theme=soften] .cta-in{flex-direction:column;align-items:flex-start;gap:30px}}@media (width<=640px){html[data-theme=soften] .steps-grid,html[data-theme=soften] .scenes-grid{grid-template-columns:repeat(2,1fr)}html[data-theme=soften] .proj-grid{grid-template-columns:1fr}html[data-theme=soften] .band-in{grid-template-columns:1fr;gap:34px}html[data-theme=soften] .logo-en{display:none}html[data-theme=soften] .search input{width:130px}html[data-theme=soften] .projects-tools{margin-left:0}html[data-theme=soften] .hero-kit h1{font-size:54px}html[data-theme=soften] .cta-win{width:min(300px,84vw)}}@media (width<=420px){html[data-theme=soften] .steps-grid,html[data-theme=soften] .scenes-grid{grid-template-columns:1fr}html[data-theme=soften] .step-card{min-height:0;padding-bottom:58px}}@media (prefers-reduced-motion:reduce){html[data-theme=soften] .float-a,html[data-theme=soften] .float-b{animation:none}}html[data-theme=soften] .view-work{--wb-bg:#fff6e8;--wb-grid:#1b1b1b0b;--wb-card:#fffdf8;--wb-ink:#1b1b1b;--wb-yellow:#ffc800;--wb-yellow-soft:#fff3bf;--wb-pink:#ff5ca8;--wb-pink-soft:#ffe4f1;--wb-purple:#7b61ff;--wb-lav:#ddd0ff;--wb-lav-soft:#efe9ff;--wb-blue:#4d7cfe;--wb-blue-soft:#e2ebff;--wb-green:#1fb457;--wb-green-soft:#dcf6e3;--wb-orange:#ff8a3d;--wb-orange-soft:#ffe8d6;--wb-gray-soft:#f3eee3;--wb-muted:#6f6a5e;--wb-border:2px solid var(--wb-ink);--wb-shadow:4px 4px 0 var(--wb-ink);--wb-shadow-sm:3px 3px 0 var(--wb-ink);--sh:var(--wb-shadow-sm);--sh-sm:var(--wb-shadow-sm);--sh-xs:var(--wb-shadow-sm);--shadow-hard:var(--wb-shadow);--shadow-hard-sm:var(--wb-shadow-sm);--shadow-hard-lg:var(--wb-shadow);background:linear-gradient(var(--wb-grid) 1px, transparent 1px), linear-gradient(90deg, var(--wb-grid) 1px, transparent 1px), var(--wb-bg);color:var(--wb-ink);background-size:26px 26px,26px 26px,auto;position:relative}html[data-theme=soften] .view-work .wrap-wide{max-width:1560px;position:relative}html[data-theme=soften] .view-work .workbar-in,html[data-theme=soften] .view-work .export-dock-in{max-width:1560px}html[data-theme=soften] .view-work .wb-grid{grid-template-columns:280px minmax(0,1fr) 320px;gap:14px}@media (width>=1500px){html[data-theme=soften] .view-work .wb-grid{grid-template-columns:288px minmax(0,1fr) 336px;gap:16px}}html[data-theme=soften] .view-work .wb-deco{pointer-events:none;z-index:2;-webkit-user-select:none;user-select:none;object-fit:contain;opacity:.92;position:absolute}html[data-theme=soften] .view-work .wb-deco-tr{width:88px;height:auto;top:72px;right:18px;transform:rotate(8deg)}html[data-theme=soften] .view-work .wb-deco-br{opacity:.8;width:64px;height:auto;bottom:110px;right:28px;transform:rotate(-10deg)}@media (width<=1100px){html[data-theme=soften] .view-work .wb-deco{display:none}}html[data-theme=soften] .view-work .workbar{border-bottom:var(--wb-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff6e8f0}html[data-theme=soften] .view-work .workbar .mid{letter-spacing:.01em;font-size:15px;font-weight:900}html[data-theme=soften] .view-work .workbar .rt .small{font-size:13.5px;font-weight:900}html[data-theme=soften] .view-work .workbar .selcount b{color:var(--wb-pink);font-size:16px}html[data-theme=soften] .view-work .workbar .tbtn{border:var(--wb-border);background:var(--wb-card);box-shadow:2px 2px 0 var(--wb-ink);border-radius:999px;padding:5px 12px;font-weight:800}html[data-theme=soften] .view-work .workbar .tbtn:hover{box-shadow:3px 3px 0 var(--wb-ink);transform:translate(-1px,-1px)}html[data-theme=soften] .view-work .workbar .tbtn:disabled{opacity:.45;box-shadow:none;transform:none}html[data-theme=soften] .view-work .ep-row{gap:8px;margin:8px 0 10px}html[data-theme=soften] .view-work .ep-row .chip{border:var(--wb-border);background:var(--wb-card);box-shadow:var(--wb-shadow-sm);border-radius:12px;align-items:center;gap:8px;padding:6px 13px;font-size:13px;font-weight:700;display:inline-flex}html[data-theme=soften] .view-work .ep-row .chip span{color:var(--wb-muted);font-size:11px;font-weight:700}html[data-theme=soften] .view-work .ep-row .chip.on{background:var(--wb-lav);box-shadow:var(--wb-shadow)}html[data-theme=soften] .view-work .ep-row .chip.on span{background:var(--wb-yellow);border:1.6px solid var(--wb-ink);color:var(--wb-ink);border-radius:999px;padding:0 7px}html[data-theme=soften] .view-work .alert,html[data-theme=soften] .view-work .notice.notice-slim{border:var(--wb-border);box-shadow:var(--wb-shadow-sm);border-radius:12px;padding:8px 12px;font-weight:700}html[data-theme=soften] .view-work .alert{background:#ffedb0}html[data-theme=soften] .view-work .notice.notice-slim{background:var(--wb-lav-soft)}html[data-theme=soften] .view-work .card,html[data-theme=soften] .view-work .tl-panel,html[data-theme=soften] .view-work .contract,html[data-theme=soften] .view-work .tl-summary,html[data-theme=soften] .view-work .side-dock-tabs,html[data-theme=soften] .view-work .emo-mini,html[data-theme=soften] .view-work .seg-final-dock{background:var(--wb-card);border:var(--wb-border);box-shadow:var(--wb-shadow-sm);border-radius:16px}html[data-theme=soften] .view-work .tl-summary{flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;display:flex}html[data-theme=soften] .view-work .tl-sum-k{background:var(--wb-yellow);border:2px solid var(--wb-ink);letter-spacing:.04em;color:var(--wb-ink);border-radius:999px;padding:2px 10px;font-weight:900}html[data-theme=soften] .view-work .tl-panel{padding:10px 10px 12px}html[data-theme=soften] .view-work .tl-panel-head .cap{letter-spacing:.02em;color:var(--wb-ink);font-size:14.5px;font-weight:900}html[data-theme=soften] .view-work .seg-block{border:var(--wb-border);background:var(--wb-card);border-radius:12px;margin-bottom:8px;overflow:hidden}html[data-theme=soften] .view-work .seg-block.on{box-shadow:var(--wb-shadow-sm);background:#fff8d6}html[data-theme=soften] .view-work .tl-item{text-align:left;background:0 0;border:0;border-radius:0;width:100%;margin-bottom:0;padding:9px 10px;transition:background .12s}html[data-theme=soften] .view-work .tl-item:hover{background:#fff3c4;transform:none}html[data-theme=soften] .view-work .tl-item.cur{box-shadow:none;background:#fff8d6}html[data-theme=soften] .view-work .tl-item.seg-head .r1{flex-wrap:wrap;align-items:center;gap:8px;display:flex}html[data-theme=soften] .view-work .seg-no{border:var(--wb-border);background:var(--wb-gray-soft);width:30px;height:30px;color:var(--wb-ink);border-radius:9px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:900;display:inline-flex}html[data-theme=soften] .view-work .tl-item.seg-head.cur .seg-no{background:var(--wb-yellow)}html[data-theme=soften] .view-work .tl-item.seg-head.st-locked .seg-no,html[data-theme=soften] .view-work .tl-item.seg-head.st-done .seg-no{background:var(--wb-pink);color:#fff}html[data-theme=soften] .view-work .tl-item.seg-head.st-picking .seg-no{background:var(--wb-yellow)}html[data-theme=soften] .view-work .seg-meta{color:var(--wb-muted);flex:1;font-size:12px;font-weight:800}html[data-theme=soften] .view-work .seg-badge{border:1.6px solid var(--wb-ink);background:var(--wb-gray-soft);border-radius:999px;padding:0 8px;font-size:11px;font-weight:800;line-height:1.7}html[data-theme=soften] .view-work .seg-badge.st-locked{background:var(--wb-green);color:#fff}html[data-theme=soften] .view-work .seg-badge.st-picking{background:var(--wb-yellow)}html[data-theme=soften] .view-work .seg-badge.st-compiling{background:var(--wb-blue-soft);color:#1d3f9e}html[data-theme=soften] .view-work .seg-badge.st-skeleton{background:var(--wb-gray-soft);color:var(--wb-muted)}html[data-theme=soften] .view-work .seg-badge.st-stale{background:var(--wb-pink-soft);color:#c2185b}html[data-theme=soften] .view-work .seg-gen{border:var(--wb-border);border-radius:10px;width:calc(100% - 20px);margin:8px 10px;padding:8px 10px;font-size:13px;font-weight:900;display:block;box-shadow:3px 3px #1b1b1b59}html[data-theme=soften] .view-work .seg-gen.st-ready{background:var(--wb-ink);color:#fff}html[data-theme=soften] .view-work .seg-gen.st-done{background:var(--wb-green-soft);color:var(--wb-ink)}html[data-theme=soften] .view-work .seg-gen.st-busy{background:var(--wb-blue-soft);color:#1d3f9e}html[data-theme=soften] .view-work .seg-gen.st-wait{background:var(--wb-gray-soft);color:var(--wb-muted);box-shadow:none}html[data-theme=soften] .view-work .seg-gen.st-stale{background:var(--wb-pink-soft);cursor:not-allowed}html[data-theme=soften] .view-work .tl-shot{background:0 0;border:2px solid #0000;border-radius:10px;width:calc(100% - 16px);margin:2px 8px;padding:6px 7px}html[data-theme=soften] .view-work .tl-shot:hover{background:#fff3c4}html[data-theme=soften] .view-work .tl-shot.cur{border-color:var(--wb-ink);box-shadow:2px 2px 0 var(--wb-ink);background:#fff}html[data-theme=soften] .view-work .wb-chips button,html[data-theme=soften] .view-work .shot-chip{border:var(--wb-border);background:var(--wb-card);box-shadow:2px 2px 0 var(--wb-ink);border-radius:10px;padding:4px 14px;font-size:13px;font-weight:900}html[data-theme=soften] .view-work .wb-chips button.cur{background:var(--wb-yellow)}html[data-theme=soften] .view-work .segbar .trk{border:var(--wb-border);background:#fff;border-radius:999px;height:14px;overflow:hidden}html[data-theme=soften] .view-work .segbar .trk>span,html[data-theme=soften] .view-work .segbar .fill{background:var(--wb-pink);border-right:var(--wb-border)}html[data-theme=soften] .view-work .stage{border:var(--wb-border);box-shadow:var(--wb-shadow-sm);color:#f4f1ff;background:#191423;border-radius:14px;max-width:560px;position:relative;overflow:hidden}html[data-theme=soften] .view-work .stage:before{content:"";pointer-events:none;background:radial-gradient(420px 190px at 78% -10%,#7b61ff80,#0000 65%),radial-gradient(300px 160px at 8% 115%,#ff5ca847,#0000 60%);position:absolute;inset:0}html[data-theme=soften] .view-work .stage>*{z-index:1;position:relative}html[data-theme=soften] .view-work .stage.h{max-width:560px}html[data-theme=soften] .view-work .contract{padding:10px 14px 12px}html[data-theme=soften] .view-work .contract .cr{border-bottom:1.5px dashed #1b1b1b24;gap:10px;padding:5.5px 0;font-size:12.8px;display:flex}html[data-theme=soften] .view-work .contract .cr:last-child{border-bottom:0}html[data-theme=soften] .view-work .contract .cl{color:#57503f;flex:none;width:76px;font-weight:900}html[data-theme=soften] .view-work .contract .cv{flex:1;font-weight:500}html[data-theme=soften] .view-work .hand-cap h3{align-items:center;gap:8px;font-size:15px;font-weight:900;display:inline-flex}html[data-theme=soften] .view-work .hand-bulb{object-fit:contain;flex:none;width:22px;height:22px}html[data-theme=soften] .view-work .hand-cap .status-line,html[data-theme=soften] .view-work .hand-cap .small{color:var(--wb-muted);font-size:11.5px;font-weight:700}html[data-theme=soften] .view-work .refine-pill{border:1.6px solid var(--wb-ink);background:var(--wb-blue-soft);color:#1d3f9e;border-radius:999px;margin-left:8px;padding:0 8px;font-size:11px;font-weight:800}html[data-theme=soften] .view-work .hand{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;align-items:stretch;gap:11px;padding:10px 0 8px;display:grid}@media (width>=1280px){html[data-theme=soften] .view-work .hand{grid-template-columns:repeat(3,minmax(0,1fr))}}html[data-theme=soften] .view-work .opt{background:var(--wb-card);border:var(--wb-border);text-align:left;border-radius:14px;flex-direction:column;flex:none;align-items:flex-start;gap:6px;width:100%;max-width:none;padding:11px 12px 10px;display:flex;position:relative;overflow:visible;box-shadow:3px 3px #1b1b1be6;background-image:none!important;animation:none!important;transform:none!important}html[data-theme=soften] .view-work .opt:nth-child(n){transform:none!important}html[data-theme=soften] .view-work .opt:hover{box-shadow:var(--wb-shadow);transform:translate(-1px,-1px)!important}html[data-theme=soften] .view-work .opt.sel{border:var(--wb-border);outline:3px solid var(--wb-yellow);outline-offset:-3px;box-shadow:var(--wb-shadow);background:#fffbe9;transform:none!important}html[data-theme=soften] .view-work .opt.x{border:var(--wb-border);background:#fff0f7;background-image:none!important;animation:none!important}html[data-theme=soften] .view-work .opt.x.sel{background:#fff0f7;background-image:none!important}html[data-theme=soften] .view-work .opt-check{background:var(--wb-pink);border:var(--wb-border);color:#fff;z-index:2;width:27px;height:27px;box-shadow:2px 2px 0 var(--wb-ink);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:900;display:flex;position:absolute;top:-11px;right:-9px}html[data-theme=soften] .view-work .opt .tag{border:1.8px solid var(--wb-ink);letter-spacing:0;color:var(--wb-ink);background:#fff;border-radius:999px;align-self:flex-start;align-items:center;padding:1px 9px;font-size:11px;font-weight:900;display:inline-flex}html[data-theme=soften] .view-work .opt .tag.rec{background:var(--wb-yellow)}html[data-theme=soften] .view-work .opt .tag.xt{background:var(--wb-pink);color:#fff}html[data-theme=soften] .view-work .opt .tag.ct{background:var(--wb-gray-soft)}html[data-theme=soften] .view-work .opt .star{background:var(--wb-lav);border:1.8px solid var(--wb-ink);box-shadow:none;color:var(--wb-ink);border-radius:999px;align-self:flex-start;align-items:center;margin-left:0;padding:1px 9px;font-size:11px;font-weight:900;display:inline-flex}html[data-theme=soften] .view-work .opt .star.xt{background:var(--wb-pink);color:#fff}html[data-theme=soften] .view-work .opt .nm{margin-top:2px;font-size:14px;font-weight:900;line-height:1.4}html[data-theme=soften] .view-work .opt .sz{color:var(--wb-muted);font-size:11px;font-weight:700}html[data-theme=soften] .view-work .opt .nt{color:#3d382e;min-height:0;margin-top:2px;font-size:12.3px;font-weight:500;line-height:1.65}html[data-theme=soften] .view-work .opt.cus{background:var(--wb-gray-soft);box-shadow:none;cursor:default;border-style:dashed}html[data-theme=soften] .view-work .opt.cus:hover{box-shadow:none;transform:none!important}html[data-theme=soften] .view-work .custom-box{background:#fff;border:1.8px dashed #1b1b1b59;border-radius:9px;margin-top:4px;padding:8px 10px}html[data-theme=soften] .view-work .wb-actions{border-top:1.6px dashed #1b1b1b40;align-items:stretch;gap:11px;margin-top:12px;padding-top:10px}html[data-theme=soften] .view-work .wb-actions-note{background:var(--wb-pink-soft);border:var(--wb-border);box-shadow:var(--wb-shadow-sm);color:var(--wb-ink);border-radius:12px;flex:1;align-items:center;gap:9px;min-width:180px;padding:9px 14px;font-weight:900;display:inline-flex}html[data-theme=soften] .view-work .wb-actions-note.is-done{background:var(--wb-green-soft)}html[data-theme=soften] .view-work .wb-rocket{object-fit:contain;width:22px;height:auto;transform:rotate(-8deg)}html[data-theme=soften] .view-work .btn{border:var(--wb-border);box-shadow:var(--wb-shadow-sm);border-radius:12px;font-weight:900}html[data-theme=soften] .view-work .btn:hover{box-shadow:4px 4px 0 var(--wb-ink);transform:translate(-1px,-1px)}html[data-theme=soften] .view-work .btn:active{box-shadow:1px 1px 0 var(--wb-ink);transform:translate(2px,2px)}html[data-theme=soften] .view-work .wb-actions .btn{background:var(--wb-yellow);padding:9px 20px;font-size:14.5px}html[data-theme=soften] .view-work .side-dock-tabs{border:var(--wb-border);box-shadow:var(--wb-shadow-sm);background:var(--wb-card);border-radius:13px;gap:0;padding:0;display:flex;overflow:hidden}html[data-theme=soften] .view-work .side-dock-tabs button{background:var(--wb-card);box-shadow:none;border:0;border-radius:0;flex:1;padding:9px 6px;font-size:13.5px;font-weight:900}html[data-theme=soften] .view-work .side-dock-tabs button+button{border-left:var(--wb-border)}html[data-theme=soften] .view-work .side-dock-tabs button.on{background:var(--wb-yellow);color:var(--wb-ink);box-shadow:none;border-color:#0000}html[data-theme=soften] .view-work .side-dock-body .card,html[data-theme=soften] .view-work .facts-tab .card,html[data-theme=soften] .view-work .seg-shot-row{border:var(--wb-border);box-shadow:var(--wb-shadow-sm);border-radius:12px}html[data-theme=soften] .view-work .seg-shot-row.cur{background:var(--wb-yellow);box-shadow:2px 2px 0 var(--wb-ink)}html[data-theme=soften] .view-work .emo-mini{padding:11px 14px 13px}html[data-theme=soften] .view-work .emo-mini-head h3{font-size:14px;font-weight:900}html[data-theme=soften] .view-work .emo-lvl{color:var(--wb-muted);font-size:12px;font-weight:700}html[data-theme=soften] .view-work .emo-lvl b,html[data-theme=soften] .view-work .emo-mini-head .emo-lvl{color:#c2185b;font-size:14px}html[data-theme=soften] .view-work input[type=range].emo-slider{appearance:none;border:var(--wb-border);cursor:pointer;background:linear-gradient(90deg,var(--wb-pink) var(--fill,50%),#fff var(--fill,50%));border-radius:999px;outline:none;width:100%;height:14px;margin-top:8px}html[data-theme=soften] .view-work input[type=range].emo-slider::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--wb-ink);width:26px;height:26px;box-shadow:2px 2px 0 var(--wb-ink);cursor:grab;background:#fff;border-radius:50%}html[data-theme=soften] .view-work input[type=range].emo-slider::-moz-range-thumb{border:3px solid var(--wb-ink);width:22px;height:22px;box-shadow:2px 2px 0 var(--wb-ink);cursor:grab;background:#fff;border-radius:50%}html[data-theme=soften] .view-work .facts-tab .btn,html[data-theme=soften] .view-work .facts-tab .tbtn,html[data-theme=soften] .view-work .segfinal-tab .btn,html[data-theme=soften] .view-work .segfinal-tab .tbtn{border:var(--wb-border);box-shadow:2px 2px 0 var(--wb-ink);border-radius:999px;font-weight:800}html[data-theme=soften] .view-work .seg-final-confirm{border:var(--wb-border);background:var(--wb-yellow-soft);box-shadow:var(--wb-shadow-sm);border-radius:12px;margin:8px 0;padding:10px 12px}html[data-theme=soften] .view-work .seg-final-md-bar,html[data-theme=soften] .view-work .seg-md-actions{flex-wrap:wrap;gap:8px;display:flex}html[data-theme=soften] .view-work .seg-result-pre,html[data-theme=soften] .view-work .seg-think-pre{border:var(--wb-border);box-shadow:var(--wb-shadow-sm);background:#fffef9;border-radius:12px}html[data-theme=soften] .view-work .export-dock{border-top:var(--wb-border);background:#fff3cf;box-shadow:0 -3px #1b1b1b14}html[data-theme=soften] .view-work .export-dock-in{gap:10px;padding:10px 16px 14px}html[data-theme=soften] .view-work .export-dock .btn,html[data-theme=soften] .view-work .export-dock .btn.ghost,html[data-theme=soften] .view-work .export-dock .btn.sm{border:var(--wb-border);box-shadow:2px 2px 0 var(--wb-ink);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:800}html[data-theme=soften] .view-work .export-dock .btn:hover{box-shadow:3px 3px 0 var(--wb-ink);transform:translate(-1px,-1px)}@media (width<=1080px){html[data-theme=soften] .view-work .hand{grid-template-columns:1fr}}.hero-tagline{color:var(--ink2);max-width:520px;margin:18px 0 22px;font-size:16.5px;line-height:1.75}.hero-tagline strong{color:var(--ink);font-weight:900}.wb-tagline{color:var(--ink2);letter-spacing:.02em;margin:0 0 10px;font-size:13px;font-weight:800}.gate-checklist{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0;display:inline-flex}.gate-pill{border:2px solid var(--ink);cursor:pointer;box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:800;line-height:1.4}.gate-pill.ok{background:var(--pastel-green,#d8f5e3)}.gate-pill.bad{background:var(--pastel-pink,#ffe0ea)}.workbar-gates{margin:0 8px}.export-sum .gate-checklist{margin:6px 0 2px;display:flex}.wb-anchor{width:0;height:0;overflow:hidden}.oneko-dock{z-index:96;pointer-events:auto;width:min(280px,100vw - 28px);font-family:inherit;position:fixed;bottom:14px;right:14px}.oneko-dock-toggle{border:2px solid var(--ink);background:var(--yellow);cursor:pointer;width:100%;color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:900;display:flex;box-shadow:3px 3px #17130c24}.oneko-dock-toggle:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #17130c29}.oneko-dock-toggle-txt{text-align:left;flex:1}.oneko-dock-body{background:var(--paper);border:2px solid var(--ink);border-radius:16px;flex-direction:column;gap:10px;margin-top:8px;padding:12px;display:flex;box-shadow:6px 6px #17130c1f}.oneko-meters{flex-direction:column;gap:6px;display:flex}.oneko-meter{color:var(--ink2);flex-direction:column;gap:3px;font-size:11px;font-weight:800;display:flex}.oneko-meter>span{justify-content:space-between;display:flex}.oneko-meter>i{border:1.5px solid var(--ink);background:linear-gradient(90deg,#ffd0d8,#ffe08a);border-radius:999px;max-width:100%;height:8px;display:block}.oneko-meter>i.en{background:linear-gradient(90deg,#c8e6c9,#bbdefb)}.oneko-anim-note{color:var(--ink2);margin:0;font-size:12px;font-weight:700}.oneko-gate-chip{text-align:left;border:2px solid var(--ink);cursor:pointer;background:var(--card);color:var(--ink);border-radius:12px;padding:8px 10px;font-size:12.5px;font-weight:800;line-height:1.35}.oneko-gate-chip.ok{background:#e8f5e9}.oneko-gate-chip.warn{background:#fff3e0}.oneko-gate-chip:hover{box-shadow:2px 2px 0 var(--ink)}.oneko-dock-actions{flex-wrap:wrap;gap:6px;display:flex}.oneko-bubble{z-index:98;border:2px solid var(--ink);background:var(--card);max-width:min(280px,70vw);color:var(--ink);cursor:pointer;text-align:left;border-radius:14px 14px 4px;padding:10px 12px;font-size:13px;font-weight:800;line-height:1.4;animation:.22s both oneko-bub;position:fixed;box-shadow:4px 4px #17130c1f}@keyframes oneko-bub{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.oneko-bubble:hover{background:var(--yellow)}#jingyu-oneko{-webkit-user-select:none;user-select:none}.create-desk{background:var(--paper);padding-bottom:24px}.create-desk-wrap{padding-top:18px}.create-crumb{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-size:13.5px;font-weight:800;display:flex}.create-crumb .crumb-sep{color:var(--ink2);opacity:.55}.create-crumb .crumb-cur{border:2px solid var(--ink);background:var(--yellow);box-shadow:2px 2px 0 var(--ink);border-radius:999px;align-items:center;padding:2px 12px;display:inline-flex}.create-crumb .create-back{margin-left:auto}.create-topbar{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:linear-gradient(180deg,#fff9e8 0%,var(--card) 100%);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px;padding:16px 20px 18px;display:flex}.create-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--pink,#ff5ca8);margin:0 0 4px;font-size:11px;font-weight:900}.create-title{margin:0;font-size:28px;line-height:1.15}.create-tagline{color:var(--ink2);max-width:52ch;margin:8px 0 0;font-size:14px;font-weight:600}.create-tagline strong{color:var(--ink)}.create-topbar-sum{color:var(--ink2);border:2px dashed var(--ink);background:#fff;border-radius:999px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:800;display:flex}.create-work{grid-template-columns:minmax(240px,.78fr) minmax(340px,1.22fr);align-items:start;gap:18px;margin-bottom:8px;display:grid}.create-params{padding:16px 16px 14px}.create-params .create-h{margin-top:14px}.create-script .field{margin-bottom:10px}.create-editor{margin-top:0}.create-editor textarea{min-height:380px}.create-editor-label{color:var(--ink2);margin-right:auto;font-size:13px;font-weight:900}.create-editor .tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.create-sticky .btn-yellow{font-weight:900}.create-recent{border:2px solid var(--ink);background:var(--card);box-shadow:3px 3px 0 var(--ink);border-radius:16px;margin-top:28px;padding:16px 18px}.create-recent-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.create-recent-head h2{margin:0;font-size:16px;font-weight:900}.create-recent-row{flex-wrap:wrap;gap:10px;display:flex}.create-recent-chip{text-align:left;border:2px solid var(--ink);cursor:pointer;min-width:160px;max-width:240px;box-shadow:2px 2px 0 var(--ink);font:inherit;background:#fff;border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;display:flex}.create-recent-chip:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.create-recent-chip strong{font-size:13.5px;font-weight:900}.create-recent-chip span{color:var(--ink2);font-size:12px;font-weight:700}html[data-theme=soften] .create-topbar{background:linear-gradient(#fff6d6 0%,#fff 72%)}html[data-theme=soften] .create-kicker{color:var(--pink)}html[data-theme=soften] .create-crumb .crumb-cur,html[data-theme=soften] .nav button.on{background:var(--yellow-deep,#ffd83d)}@media (width<=960px){.create-work{grid-template-columns:1fr}.create-editor textarea{min-height:280px}.create-topbar-sum{width:100%}}.mkt-page{background:var(--cream,#fffdf4);min-height:100vh;color:var(--ink)}.mkt-topbar{z-index:40;border-bottom:3px solid var(--ink);background:#fff;flex-wrap:wrap;align-items:center;gap:20px;padding:12px 28px;display:flex;position:sticky;top:0}.mkt-logo{cursor:pointer;color:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.mkt-logo-star{flex:none;width:28px;height:28px}.mkt-logo-word{font-family:var(--font-display);letter-spacing:.4px;font-size:24px;line-height:1;transform:skew(-6deg)}.mkt-logo-word em{color:var(--pink,#ff2e9e);font-style:normal}.mkt-mainnav{flex-wrap:wrap;align-items:center;gap:4px;margin:0 auto;display:flex}.mkt-mainnav button{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 12px;font-size:14px;font-weight:800}.mkt-mainnav button:hover{background:var(--yellow)}.mkt-topbar-actions{flex:none;align-items:center;gap:10px;display:flex}.mkt-btn-login,.mkt-btn-register{border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;font-size:15px;font-weight:900;font:inherit;border-radius:12px;padding:9px 20px}.mkt-btn-login{color:var(--ink);background:#fff}.mkt-btn-login:hover{background:var(--yellow)}.mkt-btn-register{background:var(--ink);color:#fff}.mkt-btn-register:hover{background:var(--pink,#ff2e9e)}.mkt-hero{background-color:var(--yellow,#ffd91a);background-image:linear-gradient(#ffffff59 1.5px,#0000 1.5px),linear-gradient(90deg,#ffffff59 1.5px,#0000 1.5px);background-size:44px 44px;position:relative;overflow:hidden}.mkt-hero-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:28px;max-width:1440px;margin:0 auto;padding:48px 36px 120px;display:grid}.mkt-brand-line{align-items:center;gap:12px;margin-bottom:10px;display:flex}.mkt-brand-mini{font-family:var(--font-display);letter-spacing:1px;color:var(--pink,#ff2e9e);-webkit-text-stroke:1.2px var(--ink);text-shadow:2px 2px #141414d9;font-size:26px;transform:rotate(-2deg)}.mkt-brand-spark{width:30px;height:30px}.mkt-hero-title{font-family:var(--font-display);letter-spacing:1px;-webkit-text-stroke:8px #fff;paint-order:stroke fill;text-shadow:6px 6px #14141424;margin:0;font-size:clamp(40px,4.8vw,78px);font-weight:400;line-height:1.14}.mkt-hero-title .line{display:block;position:relative}.mkt-title-brush{pointer-events:none;width:min(520px,92%);height:22px;position:absolute;bottom:-12px;left:2%}.mkt-hero-sub{max-width:620px;margin:28px 0 0;font-size:clamp(16px,1.4vw,22px);font-weight:700;line-height:1.55}.mkt-hero-pitch{margin:14px 0 0;font-size:15px;font-weight:800}.mkt-chip-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:22px;display:flex}.mkt-step-chip{border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;font-size:13.5px;font-weight:900;font:inherit;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.mkt-step-chip .tick{background:var(--ink);color:#fff;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:11px;display:grid}.mkt-step-chip.selected{background:var(--yellow-deep,#ffc400);box-shadow:4px 5px 0 var(--ink);transform:rotate(-1.5deg)scale(1.04)}.mkt-step-chip.selected .tick{background:var(--pink,#ff2e9e)}.mkt-chip-arrow{font-size:14px;font-weight:900}.mkt-cta-row{flex-wrap:wrap;align-items:center;gap:18px;margin-top:34px;display:flex}.mkt-btn-create{background:var(--yellow);border:3.5px solid var(--ink);font-family:var(--font-display);color:var(--ink);letter-spacing:1px;box-shadow:8px 8px 0 var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:12px;padding:16px 42px;font-size:clamp(22px,2vw,32px);display:inline-flex}.mkt-btn-create:hover{box-shadow:10px 10px 0 var(--ink);transform:translate(-2px,-2px)}.mkt-btn-video{border:3.5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);cursor:pointer;font-size:clamp(16px,1.5vw,22px);font-weight:900;font:inherit;background:#fff;border-radius:999px;align-items:center;gap:12px;padding:14px 28px;display:inline-flex}.mkt-btn-video .play-disc{background:var(--ink);color:#fff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:12px;display:grid}.mkt-hero-right{min-height:420px;position:relative}.mkt-stack{border:3.5px solid var(--ink);border-radius:24px;position:absolute;inset:18px 8px 8px 28px}.mkt-stack-purple{background:#c9a6ff;transform:rotate(4deg)translate(18px,-10px)}.mkt-stack-pink{background:#ff9ec8;transform:rotate(-3deg)translate(-6px,8px)}.mkt-window{z-index:2;border:3.5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff;border-radius:22px;margin:24px 12px 0 0;position:relative;overflow:hidden;transform:rotate(-1.2deg)}.mkt-window-bar{border-bottom:2.5px solid var(--ink);background:#fff8e8;align-items:center;gap:7px;padding:10px 14px;display:flex}.mkt-wdot{border:2px solid var(--ink);border-radius:50%;width:12px;height:12px}.mkt-wdot.r{background:#ff5ca8}.mkt-wdot.b{background:#3e9bff}.mkt-wdot.y{background:#ffd83d}.mkt-window-name{letter-spacing:.04em;margin-left:8px;font-size:13px;font-weight:900}.mkt-window-body{padding:22px 22px 28px;position:relative}.mkt-badge-ai{background:var(--ink);color:var(--yellow);border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:900;display:inline-block}.mkt-window-big{font-family:var(--font-display);margin:0;font-size:clamp(28px,2.6vw,40px);line-height:1.2}.mkt-window-big .line{display:block}.mkt-window-brush{width:min(320px,90%);height:14px;margin-top:6px}.mkt-window-tags{flex-wrap:wrap;align-items:center;gap:6px;margin-top:18px;font-size:13px;font-weight:800;display:flex}.mkt-window-tags .tag{background:var(--yellow);border:2px solid var(--ink);border-radius:999px;padding:3px 10px}.mkt-window-tags .x{opacity:.5}.mkt-burst{z-index:3;border:3px solid var(--ink);width:72px;height:72px;box-shadow:4px 4px 0 var(--ink);background:#29a9f2;border-radius:50%;place-items:center;font-size:32px;display:grid;position:absolute;bottom:12px;right:0;transform:rotate(8deg)}.mkt-wave{background:radial-gradient(120px 48px at 10% 0,transparent 60%,var(--cream,#fffdf4) 61%) left/80px 64px repeat-x;height:64px;position:absolute;bottom:-2px;left:0;right:0}.mkt-foot{border-top:2px solid var(--ink);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 28px;font-size:13.5px;font-weight:800;display:flex}.login-page{background:linear-gradient(#fff6 1px,transparent 1px), linear-gradient(90deg,#fff6 1px,transparent 1px), var(--yellow,#ffd83d);background-size:36px 36px,36px 36px,auto;place-items:center;min-height:100vh;padding:36px 16px;display:grid}.login-card{border:3px solid var(--ink);width:min(420px,100%);box-shadow:8px 8px 0 var(--ink);background:#fff;border-radius:22px;flex-direction:column;gap:12px;padding:28px 26px 24px;display:flex}.login-back{cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:13.5px;font-weight:800}.login-brand{align-items:center;gap:10px;margin-top:4px;display:flex}.login-kicker{color:var(--pink);font-size:18px}.login-title{font-size:clamp(28px,4vw,36px);font-family:var(--font-display);margin:0}.login-sub{color:var(--ink2,#4a453c);margin:0;font-size:14px;font-weight:700;line-height:1.45}.login-field{flex-direction:column;gap:6px;font-size:13px;font-weight:900;display:flex}.login-field .txtin{width:100%}.login-submit{justify-content:center;width:100%;margin-top:4px;font-weight:900}.login-hint{color:var(--ink2,#4a453c);margin:4px 0 0}.login-hint code{background:var(--yellow);border:1.5px solid var(--ink);border-radius:6px;padding:0 5px;font-weight:900}.studio-home{padding-bottom:48px}.studio-home-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;padding-top:28px;padding-bottom:8px;display:flex}.studio-kicker{color:var(--pink);margin:0;font-size:18px}.studio-home-title{margin:4px 0 0}.studio-home-actions{flex-wrap:wrap;gap:10px;display:flex}@media (width<=960px){.mkt-hero-inner{grid-template-columns:1fr;padding:36px 20px 96px}.mkt-hero-right{min-height:320px}.mkt-mainnav{display:none}}.topbar-user{text-overflow:ellipsis;white-space:nowrap;opacity:.75;max-width:160px;margin-right:4px;overflow:hidden}.admin-page{color:#2a241c;background:linear-gradient(#f6f3ee 0%,#efe8df 100%);min-height:100vh;padding:28px 16px 48px}.admin-shell{max-width:1080px;margin:0 auto}.admin-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.admin-kicker{letter-spacing:.08em;text-transform:uppercase;opacity:.55;margin-bottom:4px;font-size:12px}.admin-title{margin:0;font-size:28px;font-weight:800}.admin-head-right{align-items:center;gap:10px;display:flex}.admin-me{opacity:.7;font-size:13px}.admin-lead{opacity:.75;margin:0 0 14px}.admin-card{background:#fffdf9;border:1px solid #3c28141f;border-radius:14px;max-width:420px;padding:18px 18px 20px;box-shadow:0 8px 24px #2818080f}.admin-card.admin-table-wrap{max-width:none;padding:14px 12px 8px;overflow:auto}.admin-ai-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.admin-card.admin-ai-card{max-width:none;margin-bottom:0}@media (width<=860px){.admin-ai-grid{grid-template-columns:1fr}}.admin-ai-card code{background:#3c28140f;border-radius:4px;padding:1px 6px;font-size:12px}.admin-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.admin-stat{text-align:center;background:#fffdf9;border:1px solid #3c28141f;border-radius:12px;padding:14px 12px}.admin-stat b{font-size:22px;font-weight:800;line-height:1.2;display:block}.admin-stat span{opacity:.65;font-size:12px}.admin-table-head{justify-content:space-between;align-items:center;gap:12px;padding:4px 6px 10px;display:flex}.admin-table-head h2{margin:0;font-size:16px}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th,.admin-table td{text-align:left;vertical-align:top;border-top:1px solid #3c281414;padding:10px 8px}.admin-table th{opacity:.6;border-top:none;font-size:12px;font-weight:600}.admin-table tr.admin-row-active td{background:#b4782814}.admin-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);align-items:start;gap:14px;display:grid}.admin-detail{max-width:none}.admin-detail h2{margin:0 0 12px;font-size:16px}.admin-detail h3{margin:16px 0 6px;font-size:13px}.admin-dl{gap:8px;margin:0;display:grid}.admin-dl>div{grid-template-columns:88px 1fr;gap:8px;font-size:13px;display:grid}.admin-dl dt{opacity:.55;margin:0}.admin-dl dd{word-break:break-all;margin:0}.admin-mono{opacity:.75;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.admin-badge{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.admin-badge.on{color:#1f6b38;background:#28783c1f}.admin-badge.off{color:#8a2a2a;background:#8c28281f}.admin-ops{border-top:1px solid #3c281414;margin-top:8px;padding-top:8px}.admin-hint{margin:0 0 8px;font-size:12px}.admin-pass-row{align-items:center;gap:8px;display:flex}.admin-pass-row .txtin{flex:1}.admin-btn-row{flex-wrap:wrap;gap:8px;display:flex}.btn.danger{color:#fff;background:#8a2a2a;border-color:#8a2a2a}.btn.danger:hover{filter:brightness(1.05)}.admin-ok{color:#1f6b38;background:#28783c1a;border-radius:8px;margin-top:10px;padding:8px 10px;font-size:13px}@media (width<=960px){.admin-layout{grid-template-columns:1fr}}@media (width<=720px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}