.back-pill{color:#ece2cf;letter-spacing:.04em;white-space:nowrap;border:1px solid #ece2cf4d;border-radius:15px;align-items:center;gap:7px;max-width:240px;height:30px;padding:0 12px 0 5px;font:400 12.5px/1 Noto Sans SC,PingFang SC,sans-serif;transition:background .25s,border-color .25s,color .25s;animation:.6s cubic-bezier(.16,1,.3,1) .15s both back-in;display:inline-flex}.back-pill i{background:#c9603d;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:grid}.back-pill svg{fill:none;stroke:#fff;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:10px;height:10px}.back-pill span{color:#ece2cf99}.back-pill b{text-overflow:ellipsis;min-width:0;font-weight:500;overflow:hidden}.back-pill:hover{background:#ece2cf14;border-color:#ece2cf8c}.back-pill:hover i{transform:translate(-3px)}.back-pill.is-paper{color:#2b2a27;border-color:#cfc0a2}.back-pill.is-paper span{color:#5d5850}.back-pill.is-paper:hover{background:#2b2a270f;border-color:#9c968b}@keyframes back-in{0%{opacity:0;clip-path:inset(0 100% 0 0 round 15px);transform:translate(-14px)}to{opacity:1;clip-path:inset(0 round 15px);transform:none}}@media (prefers-reduced-motion:reduce){.back-pill{animation:none}}.auth{--panel-ink:#2b2a27;--panel-soft:#5d5850;--panel-indigo:#26364f;--panel-cinnabar:#c2603d;z-index:90;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.auth-backdrop{cursor:default;background:#ebe2cfdb;position:absolute;inset:0}.panel{color:var(--panel-ink);width:min(420px,100%);height:520px;margin-top:56px;position:relative}.panel-cat-clip{z-index:4;pointer-events:none;width:150px;height:96px;margin-left:-75px;position:absolute;bottom:100%;left:50%;overflow:hidden}.panel-cat{width:120px;height:84px;position:absolute;bottom:-12px;left:15px;overflow:visible}.panel-fill{z-index:1;will-change:clip-path;background:#fffdf8;border-radius:3px;position:absolute;inset:0;box-shadow:0 30px 70px -36px #281e0f8c}.panel-outline{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.panel-outline rect,.panel-outline line{fill:none;stroke:#9c968b;stroke-width:1px;stroke-dasharray:1;vector-effect:non-scaling-stroke}.panel-outline line{stroke:#ddd5c6}.panel-body{z-index:2;flex-direction:column;height:100%;display:flex;position:relative}.panel-head{align-items:center;gap:14px;height:18.5%;padding:0 22px 0 26px;display:flex}.panel-head h2{font:600 24px/1 var(--sans);letter-spacing:.12em;flex:1}.panel-close{border-radius:3px;place-items:center;width:34px;height:34px;transition:background .2s;display:grid}.panel-close:hover{background:#f1ebdf}.panel-close svg{fill:none;width:12px;height:12px;stroke:var(--panel-ink);stroke-width:1.6px;stroke-linecap:round}.panel-form{flex-direction:column;flex:1;padding:30px 26px 0;display:flex}.field{margin-bottom:26px;display:block;position:relative}.field span{font:500 13px/1 var(--sans);letter-spacing:.14em;color:var(--panel-soft);display:block}.field input{width:100%;height:44px;font:400 17px/1 var(--sans);color:var(--panel-ink);letter-spacing:.04em;background:0 0;border:0;outline:0}.field-line{transform-origin:0;background:repeating-linear-gradient(90deg,#a69f92 0 5px,#0000 5px 9px);height:1px;position:absolute;bottom:0;left:0;right:0}.field:focus-within .field-line{background:var(--panel-indigo);height:1.5px}.field-aside.is-hidden{visibility:hidden}.field-aside{font:400 13px/1.4 var(--sans);letter-spacing:.04em;color:var(--panel-soft);align-self:flex-end;margin:-14px 0 18px}.field-aside:hover{color:var(--panel-ink);text-underline-offset:3px;text-decoration:underline}.panel-submit{background:var(--panel-indigo);color:#fff;height:50px;font:500 16px/1 var(--sans);letter-spacing:.3em;border-radius:3px;justify-content:center;align-items:center;gap:12px;margin-top:6px;transition:background .3s;display:inline-flex}.panel-submit:hover{background:#1f2d43}.panel-submit:disabled{opacity:.65;cursor:wait}.panel-submit i{background:var(--panel-cinnabar);border-radius:2px;place-items:center;width:30px;height:30px;display:grid}.panel-submit svg{fill:none;stroke:#fff;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.panel-note{text-align:center;min-height:28px;font:500 14px/1.5 var(--sans);letter-spacing:.04em;color:#9c4524;margin-top:12px}.panel-foot{height:13%;font:400 14px/1 var(--sans);color:var(--panel-soft);justify-content:center;align-items:center;gap:8px;display:flex}.panel-foot button{color:var(--panel-indigo);border-bottom:1px solid;padding-bottom:2px;font-weight:600}.panel .mark .tile>rect{fill:var(--panel-indigo)}.panel .mark .g,.panel .mark .b{fill:#fbf7ee}.panel .mark .b{fill:var(--panel-indigo)}.panel .mark .t1 .g{fill:var(--panel-cinnabar)}.panel .hand{font-family:Long Cang,Kaiti SC,STKaiti,cursive;font-weight:400}.panel button{font:inherit;cursor:pointer;background:0 0;border:0}.panel .panel-submit{background:var(--panel-indigo);font:500 16px/1 var(--sans,"Noto Sans SC", sans-serif)}.panel .panel-submit:hover{background:#1f2d43}:root{--paper:#ebe2cf;--paper-line:#5a482c12;--ink:#2b2a27;--ink-soft:#5d5850;--mute:#8a8274;--indigo:#26364f;--indigo-hi:#3c5578;--cinnabar:#c2603d;--celadon:#8a9f8f;--kraft:#d9c29c;--kraft-deep:#c6a77b;--card:#fbf7ee;--sans:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--serif:"Noto Serif SC", "Songti SC", serif;--hand:"Long Cang", "Kaiti SC", "STKaiti", cursive;--mono:"JetBrains Mono", ui-monospace, monospace;--grid:linear-gradient(var(--paper-line) 1px, transparent 1px), linear-gradient(90deg, var(--paper-line) 1px, transparent 1px);--ease:cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--paper);background-image:var(--grid);scrollbar-width:none;background-size:10px 10px;overflow-x:clip}html::-webkit-scrollbar{display:none}body{color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}html.is-loading{overflow:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.hand{font-family:var(--hand);font-weight:400}:focus-visible{outline:2px solid var(--cinnabar);outline-offset:3px}.preloader{z-index:100;background-color:var(--paper);background-image:var(--grid);background-size:10px 10px;place-content:center;justify-items:center;gap:22px;display:grid;position:fixed;inset:0}.page:not(.is-booted) .topbar{visibility:hidden}.preloader-count{font:500 12px/1 var(--mono);letter-spacing:.2em;color:var(--ink-soft)}.mark .tile>rect{fill:var(--indigo)}.mark .g{fill:var(--card)}.mark .b{fill:var(--indigo)}.mark .t1 .g{fill:var(--cinnabar)}.topbar{z-index:70;pointer-events:none;height:92px;position:fixed;inset:0 0 auto}.topbar>*{pointer-events:auto}.coords{color:var(--ink);gap:2px;font-size:15px;line-height:1;display:grid;position:absolute;top:22px;left:22px}.coords b{font-variant-numeric:tabular-nums;min-width:3.2em;font-weight:400;display:inline-block}.login{border-bottom:1px solid #0000;padding:4px 2px;font-size:20px;line-height:1;transition:border-color .3s;position:absolute;top:24px;right:24px}.login:hover{border-color:var(--ink)}.navbox{width:640px;height:60px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.navbox-line{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.navbox-line rect{fill:none;stroke:#9c968b;stroke-width:1px;stroke-dasharray:1;vector-effect:non-scaling-stroke}.navbox-body{background:#fffdf8;border-radius:2px;justify-content:space-between;align-items:center;padding:0 8px 0 12px;display:flex;position:absolute;inset:0}.page:not(.is-booted) .navbox-body,.page:not(.is-booted) .navbox-line{visibility:hidden}.brand{align-items:center;gap:12px;display:flex}.wordmark{font:700 21px/1 var(--serif);letter-spacing:.14em}.navbox ul{font:500 15px/1 var(--sans);letter-spacing:.06em;color:#414141;gap:28px;list-style:none;display:flex}.cta{background:var(--indigo);color:#fff;height:44px;font:500 14px/1 var(--sans);letter-spacing:.12em;border-radius:3px;align-items:center;gap:10px;padding:0 16px 0 8px;display:inline-flex}.cta i,.plan-action i{background:var(--cinnabar);border-radius:2px;place-items:center;width:28px;height:28px;display:grid}.cta svg,.plan-action svg{fill:none;stroke:#fff;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px;transition:transform .3s var(--ease)}.cta:hover svg,.plan-action:hover svg{transform:translate(2px)}.roll{--roll:calc(100% + 2px + .2em);vertical-align:top;padding:2px 0;display:inline-block;position:relative;overflow:hidden}.roll>span{transition:transform .45s var(--ease);display:block}.roll-b{transform:translateY(var(--roll));color:var(--indigo-hi);position:absolute;inset:2px 0 auto}.cta .roll-b{color:#f5d9b8}a:hover .roll-a{transform:translateY(calc(-1 * var(--roll)))}a:hover .roll-b{transform:translateY(0)}.stage{height:100svh;position:relative;overflow:hidden}.hero-copy{z-index:3;pointer-events:none;justify-content:center;display:flex;position:absolute;top:104px;left:0;right:0}.hero-title{font:500 clamp(56px, 8.2vw, 132px)/1.02 var(--sans);letter-spacing:.02em;color:#373737;text-align:center;position:relative}.hero-title .t-line{display:block}.hero-title .ch{display:inline-block}.t-stroke{color:#0000;-webkit-text-stroke:1px #37373773;position:absolute;inset:0;transform:translate(3px,3px)}.t-fill{display:block;position:relative}.page:not(.is-booted) .ch,.page:not(.is-booted) .note,.page:not(.is-booted) .scene-rise{opacity:0}.note{color:var(--ink-soft);white-space:nowrap;font-size:clamp(18px,1.6vw,24px);line-height:1;position:absolute}.note-left{margin-right:18px;top:18%;right:100%;transform:rotate(-6deg)}.note-left svg{fill:none;width:100%;height:10px;stroke:var(--cinnabar);stroke-width:2px;stroke-linecap:round;margin-top:4px;display:block}.note-right{margin-left:16px;bottom:14%;left:100%;transform:rotate(4deg)}.scene-frame{z-index:2;will-change:clip-path;position:absolute;inset:0}.scene-rise,.scene{width:100%;height:100%}.scene-rise{position:relative}.scene-grain{mix-blend-mode:multiply;opacity:.16;pointer-events:none;background-size:256px 256px;position:absolute;inset:0}.scene svg{width:100%;height:100%;display:block}.captions{z-index:4;pointer-events:none;position:absolute;bottom:clamp(20px,6vh,64px);left:clamp(16px,4vw,56px)}.caption{background:#fbf7eee6;border-radius:4px;width:max-content;max-width:86vw;padding:18px 24px 20px;position:absolute;bottom:0;left:0;box-shadow:0 18px 40px -24px #281e0f80}.caption p{color:var(--cinnabar);font-size:20px;line-height:1}.caption h2{font:600 clamp(24px, 2.4vw, 38px)/1.3 var(--serif);letter-spacing:.06em;margin-top:10px}.folder{z-index:5;transform-origin:30% 0;margin:-40px 0 0;position:relative}.folder-tab{z-index:1;background:var(--kraft);height:52px;font:500 14px/1 var(--sans);letter-spacing:.3em;color:var(--ink-soft);border-radius:14px 14px 0 0;align-items:center;margin-left:clamp(16px,5vw,72px);padding:0 44px 10px;display:inline-flex;position:relative}.folder-body{background:var(--kraft);border-radius:6px 6px 0 0;margin-top:-10px;padding:clamp(56px,9vh,104px) clamp(16px,5vw,72px) clamp(72px,12vh,140px);position:relative;box-shadow:0 -18px 40px -30px #281e0f80}.pricing-lead{text-align:center;font:600 clamp(22px, 2.2vw, 32px)/1.4 var(--sans);letter-spacing:.04em}.plans{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1080px;margin:clamp(40px,7vh,72px) auto 0;display:grid}.plan{flex-direction:column;align-items:center;padding:44px 32px 40px;display:flex;box-shadow:0 24px 50px -30px #281e0f8c}.plan:first-child{margin-top:18px;transform:rotate(-1.5deg)}.plan:nth-child(2){z-index:1;position:relative}.plan:nth-child(3){margin-top:10px;transform:rotate(1.2deg)}.plan-paper{background:var(--card)}.plan-cinnabar{background:var(--cinnabar);color:#fff7ee}.plan-indigo{background:var(--indigo);color:#f1ece2}.plan h3{font:600 28px/1.2 var(--sans);letter-spacing:.1em}.plan-price{font:500 22px/1 var(--sans);letter-spacing:.04em;opacity:.9;margin-top:10px}.plan-price span{opacity:.75;font-size:14px}.plan ul{width:100%;font:400 15px/1.5 var(--sans);margin:32px 0 36px;list-style:none}.plan li{border-bottom:1px dashed #7f6e5559;padding:11px 0 11px 26px;position:relative}.plan-cinnabar li,.plan-indigo li{border-color:#ffffff4d}.plan li:before{content:"";border:0 solid;border-width:0 0 1.6px 1.6px;width:9px;height:5px;position:absolute;top:17px;left:4px;transform:rotate(-45deg)}.plan-action{height:44px;color:var(--ink);font:500 14px/1 var(--sans);letter-spacing:.12em;background:#fffdf8;border-radius:3px;align-items:center;gap:12px;margin-top:auto;padding:0 20px 0 8px;transition:box-shadow .3s;display:inline-flex;box-shadow:3px 3px #281e0f40}.plan-action:hover{box-shadow:5px 5px #281e0f4d}.pricing-note{text-align:center;font:400 13px/1 var(--sans);letter-spacing:.14em;color:var(--ink-soft);margin-top:40px}.folder-faq .folder-tab,.folder-faq .folder-body{background:var(--kraft-deep)}.folder-faq .folder-tab{margin-left:clamp(120px,22vw,360px)}.faq-body{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.faq-note{color:var(--ink-soft);border-bottom:1.5px solid;font-size:24px;display:inline-block;transform:rotate(-4deg)}.faq-head h2{font:600 clamp(56px, 7vw, 112px)/1 var(--sans);letter-spacing:.02em;margin-top:20px}.faq-mail{background:var(--card);margin-top:32px;padding:10px 18px;font-size:22px;display:inline-block;transform:rotate(-2deg);box-shadow:3px 3px #281e0f33}.faq-list{list-style:none}.faq-list li{border-bottom:1.5px dashed #3c2d1966}.faq-list button{text-align:left;width:100%;font:500 clamp(17px, 1.5vw, 21px)/1.5 var(--sans);letter-spacing:.03em;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;display:flex}.faq-list i{background:var(--card);border-radius:3px;flex:none;place-items:center;width:30px;height:30px;display:grid;box-shadow:2px 2px #281e0f33}.faq-list i svg{fill:none;width:12px;height:12px;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s var(--ease)}.faq-list li.is-open i svg{transform:rotate(180deg)}.faq-answer{transition:grid-template-rows .45s var(--ease);grid-template-rows:0fr;display:grid}.faq-answer p{font:400 16px/1.8 var(--sans);color:var(--ink-soft);overflow:hidden}.faq-list li.is-open .faq-answer{grid-template-rows:1fr}.faq-list li.is-open .faq-answer p{padding-bottom:24px}.footer{z-index:6;background:var(--indigo);color:#e9e2d4;padding:clamp(80px,14vh,160px) clamp(16px,5vw,72px) 40px;position:relative}.footer-card{background:#1f2d43;border-radius:4px;grid-template-columns:1fr auto;gap:40px 60px;max-width:1180px;margin:0 auto;padding:clamp(40px,6vw,72px);display:grid;position:relative;overflow:hidden}.footer-word{font:700 clamp(160px, 24vw, 360px)/1 var(--serif);color:#0000;-webkit-text-stroke:1px #e9e2d424;pointer-events:none;position:absolute;bottom:-24%;right:-2%}.footer-line{font:600 clamp(24px, 2.6vw, 38px)/1.4 var(--serif);letter-spacing:.06em;position:relative}.footer-links{font:400 14px/2 var(--sans);gap:56px;display:flex;position:relative}.footer-links div{display:grid}.footer-links b{color:var(--cinnabar);letter-spacing:.14em;font-weight:500}.footer-links a{opacity:.85;transition:opacity .2s}.footer-links a:hover{opacity:1}.footer-copy{font:400 12px/1 var(--mono);letter-spacing:.14em;opacity:.55;grid-column:1/-1;position:relative}@media (width<=820px){.coords{display:none}.login{font-size:18px;top:18px;right:16px}.navbox{width:auto;height:54px;top:12px;left:12px;right:70px;transform:none}.navbox ul{display:none}.wordmark{font-size:19px}.cta{height:40px}.hero-copy{top:92px}.note-left{margin:0;top:-30px;left:0;right:auto}.note-right{margin:0;bottom:-30px;left:auto;right:0}.caption{padding:14px 18px 16px}.plans{grid-template-columns:1fr;gap:20px;max-width:420px}.plan:nth-child(n){margin-top:0;transform:none}.faq-body,.footer-card{grid-template-columns:1fr}.footer-links{gap:32px}}@media (prefers-reduced-motion:reduce){.roll>span,.faq-answer{transition:none}}.rail{z-index:75;touch-action:none;cursor:pointer;justify-content:center;width:14px;transition:opacity .4s;display:flex;position:fixed;top:96px;bottom:24px;right:6px}.rail:before{content:"";background:#5a482c2e;width:1px;position:absolute;top:0;bottom:0}.rail-thumb{will-change:transform;background:#2b2a278c;border-radius:3px;width:3px;transition:width .2s,background .2s;position:absolute;top:0}.rail:hover .rail-thumb,.rail.is-dragging .rail-thumb{background:var(--indigo);width:6px}.rail.is-idle:not(:hover){opacity:0}.page:not(.is-booted) .rail,.rail.is-off{opacity:0;pointer-events:none}@media (pointer:coarse){.rail{display:none}}