:root{color-scheme:dark;--bg: #1A1412;--surround: #0F0B09;--ink: #140E12;--ink-text: #2A1A12;--paper: #F2E8D0;--paper-hi: #FBF7EC;--page: #E9DCBF;--muted: #6B5A45;--muted-2: #5C4B36;--brick: #8E2A20;--blue: #2F5FA8;--blue-ink: #2A5596;--haldi: #E3AE3E;--brass: #E2B15A;--green: #2E6E4C;--cream: #F6EFE0;--chat-text: #F3EAD9;--label-dim: #BFAF96;--soft-cream: #E8DCC4;--tag: #E9DDC2;--react-bg: #EFE3C6;--tape: rgba(232, 217, 168, .85);--rule: rgba(60, 100, 170, .28);--margin-line: rgba(200, 60, 50, .5);--tray: repeating-linear-gradient(90deg, rgba(255,255,255,.08) 0 1px, rgba(255,255,255,0) 1px 3px), linear-gradient(180deg, #C2C7CB, #80868B);--field: #F5EBD6;--danger: #8E2A20;--ok: #2E6E4C;--focus: #E3AE3E;--display: "Rozha One", Georgia, "Times New Roman", serif;--hand: "Kalam", "Comic Sans MS", cursive;--body: "Patrick Hand", "Kalam", "Comic Sans MS", cursive;--frame-w: 480px}[data-skin=midnight],[data-skin=graphite]{--bg: #0E1322;--surround: #080B15;--ink: rgba(255, 255, 255, .14);--ink-text: #EEF0F5;--paper: #1C2542;--paper-hi: #232D4B;--page: #161E38;--muted: #A6B0CE;--muted-2: #8C96B5;--brick: #E8A5AA;--blue: #6F8EE8;--blue-ink: #9DB4EA;--haldi: #E2BE6E;--brass: #E2BE6E;--green: #6FC495;--cream: #EEF0F5;--chat-text: #EEF0F5;--label-dim: #8C96B5;--soft-cream: #A6B0CE;--tag: #232D4B;--react-bg: #2A345A;--tape: rgba(255, 255, 255, .08);--rule: rgba(255, 255, 255, .04);--margin-line: rgba(255, 255, 255, 0);--tray: linear-gradient(180deg, #212A4A, #1A2240);--field: #111830;--danger: #E8A5AA;--ok: #6FC495;--display: "Unbounded", "Plus Jakarta Sans", system-ui, sans-serif;--hand: "Plus Jakarta Sans", system-ui, sans-serif;--body: "Plus Jakarta Sans", system-ui, sans-serif;--orb1: #6F8EE8;--orb2: #B07ADF}[data-skin=graphite]{--bg: #101115;--surround: #08090B;--paper: #1C1E26;--paper-hi: #22252F;--page: #15171D;--muted: #A0A3AF;--muted-2: #8C8F9B;--tag: #22252F;--react-bg: #292C37;--tray: linear-gradient(180deg, #292C37, #21232C);--field: #15171D;--orb1: #7E9CE0;--orb2: #DD7A80}*{box-sizing:border-box}html,body{height:100%;overflow:hidden;touch-action:pan-x pan-y}body{position:fixed;inset:0;width:100%}body{margin:0;background:var(--surround);color:var(--chat-text);font-family:var(--body);font-size:17px;line-height:1.4;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px dashed var(--focus);outline-offset:2px}.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#app{height:100%;display:flex;justify-content:center}.frame img{max-width:none}html[data-kb] #app{position:fixed;left:0;right:0;top:var(--vvt, 0px);height:var(--vvh, 100%)}.frame{position:relative;width:100%;max-width:var(--frame-w);height:100%;overflow:hidden;background:var(--bg);isolation:isolate}@media(min-width:560px){.frame{box-shadow:0 0 0 1px #ffffff0a,0 30px 80px #0009}}.pt{position:relative}.pt>.pf,.pt>.pi{position:absolute;inset:0;pointer-events:none;border-radius:inherit}.pi{border:1.6px solid var(--ink)}.pi:after{content:"";position:absolute;inset:-2.5px;border:inherit;border-radius:inherit;opacity:.32;transform:rotate(-.35deg) translate(.8px,.5px);pointer-events:none}[data-skin=midnight] .pi:after,[data-skin=graphite] .pi:after{display:none}.frame [filter],.frame .art *{filter:none!important}.pt>.pc{position:relative}.pt.fillcol>.pc{display:flex;flex-direction:column;flex:1;min-height:0}.taped>.pc{display:block;height:100%}[data-skin=midnight] .pf,[data-skin=graphite] .pf,[data-skin=midnight] .pi,[data-skin=graphite] .pi,[data-skin=midnight] .art *,[data-skin=graphite] .art *{filter:none!important}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 18px;border:0;background:transparent;font-family:var(--body);font-size:18px;font-weight:700;line-height:1.1;text-decoration:none;border-radius:12px 16px 14px}.btn:disabled{opacity:.45;cursor:default}.btn.sm{min-height:40px;padding:0 14px;font-size:16px}.btn.full{width:100%}.btn .pc{display:inline-flex;align-items:center;gap:8px}.btn:not(:disabled):active{transform:scale(.94)}.btn,.round-btn,.sq{transition:transform .12s cubic-bezier(.3,.7,.4,1)}.round-btn:active,.sq:active{transform:scale(.94)}.round-btn{width:44px;height:44px;padding:0;border:0;background:transparent;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.round-btn svg{display:block}.linklike{border:0;background:transparent;padding:6px 0;font-family:var(--hand);font-weight:700;font-size:16px;color:var(--blue-ink);text-align:left}.notebook{position:relative;color:var(--ink-text);--rule-gap: 28px}.notebook>.nb-paper{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 34px,var(--margin-line) 34px 35.5px,transparent 35.5px),repeating-linear-gradient(180deg,transparent 0 calc(var(--rule-gap) - 1px),var(--rule) calc(var(--rule-gap) - 1px) var(--rule-gap)),var(--paper);background-blend-mode:normal;border-radius:4px 6px 4px 7px}.notebook>.nb-paper:after{content:"";position:absolute;inset:0;border-radius:inherit;background:url(/assets/grain-C7QiN-fm.png);opacity:.8}.notebook>.nb-ink{position:absolute;inset:0;border:1.6px solid var(--ink);border-radius:4px 6px 4px 7px;pointer-events:none}.notebook>.nb-in{position:relative}[data-skin=midnight] .notebook>.nb-paper,[data-skin=graphite] .notebook>.nb-paper{filter:none;background:linear-gradient(180deg,var(--paper-hi),var(--paper));border-radius:22px;box-shadow:inset 0 1px #ffffff0f,0 20px 40px -18px #000000b3}[data-skin=midnight] .notebook>.nb-ink,[data-skin=graphite] .notebook>.nb-ink{border-color:#ffffff12;border-radius:22px}.torn-top{position:absolute;left:0;right:0;top:-10px;height:16px;pointer-events:none}[data-skin=midnight] .torn-top,[data-skin=graphite] .torn-top{display:none}.form-label{font-family:var(--body);font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}.ink-input{width:100%;height:46px;border:0;background:transparent;outline:none;font-family:var(--hand);font-size:21px;color:var(--ink-text);padding:0 2px}.ink-input::placeholder{color:#9a8a72}[data-skin=midnight] .ink-input::placeholder,[data-skin=graphite] .ink-input::placeholder{color:#5e6888}.under{display:block;width:100%;height:5px;margin-top:-4px}.h-display{font-family:var(--display);font-weight:400;line-height:1.02;margin:0;color:var(--brick);text-wrap:balance}[data-skin=midnight] .h-display,[data-skin=graphite] .h-display{font-weight:600;color:var(--ink-text);letter-spacing:-.01em}.hand{font-family:var(--hand)}.muted{color:var(--muted)}.grain{position:absolute;inset:0;pointer-events:none;z-index:50;opacity:.75;background:url(/assets/grain-C7QiN-fm.png);background-size:96px 96px}[data-skin=midnight] .grain,[data-skin=graphite] .grain{display:none}.screen{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden}.screen.enter{animation:scrIn .7s cubic-bezier(.3,.8,.3,1) both}@keyframes scrIn{0%{opacity:0;transform:translate(64px)}to{opacity:1;transform:none}}@keyframes scrBack{0%{opacity:0;transform:translate(-48px)}to{opacity:1;transform:none}}@keyframes scrFade{0%{opacity:0}to{opacity:1}}html[data-nav=back] .screen.enter{animation-name:scrBack}html[data-nav=tab] .screen.enter{animation:scrFade .45s ease-out both}html[data-nav=shutter] .screen.enter{animation:none}.backdrop-img{position:absolute;inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px);object-fit:cover;pointer-events:none}.shade{position:absolute;inset:0;pointer-events:none}.scroll.quiet{scrollbar-width:none}.scroll.quiet::-webkit-scrollbar{display:none}.scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.clean-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;background:radial-gradient(120% 60% at 50% 0%,color-mix(in srgb,var(--orb1) 12%,transparent),transparent 60%),var(--bg)}.clean-bg:before,.clean-bg:after{content:"";position:absolute;border-radius:50%}.clean-bg:before{left:-90px;top:-110px;width:330px;height:330px;background:var(--orb1);opacity:.14;filter:blur(80px)}.clean-bg:after{right:-120px;bottom:120px;width:300px;height:300px;background:var(--orb2);opacity:.08;filter:blur(90px)}.sheet-wrap{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;justify-content:flex-end}.sheet-dim{position:absolute;inset:0;background:#0a06048c;border:0;padding:0}.sheet{position:relative;margin:0 8px 8px;animation:sheetUp .6s cubic-bezier(.3,.8,.3,1) both;max-height:88%;display:flex;flex-direction:column}@keyframes sheetUp{0%{transform:translateY(80px);opacity:0}to{transform:none;opacity:1}}.sheet-dim{animation:scrFade .3s ease both}.toasts{position:absolute;left:10px;right:10px;top:calc(10px + env(safe-area-inset-top,0px));z-index:60;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;animation:toastIn .25s ease-out}.slips{position:absolute;left:10px;right:10px;top:calc(112px + env(safe-area-inset-top,0px));z-index:59;pointer-events:none}@keyframes toastIn{0%{transform:translateY(-14px);opacity:0}to{transform:none;opacity:1}}.pop{animation:popIn .3s cubic-bezier(.34,1.56,.64,1) both;transform-origin:0 100%}.pop.me{transform-origin:100% 100%}@keyframes popIn{0%{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:none}}@keyframes tpSteam{0%{opacity:0;transform:translateY(5px)}35%{opacity:.85}to{opacity:0;transform:translateY(-12px)}}.steam1{animation:tpSteam 2.6s ease-out infinite}.steam2{animation:tpSteam 2.6s ease-out 1.3s infinite}@keyframes tpBlink{0%,to{opacity:.25}50%{opacity:1}}.blink1{animation:tpBlink 1.2s ease-in-out infinite}.blink2{animation:tpBlink 1.2s ease-in-out .4s infinite}.blink3{animation:tpBlink 1.2s ease-in-out .8s infinite}@keyframes gifWobble{0%,to{transform:rotate(-2deg) scale(1)}50%{transform:rotate(2deg) scale(1.04)}}@keyframes spin{to{transform:rotate(360deg)}}.bub{position:relative;border:1.6px solid var(--ink);background-image:url(/assets/grain-C7QiN-fm.png);background-size:96px 96px}.bub.chalk{background-image:url(/assets/grain-C7QiN-fm.png),radial-gradient(80% 80% at 30% 20%,#343a38,#222726);border-color:#0a0809}.bub.chalk:before{content:"";position:absolute;inset:3px;border:1.4px dashed rgba(238,233,221,.45);border-radius:14px 4px 14px 12px;pointer-events:none}.tabbar{position:absolute;left:0;right:0;bottom:0;height:100px;z-index:20;pointer-events:none}.tabbar>*{pointer-events:auto}.tab{position:absolute;top:24px;width:92px;height:66px;border:0;padding:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--hand);font-weight:700;font-size:15px;color:var(--ink-text)}.tab-pill{position:absolute;left:0;bottom:0;width:40px;height:6px;transition:transform .38s cubic-bezier(.34,1.45,.64,1),opacity .2s;will-change:transform}.flip3d{perspective:900px}.flip{position:relative;width:300px;height:440px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .62s cubic-bezier(.22,1,.36,1)}.flip.on{transform:rotateY(180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.face.back{transform:rotateY(180deg)}@keyframes medalDrop{0%{transform:translateY(-110px) rotate(-14deg);opacity:0}55%{transform:translateY(5px) rotate(3deg);opacity:1}75%{transform:translateY(-4px) rotate(-1deg)}to{transform:none;opacity:1}}@keyframes stickerSlap{0%{transform:scale(1.7) rotate(-24deg);opacity:0}55%{transform:scale(.92) rotate(-5deg);opacity:1}75%{transform:scale(1.04) rotate(-10deg)}to{transform:rotate(-8deg);opacity:1}}.medal-drop{animation:medalDrop .62s cubic-bezier(.22,1,.36,1) both}.sticker-slap{animation:stickerSlap .46s cubic-bezier(.22,1,.36,1) .3s both}@keyframes shake{0%,to{transform:none}14%{transform:translate(-10px) rotate(-.5deg)}28%{transform:translate(9px) rotate(.5deg)}42%{transform:translate(-7px)}56%{transform:translate(5px)}70%{transform:translate(-3px)}84%{transform:translate(1px)}}@keyframes redFlash{0%{opacity:0}12%{opacity:1}to{opacity:0}}@keyframes stampIn{0%{opacity:0;transform:rotate(-12deg) scale(2.6)}13%{opacity:1;transform:rotate(-12deg) scale(.9)}21%{transform:rotate(-12deg) scale(1.03)}28%{transform:rotate(-12deg) scale(1)}82%{opacity:1;transform:rotate(-12deg) scale(1)}to{opacity:0;transform:rotate(-12deg) scale(1)}}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.red-flash{position:absolute;inset:0;z-index:70;pointer-events:none;opacity:0;box-shadow:inset 0 0 70px 22px #d6261ccc;animation:redFlash 1s ease-out both}.unauth{position:absolute;inset:0;z-index:71;display:flex;align-items:center;justify-content:center;pointer-events:none}.unauth>div{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 20px 8px;border:5px double #C8372D;border-radius:10px;background:#f2e8d0f0;color:#c8372d;animation:stampIn 2.3s cubic-bezier(.22,1,.36,1) both}.dot-red{position:absolute;width:16px;height:16px;border-radius:50%;background:#c8372d;border:2px solid #F3E8D0}html[data-lite] *,html[data-lite] *:before,html[data-lite] *:after{filter:none!important}html[data-lite] .screen.enter{animation:scrFade .12s ease-out both!important}html[data-lite] .sheet,html[data-lite] .pop{animation:scrFade .12s ease-out both}html[data-lite] .steam1,html[data-lite] .steam2,html[data-lite] .blink1,html[data-lite] .blink2,html[data-lite] .blink3{animation:none}html[data-lite] .grain,html[data-lite] .scene-paper{display:none}html[data-lite] .flip{transition-duration:.01ms}[data-motion=reduce] *,[data-motion=reduce] *:before,[data-motion=reduce] *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.chalo-big{font-size:22px}[data-skin=midnight] .chalo-big,[data-skin=graphite] .chalo-big{font-size:17px;font-weight:600}@media(max-width:360px){.chalo-sub{display:none}}#msg-box::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8c7a62}.glass-in{transition:transform .6s cubic-bezier(.2,.9,.3,1.25),opacity .35s ease-out}html[data-lite] .glass-in,html[data-motion=reduce] .glass-in{transition:opacity .2s}.card-stat{display:flex;align-items:center;gap:12px;height:25px}.card-stat b{font-family:var(--hand);font-size:15px;color:#2a1a12;width:104px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shutter{position:absolute;inset:0;z-index:80;pointer-events:none;will-change:transform;animation:shutterUp .95s cubic-bezier(.5,.05,.25,1) .1s both;--sh-a: #6F8B96;--sh-b: #3F5963;--sh-c: #93AAB3;--sh-rail: #9AA3A8}[data-skin=midnight] .shutter{--sh-a: #232C4C;--sh-b: #121830;--sh-c: #3A4676;--sh-rail: #5A648C}[data-skin=graphite] .shutter{--sh-a: #3C3E46;--sh-b: #22232A;--sh-c: #585A64;--sh-rail: #7A7C86}.shutter-slats{position:absolute;inset:-60px 0 26px;background:repeating-linear-gradient(180deg,var(--sh-a) 0 11px,var(--sh-b) 11px 13px,var(--sh-c) 13px 14px,var(--sh-a) 14px 16px)}.shutter-slats:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.28),transparent 18%,transparent 82%,rgba(0,0,0,.28)),linear-gradient(180deg,transparent 70%,rgba(0,0,0,.3))}.shutter-rail{position:absolute;left:0;right:0;bottom:0;height:26px;background:linear-gradient(180deg,var(--sh-rail),#4A5156 55%,#2C3236);border-top:2px solid #171B1E;border-bottom:3px solid #101315}.shutter-rail:after{content:"";position:absolute;left:50%;top:5px;width:64px;height:12px;margin-left:-32px;border-radius:6px;background:#20262a;box-shadow:inset 0 2px #ffffff2e}.shutter-sign{position:absolute;left:50%;bottom:-46px;margin-left:-46px;width:92px;padding:6px 4px 5px;text-align:center;border:2px solid #140E12;border-radius:4px 8px;background:#f2e8d0;color:#2a1a12;font-family:var(--hand);font-weight:700;font-size:17px;line-height:1;transform-origin:50% -22px;animation:signSwing 1.1s ease-in-out .1s both}.shutter-sign:before{content:"";position:absolute;left:50%;top:-22px;width:20px;height:22px;margin-left:-10px;border:2px solid #140E12;border-bottom:0;border-radius:10px 10px 0 0;box-sizing:border-box}@keyframes shutterUp{0%{transform:translateY(0)}12%{transform:translateY(1.4%)}to{transform:translateY(-112%)}}@keyframes signSwing{0%,10%{transform:rotate(0)}35%{transform:rotate(9deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(3deg)}to{transform:rotate(0)}}.tilt{position:relative;width:300px;height:440px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.9,.3,1.25);will-change:transform}.tilt.active{transition:transform .1s linear}.foil{position:absolute;inset:2px;border-radius:6px 8px 6px 10px;overflow:hidden;pointer-events:none}.foil-sheen{position:absolute;top:-10%;bottom:-10%;left:-60%;width:220%;will-change:transform;background:linear-gradient(105deg,transparent 37%,rgba(255,110,190,.36) 42%,rgba(255,226,120,.42) 46.5%,rgba(110,255,214,.4) 51%,rgba(120,170,255,.36) 55.5%,transparent 61%);animation:foilIdle 4.8s ease-in-out infinite}.foil-glare{position:absolute;left:0;top:0;width:240px;height:240px;border-radius:50%;opacity:0;transition:opacity .25s;will-change:transform;background:radial-gradient(circle,rgba(255,255,255,.6),rgba(255,255,255,.2) 40%,transparent 68%);transform:translate(var(--gx, 30px),var(--gy, 100px))}.tilt.active .foil-sheen{animation:none;transform:translate(var(--sx, 0%))}.tilt.active .foil-glare{opacity:1}@keyframes foilIdle{0%{transform:translate(-32%)}55%,to{transform:translate(40%)}}html[data-lite] .foil-sheen,[data-motion=reduce] .foil-sheen{animation:none;transform:translate(0);opacity:.7}html[data-lite] .foil-glare,[data-motion=reduce] .foil-glare{display:none}@media(prefers-reduced-motion:reduce){.foil-sheen{animation:none;transform:translate(0);opacity:.7}.foil-glare{display:none}}.sweep{position:absolute;inset:0;z-index:85;pointer-events:none;overflow:hidden}.sweep-dot{position:absolute;width:48px;height:48px;border-radius:50%;transform:translate(-50%,-50%) scale(0);will-change:transform}