:root{--ground: #050506;--ink: #ecece8;--dim: rgba(236, 236, 232, .64);--faint: rgba(236, 236, 232, .4);--hair: rgba(236, 236, 232, .17);--veil: rgba(5, 5, 6, .84);--err: #e7a39b;--latin: "Manrope", "Helvetica Neue", Arial, sans-serif;--cjk: "Noto Serif TC", "Songti TC", "PMingLiU", serif;--pad: clamp(16px, 3vw, 44px);color-scheme:dark;--hairline-plate: #0d0d10;--hairline-hi: #ffe9c4;--hairline-edge: #ecece8;--hairline-mid: #8e8e8a;--hairline-lo: #28282c;--hairline-stroke: 1.05}:root[data-paper=light]{--ground: #f4f4f1;--ink: #101012;--dim: rgba(16, 16, 18, .66);--faint: rgba(16, 16, 18, .44);--hair: rgba(16, 16, 18, .18);--veil: rgba(244, 244, 241, .86);--err: #a8322a;color-scheme:light;--hairline-plate: #eaeae4;--hairline-hi: #101012;--hairline-edge: #101012;--hairline-mid: #5a5a5e;--hairline-lo: #d2d2cc}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0;background:var(--ground);color:var(--ink);overflow:hidden;font-family:var(--latin);font-weight:300;-webkit-font-smoothing:antialiased;transition:background-color .5s ease,color .5s ease}canvas#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:var(--cur, grab)}canvas#c.drag{cursor:var(--grab, grabbing)}html,button,label,.seg,.mbar,.rail,#foot{touch-action:manipulation}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;letter-spacing:inherit;text-transform:inherit}button:disabled{opacity:.35;cursor:default}button:focus-visible,label:focus-within{outline:1px solid var(--dim);outline-offset:4px}input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.ui{transition:opacity .6s ease}body.hide-ui .ui{opacity:0;pointer-events:none}.brand,.foot,.corner,.rail{text-shadow:0 0 6px var(--ground),0 0 2px var(--ground)}.brand{position:fixed;left:var(--pad);top:calc(var(--pad) + env(safe-area-inset-top,0px));display:grid;gap:10px;z-index:3;pointer-events:none}.name{font-weight:500;font-size:15px;letter-spacing:.6em;display:flex;align-items:center;gap:10px}.pro-badge{font-size:8px;letter-spacing:.28em;padding:2px 6px;border:1px solid var(--hair);color:var(--dim)}.status{font-size:9px;letter-spacing:.3em;color:var(--faint);font-variant-numeric:tabular-nums;line-height:1.9;text-transform:uppercase;max-width:min(62vw,430px)}.corner{position:fixed;right:var(--pad);top:calc(var(--pad) + env(safe-area-inset-top,0px));z-index:3;pointer-events:none;display:grid;justify-items:center;gap:16px}.cjk,#paper,.corner-icon{width:28px;height:28px;display:grid;place-items:center;color:var(--ink);pointer-events:auto}.cjk{font-family:var(--cjk);font-size:26px;line-height:1;opacity:.85;pointer-events:none}#paper svg,.corner-icon svg{width:26px;height:26px;display:block}#paper svg{transition:transform .7s cubic-bezier(.3,.7,.2,1)}:root[data-paper=light] #paper svg{transform:rotate(180deg)}#paper .lightdot{fill:var(--ground)}.corner-icon{color:var(--dim);transition:color .2s}.corner-icon:hover{color:var(--ink)}.corner-btn{pointer-events:auto;font-size:8.5px;letter-spacing:.3em;color:var(--dim);display:flex;align-items:center;gap:6px;transition:color .2s}.corner-btn:hover{color:var(--ink)}.dao-mark{position:fixed;right:var(--pad);bottom:calc(var(--pad) + 84px + env(safe-area-inset-bottom,0px));z-index:4;width:46px;color:var(--ink);opacity:.55;pointer-events:none}.dao-mark svg{display:block;width:100%;height:auto}body.hide-ui .dao-mark{bottom:calc(var(--pad) + env(safe-area-inset-bottom,0px))}#veil{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible;mix-blend-mode:difference;opacity:0}#veil .thin{stroke:#fff;stroke-width:1;fill:none;opacity:.5;vector-effect:non-scaling-stroke}#hud{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.rail{position:fixed;left:var(--pad);top:50%;transform:translateY(-50%);z-index:3;display:grid;gap:10px;justify-items:start;max-height:calc(100% - 300px);overflow:auto;scrollbar-width:none;padding:9px 8px 3px 3px}.rail::-webkit-scrollbar{display:none}.pic{position:relative;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.3em;color:var(--faint);font-variant-numeric:tabular-nums}.pic .face{width:42px;height:42px;display:block;border:1px solid transparent;padding:2px;transition:border-color .3s,opacity .3s;opacity:.55}.pic .face img{width:100%;height:100%;display:block;object-fit:cover}.pic .face:hover{opacity:.9}.pic.on .face{border-color:var(--ink);opacity:1}.pic.on{color:var(--ink)}.pic.wait .face{opacity:.25}.pic .x{position:absolute;left:31px;top:-6px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;line-height:1;letter-spacing:0;padding:0;color:var(--ink);background:var(--ground);border:1px solid var(--hair);opacity:0;transition:opacity .3s;z-index:2}.pic:hover .x,.pic .x:focus-visible{opacity:1}.add{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--hair);color:var(--dim);cursor:pointer;transition:border-color .3s,color .3s}.add:hover{border-color:var(--dim);color:var(--ink)}.add[aria-disabled=true]{opacity:.3;pointer-events:none}.hint{position:fixed;left:50%;top:calc(var(--pad) * .42 + env(safe-area-inset-top,0px));transform:translate(-50%);font-size:10px;letter-spacing:.42em;color:var(--dim);pointer-events:none;transition:opacity .8s ease;text-align:center;line-height:2.2;z-index:3;padding-left:.42em;width:max-content;max-width:max(240px,calc(100vw - 600px));text-shadow:0 0 8px var(--ground)}.toast{position:fixed;left:50%;top:calc(var(--pad) + 64px);transform:translate(-50%);z-index:12;font-size:11px;letter-spacing:.14em;line-height:1.7;color:var(--ink);max-width:min(560px,calc(100vw - 32px));text-align:center;transition:opacity .5s;background:var(--veil);border:1px solid var(--hair);padding:8px 16px;display:flex;align-items:center;gap:8px}.toast.bad{color:var(--err)}.foot{position:fixed;left:var(--pad);right:var(--pad);bottom:calc(var(--pad) + env(safe-area-inset-bottom,0px));z-index:3;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 28px;font-size:10px;letter-spacing:.32em;color:var(--dim);pointer-events:none}.foot>*{pointer-events:auto}.foot button:hover:not(:disabled),.foot label:hover{color:var(--ink)}.transport{display:grid;gap:9px;justify-items:start;min-width:0}.transport-row{display:flex;align-items:center;gap:16px}.transport button,.transport label{display:flex;align-items:center;gap:8px;cursor:pointer}.key{color:var(--faint);font-size:8.5px;letter-spacing:.24em}.rdot{width:8px;height:8px;border-radius:50%;border:1px solid currentColor;display:block}.rdot.lit{background:var(--ink)}.rdot.rec-active{background:var(--err);border-color:var(--err);animation:blink 1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.score{flex:1 1 380px;max-width:660px;min-width:0;display:grid;gap:12px}.sens{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px 16px;font-size:9px;letter-spacing:.26em;color:var(--faint)}.sens label{display:flex;align-items:center;gap:8px;min-width:0}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-width:36px;height:16px;margin:0;background:transparent;cursor:ew-resize}input[type=range]::-webkit-slider-runnable-track{height:1px;background:var(--hair)}input[type=range]::-moz-range-track{height:1px;background:var(--hair)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;border-radius:50%;background:var(--ink);margin-top:-4px}input[type=range]::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:var(--ink)}.layers{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}.padbox{display:grid;gap:8px;justify-items:start;font-size:9px;letter-spacing:.26em;color:var(--faint)}#pad{width:66px;height:66px;display:block;cursor:crosshair;touch-action:none;overflow:hidden}#pad .fr{fill:none;stroke:var(--hair);stroke-width:1;vector-effect:non-scaling-stroke}#pad #pdSide{fill:var(--ink);opacity:.11}#pad #pdLine{stroke:var(--ink);stroke-width:1.2;vector-effect:non-scaling-stroke}#pad #pdStem{stroke:var(--dim);stroke-width:1;vector-effect:non-scaling-stroke}#pad #pdTip{fill:var(--ink)}#pad .end{fill:var(--ground);stroke:var(--ink);stroke-width:1;vector-effect:non-scaling-stroke}.modes{display:grid;gap:9px;justify-items:end}.seg{display:flex;align-items:center;gap:10px;font-size:9.5px;letter-spacing:.28em;color:var(--faint)}.seg button{padding-bottom:3px;border-bottom:1px solid transparent;color:var(--dim);font-variant-numeric:tabular-nums}.seg button.on{color:var(--ink);border-bottom-color:var(--dim)}.seg .sw{width:13px;height:13px;border-radius:50%;background:var(--c);border:0;padding:0;display:block;position:relative;cursor:pointer;outline:1px solid transparent;outline-offset:3px;transition:outline-color .3s}.seg .sw.on{outline-color:var(--dim)}.seg .sw:hover{outline-color:var(--faint)}.seg .sw.any{border:1px dashed var(--dim)}.seg .sw.any input{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);opacity:0;cursor:pointer;padding:0;border:0}.credits{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:var(--veil);padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cr-box{width:min(680px,100%);max-height:calc(100vh - 32px);overflow:auto;border:1px solid var(--hair);background:var(--ground);padding:24px 28px;display:grid;gap:20px;font-size:11px;line-height:1.7;color:var(--dim)}.cr-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.32em;color:var(--ink)}.hairline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px}.hairline-card{border:1px solid var(--hair);padding:12px;display:grid;gap:8px;background:#ffffff04}.hairline-card-title{font-size:9px;letter-spacing:.26em;color:var(--ink);display:flex;align-items:center;justify-content:space-between}.hairline-caption{font-size:9px;letter-spacing:.16em;color:var(--faint);min-height:1.5em}.cr-item{display:grid;gap:4px;border-top:1px solid var(--hair);padding-top:14px}.cr-name{color:var(--ink);font-weight:500;letter-spacing:.06em}.cr-lic{font-size:9.5px;letter-spacing:.24em;color:var(--faint);text-transform:uppercase}#drop{position:fixed;top:12px;right:12px;bottom:12px;left:12px;border:1px solid var(--dim);z-index:20;pointer-events:none;opacity:0;transition:opacity .2s;display:grid;place-items:center;font-size:11px;letter-spacing:.5em;color:var(--ink);background:var(--veil);text-align:center;padding:16px}body.dragging #drop{opacity:1}.mbar{display:none}@media(min-width:760px){body:after{content:"";position:fixed;left:0;right:0;bottom:0;height:calc(var(--stage-b, 170px) + 60px);z-index:2;pointer-events:none;background:linear-gradient(to top,var(--ground) 0%,color-mix(in srgb,var(--ground) 88%,transparent) 45%,transparent 100%)}}@media(max-width:760px){:root{--mbar-h: calc(102px + env(safe-area-inset-bottom, 0px)) }.brand{gap:4px}.name{font-size:13px;letter-spacing:.5em}.status{display:none}.corner{display:flex;align-items:center;gap:14px}.cjk,#paper,.corner-icon{width:24px;height:24px}.cjk{font-size:22px}#paper svg,.corner-icon svg{width:22px;height:22px}.rail{top:auto;bottom:calc(var(--mbar-h) + 10px);transform:none;display:flex;left:var(--pad);right:var(--pad);max-height:none;gap:8px;overflow-x:auto;overflow-y:hidden;padding-top:10px;height:76px}.pic{flex-direction:column;gap:4px}.mbar{display:grid;gap:6px;position:fixed;left:var(--pad);right:var(--pad);bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:7}.mrow{display:flex;gap:8px;height:48px}.mbtn{flex:1;height:48px;border:1px solid var(--hair);display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;letter-spacing:.28em;color:var(--ink);background:var(--veil)}#sheetBtn{height:34px;font-size:9.5px;letter-spacing:.34em;color:var(--dim);display:flex;align-items:center;justify-content:center;gap:8px}.foot{display:none}body.sheet .foot{display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:20px;left:0;right:0;bottom:var(--mbar-h);max-height:min(50dvh,calc(100dvh - var(--mbar-h) - 180px));overflow-y:auto;padding:20px var(--pad) 34px;background:var(--ground);border-top:1px solid var(--hair);z-index:6;pointer-events:auto}.sens{grid-template-columns:1fr;gap:12px}.layers{flex-direction:column;gap:14px}.modes{justify-items:start;gap:14px}}