:root{--desk:#ece3ef;--desk-deep:#ddd0e3;--desk-grid:#78609617;--paper:#fffdf8;--paper-warm:#fbf5ea;--paper-shade:#f1e9dc;--kraft:#d8bf98;--ink:#3a3242;--ink-soft:#6b6175;--ink-faint:#a49aae;--line:#50426429;--line-strong:#50426452;--hue-tomori:#6f8fb8;--hue-soyo:#c48f3e;--hue-anon:#e57ba0;--hue-rana:#7fa86a;--hue-taki:#7b5fb0;--tape-pink:#f0a0beb8;--tape-yellow:#f6d678b8;--tape-blue:#96bee6b8;--tape-green:#aace96bd;--tape-purple:#baa4e2b8;--tape-kraft:#d6bc92cc;--font-body:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", Georgia, serif;--font-hand:"Long Cang", "Caveat", "Kaiti SC", "STKaiti", "KaiTi", "Segoe Print", cursive;--font-latin-hand:"Caveat", "Long Cang", "Bradley Hand", "Kaiti SC", "STKaiti", "KaiTi", cursive;--font-mono:"JetBrains Mono", "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;--shadow-paper:0 1px 0 #fffc inset, 0 1px 2px #3c285014, 0 6px 14px -8px #3c285047;--shadow-lift:0 2px 4px #3c285014, 0 16px 28px -14px #3c285066;--shadow-sticker:0 0 0 3px #fff, 0 2px 6px #3c285038;--drop-paper:drop-shadow(0 1px 1px #3c28501f) drop-shadow(0 6px 8px #3c285024);--dur-fast:.12s;--dur:.18s;--dur-slow:.26s;--ease-paper:cubic-bezier(.2, .8, .2, 1);--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--spine-width:248px;--canvas-max:1240px;--gutter:clamp(20px, 2.6vw, 40px);--c-accent:var(--hue-tomori);--c-accent-deep:#3f5f88;--c-accent-soft:#dbe5f1;--c-accent-wash:#eef3f9;--c-paper:var(--paper);--c-rule:#6f8fb82e;--c-heading-font:var(--font-hand);--c-radius:4px;--c-tilt:1;--c-tape:var(--tape-blue)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;font-family:var(--font-body);color:var(--ink);background-color:var(--desk);background-image:linear-gradient(var(--desk-grid) 1px, transparent 1px), linear-gradient(90deg, var(--desk-grid) 1px, transparent 1px);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-size:24px 24px;font-size:14px;line-height:1.6}h1,h2,h3,h4,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px dashed var(--c-accent-deep);outline-offset:3px;border-radius:3px}::selection{background:var(--c-accent-soft)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hand{font-family:var(--font-hand);letter-spacing:.02em;font-weight:400}.latin-hand{font-family:var(--font-latin-hand)}.mono{font-family:var(--font-mono);font-feature-settings:"zero" 1}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:padding-box;border:3px solid #0000;border-radius:10px}.page-turn-enter-active{transition:opacity var(--dur-slow) var(--ease-paper), transform var(--dur-slow) var(--ease-paper)}.page-turn-leave-active{transition:opacity var(--dur-fast) ease-in, transform var(--dur-fast) ease-in}.page-turn-enter-from{opacity:0;transform-origin:0 0;transform:translate(14px)rotate(.4deg)}.page-turn-leave-to{opacity:0;transform:translate(-8px)}.paper-drop-enter-active,.paper-drop-leave-active{transition:opacity var(--dur) var(--ease-paper), transform var(--dur-slow) var(--ease-pop)}.paper-drop-leave-active{transition-duration:var(--dur-fast)}.paper-drop-enter-from,.paper-drop-leave-to{opacity:0;transform:translateY(-18px)rotate(-1.6deg)scale(.98)}.drawer-pull-enter-active,.drawer-pull-leave-active{transition:transform var(--dur-slow) var(--ease-paper), opacity var(--dur) ease}.drawer-pull-enter-from,.drawer-pull-leave-to{opacity:.4;transform:translate(104%)rotate(2deg)}.index-flip-enter-active{transition:transform var(--dur-slow) var(--ease-paper), opacity var(--dur) ease}.index-flip-leave-active{transition:transform var(--dur-fast) ease-in, opacity var(--dur-fast) ease-in}.index-flip-enter-from,.index-flip-leave-to{opacity:0;transform:perspective(1200px)rotateX(-62deg)}.fade-enter-active,.fade-leave-active{transition:opacity var(--dur) ease}.fade-enter-from,.fade-leave-to{opacity:0}.drop-in-enter-active{transition:transform var(--dur-slow) var(--ease-pop), opacity var(--dur) ease}.drop-in-leave-active{transition:transform var(--dur) ease-in, opacity var(--dur) ease-in;position:absolute}.drop-in-enter-from{opacity:0;transform:translateY(-22px)rotate(-8deg)scale(.9)}.drop-in-leave-to{opacity:0;transform:scale(.9)}.drop-in-move{transition:transform var(--dur-slow) var(--ease-paper)}@keyframes stamp-pop{0%{opacity:0;transform:scale(1.8)rotate(-18deg)}60%{opacity:1;transform:scale(.92)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(-10deg)}}@keyframes beat-pulse{0%{transform:scale(1)}35%{transform:scale(.94)}to{transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(0)}30%{transform:rotate(-6deg)}70%{transform:rotate(5deg)}}@keyframes paw-in{0%{opacity:0;transform:scale(.4)}to{opacity:.55;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}[data-character=tomori]{--c-accent:var(--hue-tomori);--c-accent-deep:#3f5f88;--c-accent-soft:#dbe5f1;--c-accent-wash:#eef3f9;--c-paper:#fdfcf7;--c-rule:#6f8fb833;--c-heading-font:var(--font-hand);--c-radius:3px;--c-tilt:1;--c-tape:var(--tape-blue);--c-pattern:linear-gradient(90deg, transparent 63px, #d68c9659 63px, #d68c9659 64px, transparent 64px), repeating-linear-gradient(transparent 0 31px, var(--c-rule) 31px 32px)}[data-character=soyo]{--c-accent:var(--hue-soyo);--c-accent-deep:#85591d;--c-accent-soft:#f1e1c2;--c-accent-wash:#faf4e7;--c-paper:#fbf7ee;--c-rule:#966e3229;--c-heading-font:var(--font-serif);--c-radius:2px;--c-tilt:0;--c-tape:var(--tape-kraft);--c-pattern:repeating-linear-gradient(0deg, #966e3206 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, #966e3206 0 1px, transparent 1px 3px)}[data-character=anon]{--c-accent:var(--hue-anon);--c-accent-deep:#bd4b74;--c-accent-soft:#fbd7e4;--c-accent-wash:#fff1f6;--c-paper:#fffbfc;--c-rule:#e57ba038;--c-heading-font:var(--font-body);--c-radius:14px;--c-tilt:1.4;--c-tape:var(--tape-pink);--c-pattern:radial-gradient(circle, var(--c-rule) 1.1px, transparent 1.4px);--c-pattern-size:20px 20px}[data-character=rana]{--c-accent:var(--hue-rana);--c-accent-deep:#4b763c;--c-accent-soft:#dce9d0;--c-accent-wash:#f2f7eb;--c-paper:#fbfbf4;--c-rule:#7fa86a2e;--c-heading-font:var(--font-hand);--c-radius:8px;--c-tilt:2.2;--c-tape:var(--tape-green);--c-pattern:radial-gradient(circle at 20% 30%, #7fa86a1a 1.5px, transparent 2px), radial-gradient(circle at 70% 80%, #78645014 1px, transparent 1.6px);--c-pattern-size:140px 110px}[data-character=taki]{--c-accent:var(--hue-taki);--c-accent-deep:#4a3376;--c-accent-soft:#e2daf1;--c-accent-wash:#f5f2fa;--c-paper:#fdfcff;--c-rule:#5a468c1f;--c-heading-font:var(--font-body);--c-radius:0px;--c-tilt:0;--c-tape:var(--tape-purple);--ink:#2a2433;--c-pattern:linear-gradient(90deg, #5a468c1a 1px, transparent 1px), linear-gradient(90deg, #5a468c09 1px, transparent 1px);--c-pattern-size:96px 100%, 24px 100%}[data-character=taki][data-variant=neutral]{--c-accent:#5f6670;--c-accent-deep:#343a42;--c-accent-soft:#e2e4e6;--c-accent-wash:#f3f3f1;--c-paper:#fcfcfb;--c-rule:#3c424a1f;--c-tape:#c8c8c4bf;--c-pattern:linear-gradient(90deg, #3c424a17 1px, transparent 1px), linear-gradient(90deg, #3c424a08 1px, transparent 1px)}:root[data-theme=rehearsal]{--desk:#3a3344;--desk-deep:#2c2735;--desk-grid:#ffffff0b}:root[data-theme=rehearsal] .topline{--ink-soft:#d8cfe2;--ink-faint:#a99fb6}:root[data-theme=rehearsal] .tool-toggle{color:#d8cfe2}:root[data-theme=daylight]{--desk:#f3efe6;--desk-deep:#e7e1d4;--desk-grid:#96785012}:root[data-motion=off] *,:root[data-motion=off] :before,:root[data-motion=off] :after{transition:none!important;animation:none!important}:root[data-motion=off] .paw,:root[data-motion=off] .paw-step{opacity:.55}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}:root[data-density=compact]{--gutter:clamp(14px, 1.6vw, 24px)}:root[data-density=compact] .canvas__sheet{padding:22px 26px 30px!important}:root[data-hand=off]{--font-hand:var(--font-body);--font-latin-hand:var(--font-body)}:root{--dock-h:60px}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.shell>.desk{overflow-x:clip}@media (width<=1023px){html{-webkit-tap-highlight-color:#7860961f}html.is-typing .m-dock,html.is-typing .m-chapter{pointer-events:none;translate:0 calc(100% + 20px)}html.is-typing .shell>.desk{padding-bottom:24px}}@media (width<=1023px) and (pointer:coarse){input:not([type=checkbox],[type=radio],[type=range]),textarea,select{font-size:max(16px,1em)}}.m-sheet__close,.m-sheet-backdrop{display:none}@media (width<=1023px){.m-sheet{z-index:50;overscroll-behavior:contain;max-height:calc(100dvh - 48px);padding-bottom:calc(14px + env(safe-area-inset-bottom));visibility:hidden;transition:translate var(--dur-slow) var(--ease-paper), visibility 0s linear var(--dur-slow);border-radius:10px 10px 0 0;bottom:0;left:0;right:0;overflow-y:auto;translate:0 105%;margin:0!important;position:fixed!important;top:auto!important}.m-sheet.is-open{visibility:visible;transition:translate var(--dur-slow) var(--ease-paper);translate:0;box-shadow:0 -10px 30px -12px #3c285073}.m-sheet-backdrop{z-index:49;background:#3a324247;display:block;position:fixed;inset:0}.m-sheet__close{width:44px;height:44px;color:var(--ink-soft);background:color-mix(in srgb, var(--c-paper,#fff) 85%, transparent);z-index:3;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}}@media (prefers-reduced-motion:reduce){.m-sheet{transition:none!important}}.scroll-x{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;overflow-x:auto}
