@font-face{font-family:Tinos;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tinos-latin-400-normal-rilFpyjL.woff2)format("woff2"),url(/assets/tinos-latin-400-normal-B05awSIM.woff)format("woff")}@font-face{font-family:Tinos;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/tinos-latin-700-normal-qGf2y18O.woff2)format("woff2"),url(/assets/tinos-latin-700-normal-CjcRkLdR.woff)format("woff")}@font-face{font-family:DotGothic16;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dotgothic16-latin-400-normal-BYJEY5oh.woff2)format("woff2"),url(/assets/dotgothic16-latin-400-normal-cp5t3xa_.woff)format("woff")}@font-face{font-family:Comfortaa;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/comfortaa-latin-700-normal-DOtxUU44.woff2)format("woff2"),url(/assets/comfortaa-latin-700-normal-K_GTRK4c.woff)format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/m-plus-rounded-1c-latin-400-normal-GF9lDfTs.woff2)format("woff2"),url(/assets/m-plus-rounded-1c-latin-400-normal-cOmgXqvf.woff)format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/m-plus-rounded-1c-latin-700-normal-BYs1YzuX.woff2)format("woff2"),url(/assets/m-plus-rounded-1c-latin-700-normal-DpYetMpZ.woff)format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/m-plus-rounded-1c-latin-800-normal-941enk6N.woff2)format("woff2"),url(/assets/m-plus-rounded-1c-latin-800-normal-B5F1WBCU.woff)format("woff")}@font-face{font-family:Share Tech Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/share-tech-mono-latin-400-normal-CCqdbj5z.woff2)format("woff2"),url(/assets/share-tech-mono-latin-400-normal-15MgdvEM.woff)format("woff")}:root{--void:#050b0d;--deep:#071214;--night:#0b1b1e;--teal-900:#0e2427;--teal-800:#143236;--teal-700:#1d4448;--teal-600:#2b5653;--teal-500:#3a7a76;--teal-400:#3fb6b0;--aqua:#7ff0e4;--aqua-soft:#7ff0e429;--navi-900:#06124a;--navi-700:#0b2a8f;--navi-500:#2d6bff;--navi-300:#8fb4ff;--navi-glow:#4080ff8c;--pixel:#6fe8f5;--pixel-dim:#6fe8f58c;--ink:#eef4f4;--ink-soft:#a9babd;--ink-faint:#a9babd8c;--lavender:#b9a8d8;--lavender-soft:#b9a8d82e;--blush:#f2a9c0;--red:#e0434b;--glass:#0d1c20d6;--glass-strong:#14282cc7;--glass-line:#a0ebeb21;--glass-hi:#ffffff17;--f-serif:"Tinos", "Times New Roman", Times, serif;--f-navi:"Comfortaa", "Quicksand", system-ui, sans-serif;--f-pixel:"DotGothic16", "VT323", monospace;--f-body:"M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--f-mono:"Share Tech Mono", "Consolas", monospace;--r-card:18px;--r-tile:12px;--ease:cubic-bezier(.16, 1, .3, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--scan:.07;--noise:.05;--vignette:.55}html[data-fx=off]{--scan:0;--noise:0;--vignette:.35}html[data-fx=full]{--scan:.12;--noise:.08;--vignette:.7}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--void);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0;font-size:15px;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}img{max-width:100%;display:block}::selection{background:#7ff0e44d}input,textarea{border:1px solid var(--glass-line);background:#050e108c;border-radius:10px;outline:none;width:100%;padding:10px 12px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:#7ff0e473;box-shadow:0 0 0 3px #7ff0e414,0 0 18px #7ff0e41f}input::placeholder,textarea::placeholder{color:var(--ink-faint)}input[type=time],input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}textarea{resize:vertical;min-height:90px;line-height:1.55}.serif{font-family:var(--f-serif)}.pixel{font-family:var(--f-pixel);letter-spacing:.04em}.mono{font-family:var(--f-mono)}.navi{font-family:var(--f-navi)}.soft{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.pixel-glow{font-family:var(--f-pixel);color:var(--pixel);text-shadow:0 0 6px #6fe8f58c,0 0 1px #fff;letter-spacing:.06em}.layer-tag{font-family:var(--f-pixel);color:var(--ink-faint);letter-spacing:.05em;font-size:12px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:#7ff0e440 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#7ff0e433;border-radius:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.shell{z-index:3;max-width:1240px;padding:calc(20px + var(--safe-top)) 16px calc(110px + var(--safe-bottom));margin:0 auto;position:relative}@media (width>=960px){.shell{padding:26px 32px 60px}.frame{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:34px;display:grid}.rail-col{position:sticky;top:26px}}.glass{background:var(--glass);border:1px solid var(--glass-line);border-radius:var(--r-card);box-shadow:inset 0 1px 0 var(--glass-hi), inset 0 0 0 1px #00000040, 0 20px 50px -24px #000c;position:relative}.glass:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff12 0%,#fff0 32%),radial-gradient(120% 60% at 0 0,#7ff0e412,#0000 60%);position:absolute;inset:0}.logo-text{font-family:var(--f-serif);letter-spacing:.02em;color:#e9f6f5;text-shadow:0 0 14px #7ff0e459;font-size:22px;font-weight:700}.logo-text .slash{color:var(--aqua)}.navi-head{font-family:var(--f-serif);text-transform:uppercase;color:#e3ecff;letter-spacing:.04em;text-shadow:0 0 10px var(--navi-glow), 0 0 1px #fff;flex-wrap:wrap;align-items:baseline;gap:16px;margin:4px 0 14px;font-weight:700;display:flex}.navi-head .no{font-size:15px}.navi-head .title{font-size:22px}.navi-head .upd{text-transform:none;color:#b8c9f2;font-size:13px;font-weight:400}.dock{z-index:50;left:50%;bottom:calc(14px + var(--safe-bottom));border-radius:22px;grid-template-columns:repeat(5,1fr);gap:4px;width:min(100% - 24px,440px);padding:7px;display:grid;position:fixed;transform:translate(-50%)}@media (width>=960px){.dock{display:none}}.dock button{height:46px;font-family:var(--f-navi);color:#b9cfe9;border-radius:15px;place-items:center;font-size:13px;font-weight:700;line-height:1;transition:background .25s,color .25s;display:grid;position:relative}.dock button small{font-family:var(--f-pixel);color:var(--ink-faint);margin-top:4px;font-size:9px;font-weight:400;display:block}.dock button.on{color:#f2fbff;text-shadow:0 0 8px #7ff0e4b3;background:linear-gradient(#7ff0e438,#2d6bff1f);box-shadow:inset 0 1px #ffffff2e,inset 0 0 0 1px #7ff0e440,0 0 18px #3fb6b040}.nb{height:38px;font-family:var(--f-navi);letter-spacing:.02em;color:#d9e8ff;text-shadow:0 0 6px #408cffe6,0 0 1px #fff;transition:transform .15s var(--ease), box-shadow .2s, border-color .2s;white-space:nowrap;background:linear-gradient(#0a1c46bf,#061028bf);border:1px solid #a0c8ff66;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #0006,0 6px 16px -6px #143cc880}.nb:after{content:"";pointer-events:none;transition:transform .2s var(--ease);border:1px solid #a0c8ff2e;border-radius:4px;position:absolute;inset:0;transform:translate(4px,4px)}.nb:hover{border-color:#bedcffbf;box-shadow:inset 0 1px #ffffff29,0 0 18px #2d6bff73}.nb:hover:after{transform:translate(6px,5px)}.nb:active{transform:translate(2px,2px)}.nb:active:after{transform:translate(0)}.nb.teal{color:#e6fffb;text-shadow:0 0 6px #7ff0e499;background:linear-gradient(#1f4e57d9,#14343ad9);border-color:#7ff0e459;border-radius:10px}.nb.teal:after{border-color:#7ff0e41f;border-radius:10px}.nb.pink{color:#ffe6ef;text-shadow:0 0 6px #f278aacc;background:linear-gradient(#5a2846cc,#321428cc);border-color:#f2a9c073}.nb.ghost{text-shadow:none;color:var(--ink-soft);box-shadow:none;background:#0003;border-color:#ffffff1f}.nb.ghost:after{display:none}.nb.sm{height:30px;padding:0 11px;font-size:12.5px}.nb.lg{height:54px;padding:0 30px;font-size:18px}.nb.icon{width:38px;padding:0}.nb.sm.icon{width:30px}.divider{background:#ffffff12;border:0;height:1px;margin:0}.word-thumb{background:repeating-linear-gradient(#0000 0 2px,#00000040 2px 3px),radial-gradient(90% 80% at 30% 20%,#1d63c9 0%,#0a2a6e 45%,#020a24 100%);border-radius:9px;flex:none;place-items:center;width:60px;height:60px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #8fb4ff40,inset 0 0 20px #0009}.word-thumb.teal{background:repeating-linear-gradient(#0000 0 2px,#00000040 2px 3px),radial-gradient(90% 80% at 70% 80%,#33c3c0 0%,#0f5a74 45%,#031a26 100%)}.word-thumb.lav{background:repeating-linear-gradient(#0000 0 2px,#00000040 2px 3px),radial-gradient(90% 80% at 50% 30%,#6a7fe0 0%,#2a2a7a 50%,#0a0628 100%)}.word-thumb span{font-family:var(--f-serif);letter-spacing:.02em;color:#bcd6ff;text-shadow:0 0 4px #4d8dff,0 0 10px #2d6bff,0 0 18px #2d6bff;font-size:13px;font-weight:700;transform:scaleY(1.15)}.word-thumb:after{content:attr(data-word);font-family:var(--f-mono);color:#a0c8ff80;letter-spacing:.1em;font-size:6px;position:absolute;bottom:3px;left:4px}.day-card{margin-bottom:16px;scroll-margin-top:90px}.day-card.today{box-shadow:inset 0 1px 0 var(--glass-hi), 0 0 0 1px #7ff0e414, 0 0 40px -10px #3fb6b059;border-color:#7ff0e44d}.day-title{align-items:baseline;gap:10px;padding:16px 18px 6px;display:flex}.day-title .dn{font-family:var(--f-serif);text-transform:lowercase;font-size:22px;font-weight:700}.day-title .dd{font-family:var(--f-serif);color:var(--ink-soft);font-size:22px}.day-title .grow{flex:1}.day-title .today-chip{font-family:var(--f-pixel);color:var(--void);background:var(--aqua);box-shadow:0 0 10px var(--aqua);border-radius:4px;padding:0 6px;font-size:11px}.ribbon{background:linear-gradient(90deg,#0b2a8f47,#0b2a8f0f);border:1px solid #8fb4ff29;border-radius:8px;margin:4px 18px 6px;overflow:hidden}.ribbon.holiday{background:linear-gradient(90deg,#b9a8d833,#b9a8d80a);border-color:#b9a8d840}.ribbon>button{text-align:left;color:#c7d7f5;align-items:center;gap:10px;width:100%;padding:5px 10px;font-size:12.5px;display:flex}.ribbon>button .chev{opacity:.7;margin-left:auto;transition:transform .25s}.ribbon.open>button .chev{transform:rotate(90deg)}.ribbon .rows{gap:2px;padding:2px 10px 8px;display:grid}.ribbon .row{grid-template-columns:34px 96px 1fr;font-size:13px;display:grid}.list{padding:8px 18px 4px}.list+.list{border-top:1px dashed #ffffff0f}.list-head{align-items:center;gap:6px;margin-bottom:4px;display:flex}.list-head .style-btn{width:26px;height:26px;font-family:var(--f-pixel);color:var(--pixel);background:#6fe8f512;border:1px solid #6fe8f533;border-radius:6px;place-items:center;font-size:13px;display:grid}.list-head .lt{background:0 0;border:0;border-radius:6px;flex:1;width:auto;min-width:40px;padding:2px 4px;font-size:15px;font-weight:800}.list-head .lt:focus{box-shadow:none;background:#0003}.icon-btn{min-width:28px;height:28px;color:var(--ink-soft);border-radius:7px;place-items:center;padding:0 6px;font-size:13px;transition:background .2s,color .2s;display:grid}.icon-btn:hover{color:var(--ink);background:#ffffff0f}.icon-btn.on{color:var(--aqua);text-shadow:0 0 8px var(--aqua)}.items{margin:0;padding:0;list-style:none}.item{touch-action:pan-y;background:0 0;border-radius:8px;align-items:center;gap:10px;min-height:38px;padding:3px 2px;display:flex;position:relative}.item.dragging{background:#143237e6;box-shadow:0 8px 20px #00000080}.item .mark{flex:none;place-items:center;width:28px;display:grid}.item .num{font-family:var(--f-pixel);color:var(--pixel);text-shadow:0 0 6px #6fe8f580;font-size:13px}.item .dash{color:var(--ink-soft)}.item .time{font-family:var(--f-pixel);color:var(--pixel);text-shadow:0 0 6px #6fe8f573;flex:none;min-width:44px;font-size:13px}.item .text{overflow-wrap:anywhere;flex:1;min-width:0}.item.done .text{color:var(--ink-faint);-webkit-text-decoration:line-through #7ff0e480;text-decoration:line-through #7ff0e480}.item.friend .text{color:#e7dcff}.item .by{color:var(--lavender);flex:none;font-size:11px}.item .x{opacity:0;transition:opacity .15s}.item:hover .x,.item:focus-within .x{opacity:1}@media (hover:none){.item .x{opacity:.45}}.item .handle{cursor:grab;color:var(--ink-faint);touch-action:none;-webkit-user-select:none;user-select:none;padding:0 2px}.check{background:linear-gradient(#ffffff1f,#ffffff05);border:1px solid #7ff0e466;border-radius:7px;width:22px;height:22px;transition:background .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px 1px #fff3}.check.on{animation:pop .35s var(--ease);background:radial-gradient(120% 120% at 30% 20%,#c9fff8 0%,#59e0d4 35%,#138a8f 100%);border-color:#c8fffacc;box-shadow:inset 0 1px 1px #fffc,0 0 12px #7ff0e499}.check.on:after{content:"";border:2.5px solid #04282a;border-width:0 2.5px 2.5px 0;width:6px;height:11px;position:absolute;top:3px;left:7px;transform:rotate(45deg)}.check.on:before{content:"";background:linear-gradient(#ffffffd9,#fff0);border-radius:5px 5px 8px 8px;height:7px;position:absolute;top:2px;left:3px;right:3px}@keyframes pop{0%{transform:scale(.7)}60%{transform:scale(1.18)}to{transform:scale(1)}}.add-row{gap:6px;padding:6px 0 8px;display:flex}.add-row input{height:36px;padding:6px 10px}.add-row input[type=time]{flex:none;width:104px}.week{top:calc(8px + var(--safe-top));z-index:20;background:#0c1c1fdb;grid-template-columns:34px repeat(7,1fr) 34px;align-items:center;gap:4px;margin-bottom:16px;padding:8px;display:grid;position:sticky}.day-wrap{scroll-margin-top:calc(104px + var(--safe-top));content-visibility:auto;contain-intrinsic-size:auto 220px}.week .d{color:var(--ink-soft);border-radius:12px;justify-items:center;gap:1px;padding:6px 0 5px;font-size:11px;transition:background .2s;display:grid;position:relative}.week .d b{font-family:var(--f-serif);color:var(--ink);font-size:18px;font-weight:700}.week .d .dots{gap:2px;height:5px;display:flex}.week .d .dots i{background:var(--pixel);width:4px;height:4px;box-shadow:0 0 4px var(--pixel);border-radius:50%}.week .d .dots i.h{background:var(--lavender);box-shadow:0 0 4px var(--lavender)}.week .d.sel{background:linear-gradient(#7ff0e433,#2d6bff1a);box-shadow:inset 0 1px #fff3,inset 0 0 0 1px #7ff0e44d}.week .d.now b{color:var(--aqua);text-shadow:0 0 10px var(--aqua)}.month{margin-bottom:16px;padding:14px}.month-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.month-grid .h{font-family:var(--f-pixel);color:var(--ink-faint);font-size:11px}.month-grid button{aspect-ratio:1;color:var(--ink-soft);border-radius:8px;font-size:13px;position:relative}.month-grid button.in{color:var(--ink)}.month-grid button.sel{background:#7ff0e426;box-shadow:inset 0 0 0 1px #7ff0e459}.month-grid button.now{color:var(--aqua);font-weight:800}.month-grid button i{background:var(--pixel);border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:5px;left:50%}.sheet-back{z-index:80;-webkit-backdrop-filter:blur(4px);background:#01060899;place-items:end center;display:grid;position:fixed;inset:0}@media (width>=700px){.sheet-back{align-items:center}}.sheet{width:min(100%,520px);max-height:88vh;padding:20px 18px calc(22px + var(--safe-bottom));background:#0d1e21eb;border-radius:22px 22px 0 0;overflow:auto}@media (width>=700px){.sheet{border-radius:20px}}.sheet h3{font-family:var(--f-serif);text-transform:uppercase;letter-spacing:.04em;text-shadow:0 0 10px var(--navi-glow);margin:0 0 14px;font-size:22px}.field{gap:6px;margin-bottom:12px;display:grid}.field>span{color:var(--ink-soft);font-size:12px;font-weight:700}.row-gap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{border:1px solid var(--glass-line);height:30px;color:var(--ink-soft);background:#0003;border-radius:15px;padding:0 12px;font-size:13px}.chip.on{color:var(--ink);background:#7ff0e41f;border-color:#7ff0e480;box-shadow:0 0 12px #7ff0e433}.section-label{font-family:var(--f-serif);text-transform:uppercase;letter-spacing:.06em;color:#dce7ff;text-shadow:0 0 8px var(--navi-glow);align-items:center;gap:10px;margin:26px 2px 12px;font-size:15px;font-weight:700;display:flex}.section-label:after{content:"";background:linear-gradient(90deg,#8fb4ff59,#0000);flex:1;height:1px}.section-label .layer-tag{text-shadow:none;text-transform:none}.empty{color:var(--ink-faint);padding:6px 0;font-size:13.5px;font-style:italic}.grid-2{gap:16px;display:grid}@media (width>=640px){.grid-2{grid-template-columns:1fr 1fr}}.grid-2>.card{margin-bottom:0}.orb{width:100%;height:100%;overflow:visible}.orb .liquid{transition:transform 1.2s var(--ease)}.orb .wave.front{animation:3.6s linear infinite waveX}.orb .wave.back{animation:6s linear infinite reverse waveX}.orb:not(.running) .wave{animation-duration:9s,12s}@keyframes waveX{0%{transform:translate(0)}to{transform:translate(65px)}}.orb .bubbles circle{opacity:0;animation:4s ease-in infinite rise}@keyframes rise{0%{opacity:0;transform:translateY(0)}15%{opacity:1}to{opacity:0;transform:translateY(-200px)translate(6px)}}.static-roll{background:linear-gradient(#0000,#c8fffa1f,#0000);height:30%;animation:3.5s linear infinite roll;position:absolute;top:-30%;left:0;right:0}.desktop-only{display:none}@media (width>=960px){.desktop-only{display:block}}.polaroids{grid-template-columns:1fr 1fr;gap:16px;padding:4px 4px 0;display:grid}.polaroid{color:#0a1f22;transition:transform .35s var(--ease);background:linear-gradient(#ecf6f3f0,#cee0dcf0);border-radius:3px;margin:0;padding:8px 8px 10px;box-shadow:0 14px 30px -12px #000c,inset 0 1px #fff}.polaroid:hover{transform:rotate(0)scale(1.02)!important}.polaroid .ph{aspect-ratio:1;background:#0a1a1c;border-radius:1px;position:relative;overflow:hidden}.polaroid .ph>.gimg{position:absolute;inset:0}.polaroid figcaption{gap:1px;min-height:40px;padding-top:7px;font-size:13px;font-weight:700;display:grid}.polaroid figcaption small{color:#4c6a6d}.nb.pink.sent{animation:pop .35s var(--ease)}.new-kind{text-align:left;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.new-kind:hover{border-color:#7ff0e459}.day-card.past{opacity:.72}.day-card.past:hover,.day-card.past:focus-within{opacity:1}.study-card{margin-bottom:0;overflow:visible}.study-card:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(60% 55% at 50% 38%,#2d6bff38,#0000 70%);position:absolute;inset:0}.study-stage{z-index:1;text-align:center;padding:26px 18px 24px;position:relative}.orb-wrap{aspect-ratio:1;width:min(74vw,320px);margin:0 auto;position:relative}.orb-text{pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.big-time{text-shadow:0 0 10px #6fe8f5cc,0 2px 12px #000000e6;color:#eaffff;font-size:clamp(30px,9vw,42px);line-height:1}.big-time.over{color:#ffe1ee;text-shadow:0 0 12px #f2a9c0e6,0 2px 12px #000000e6}.orb-sub{color:#d7f1f0;text-shadow:0 1px 6px #000;font-size:12.5px;font-family:var(--f-navi);margin-top:6px;font-weight:700}.session-line{font-family:var(--f-pixel);color:var(--pixel);margin-top:16px;font-size:15px}.subjects{justify-content:center;margin-top:16px}.notice{color:#efe6ff;background:#b9a8d81f;border:1px solid #b9a8d84d;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:420px;margin:16px auto 0;padding:10px 14px;font-size:13.5px;display:flex}.notice.cheer{width:100%;animation:pop .4s var(--ease);color:#e5fffb;background:#7ff0e41a;border-color:#7ff0e459}.session-row{grid-template-columns:38px 1fr auto 56px 28px;align-items:center;gap:8px;min-height:36px;font-size:14px;display:grid}.session-row .subj{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session-row .dur{text-align:right}.session-row.live{color:#ffe1ee;text-shadow:0 0 8px #f2a9c0b3}.session-row+.session-row{border-top:1px dashed #6fe8f51f}.bars{grid-template-columns:repeat(7,1fr);gap:8px;height:150px;display:grid}.bar-col{color:var(--ink-faint);grid-template-rows:1fr auto;justify-items:center;gap:6px;font-size:11px;display:grid}.bar-col.now{color:var(--aqua)}.bar-track{background:#ffffff0a;border-radius:7px;width:100%;max-width:26px;position:relative;overflow:hidden}.bar-fill{transition:height .8s var(--ease);background:linear-gradient(#8ff7ec,#2aa6b3 60%,#12456a);border-radius:7px;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 1px #fff9,0 0 12px #7ff0e44d}.bar-fill.met{background:linear-gradient(#ffe0ef,#d68bd8 60%,#4a2a7a);box-shadow:inset 0 1px #fff9,0 0 12px #f2a9c066}.goal-line{z-index:1;border-top:1px dashed #ffffff73;height:0;position:absolute;left:-2px;right:-2px}.reward{text-align:center;grid-template-columns:1fr 1fr;gap:14px;display:grid}.reward-num{font-size:40px;line-height:1.1}.reward-num.star{color:#ffe9a8;text-shadow:0 0 10px #ffdc78b3}.goal-row{grid-template-columns:96px 1fr 56px;align-items:center;gap:10px;font-size:14px;display:grid}.goal-row input[type=range]{accent-color:var(--teal-400);box-shadow:none;background:0 0;border:0;padding:0}.info-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.info-card{text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;align-content:start;gap:4px;min-height:96px;padding:16px 14px 14px;font-size:14px;display:grid}.info-card .pin{font-family:var(--f-serif);color:#ffd9e6;text-shadow:0 0 6px var(--red), 0 0 1px #fff;font-size:18px;font-weight:700;position:absolute;top:-7px;right:12px;transform:rotate(-8deg)}.info-card.add,.note-card.add{background:#0a181b66;border-style:dashed;place-content:center;justify-items:center}.date-row{text-align:left;align-items:center;gap:14px;width:100%;padding:10px 18px;transition:background .2s;display:flex}.date-row:hover{background:#ffffff08}.date-row .word-thumb{width:52px;height:52px}.date-row .countdown{flex:none;font-size:16px}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.note-card{text-align:left;border-radius:14px;align-content:start;gap:6px;min-height:130px;padding:16px;display:grid}.note-card .body{white-space:pre-wrap;-webkit-line-clamp:5;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.mobile-only{display:block}@media (width>=960px){.mobile-only{display:none}}.msg-row{grid-template-columns:52px 1fr 28px;align-items:center;gap:8px;padding:6px 0;font-size:14px;display:grid}.msg-row+.msg-row{border-top:1px dashed #ffffff0f}.scrap-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;display:grid}.install{gap:10px;font-size:14px;display:grid}.install>div{gap:2px;display:grid}.tt-row{grid-template-columns:minmax(0,1fr) 124px 124px 28px;align-items:center;gap:6px;display:grid}.tt-row input{padding:7px 8px;font-size:13.5px}@media (width<=520px){.tt-row{grid-template-columns:minmax(0,1fr) 1fr 1fr 26px}.tt-row input[type=date]{padding:7px 4px;font-size:12px}}.topbar{border-bottom:1px solid #8fb4ff1f;align-items:center;gap:16px;min-height:44px;margin-bottom:18px;padding-bottom:12px;display:flex}.topbar .logo-text{font-size:24px}.tb-whisper{color:var(--ink-faint);letter-spacing:.08em;font-size:11.5px}.tb-conn{color:var(--ink-soft);align-items:center;gap:7px;font-size:12px;display:flex}.dot{background:var(--aqua);width:8px;height:8px;box-shadow:0 0 8px var(--aqua);border-radius:50%;animation:2.4s steps(2,end) infinite blink;display:inline-block}.tb-clock{font-size:22px}@keyframes blink{50%{opacity:.35}}@media (width<=959px){.topbar{flex-wrap:wrap;gap:4px 12px}.tb-whisper{order:5;width:100%}.tb-conn{display:none}.tb-clock{font-size:18px}}.rail{justify-items:start;gap:12px;padding-top:6px;display:grid;position:relative}.rail-btn{justify-content:flex-start;width:150px;height:46px;padding:0 14px;font-size:16px}.rail-btn .rb-no{color:#a0c8ff8c;text-shadow:none;margin-right:4px;font-size:10px}.rail-btn.on{color:#fff;background:linear-gradient(#1e50bed9,#0a2264d9);border-color:#c8ebffe6;box-shadow:inset 0 1px #ffffff4d,0 0 22px #2d6bff8c}.rail-btn.on:after{border-color:#7ff0e459;transform:translate(7px,6px)}.rail-cable{pointer-events:none;z-index:-1;width:calc(100% + 40px);height:100%;position:absolute;inset:0;overflow:visible}.rc-line{fill:none;stroke:#010405;stroke-width:3.5px;stroke-linecap:round}.rc-core{fill:none;stroke:#7ff0e459;stroke-width:1px}.rc-pulse{fill:none;stroke:#c9fff8;stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:10 400;filter:drop-shadow(0 0 5px #7ff0e4);animation:2.8s linear infinite railpulse}@keyframes railpulse{0%{stroke-dashoffset:410px}to{stroke-dashoffset:0}}.rail .signal{width:100%;margin-top:18px}.win{margin-bottom:16px;overflow:hidden}.win-bar{background:linear-gradient(90deg,#0b2a8f52,#0b2a8f0a 70%);border-bottom:1px solid #8fb4ff24;align-items:center;gap:9px;min-height:40px;padding:6px 14px;display:flex}.win-cursor{background:var(--pixel);width:7px;height:12px;box-shadow:0 0 8px var(--pixel);animation:1.1s steps(2,end) infinite blink}.win-title{font-family:var(--f-serif);text-transform:uppercase;letter-spacing:.08em;color:#e3ecff;text-shadow:0 0 10px var(--navi-glow);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.win-tag{font-family:var(--f-pixel);color:var(--ink-faint);font-size:11px}.win-ctl{font-family:var(--f-mono);color:#a0c8ff59;letter-spacing:.3em;font-size:11px}.win-bar .grow{flex:1}.win-body{padding:16px 18px 18px;position:relative}@media (width<=420px){.win-ctl{display:none}}.bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.bento>.win{grid-column:span 12;margin-bottom:0}@media (width>=760px){.bento>.span-6{grid-column:span 6}}.tx{height:100%;min-height:210px;position:relative}.tx-art{opacity:.85;position:absolute;inset:0 0 0 30%;-webkit-mask-image:linear-gradient(90deg,#0000,#0009 35%,#000 75%);mask-image:linear-gradient(90deg,#0000,#0009 35%,#000 75%)}.tx-art>.gimg{position:absolute;inset:0}.tx-copy{max-width:78%;padding:20px 20px 22px;position:relative}.tx-from{color:var(--pixel);letter-spacing:.06em;font-size:12px}.tx-from .blink{animation:1s steps(2,end) infinite blink}.tx-text{text-wrap:balance;text-shadow:0 2px 16px #000000b3;margin:16px 0 12px;font-size:25px;font-weight:800;line-height:1.28}.tx-sign{color:#d7e3e4;font-size:14.5px}@media (width<=520px){.tx-art{opacity:.55;inset:0 0 35% 25%}.tx-copy{max-width:100%;padding-top:18px}.tx-text{margin-top:64px;font-size:22px}}.mini-study{align-items:center;gap:18px;display:flex}.mini-orb{flex:none;width:132px;height:132px}.ms-time{font-size:26px;line-height:1.1}.ms-time.over{color:#ffe1ee;text-shadow:0 0 10px #f2a9c0cc}.progress-line{background:#ffffff0f;border-radius:3px;height:3px;margin:-4px 0 10px;overflow:hidden}.progress-line i{height:100%;transition:width .6s var(--ease);background:linear-gradient(90deg,#2d6bff,#7ff0e4);display:block;box-shadow:0 0 10px #7ff0e4}.cd-row{align-items:center;gap:12px;padding:6px 0;display:flex}.cd-row .word-thumb{width:46px;height:46px}.cd-row .word-thumb span{font-size:15px}.sig-row{align-items:center;gap:12px;display:flex}.sig-av{position:relative}.sig-av .dot{border:2px solid #0b1b1e;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.sig-mood{color:var(--ink-soft);overflow-wrap:anywhere;font-size:13.5px}.sig-poke{width:100%;margin-top:14px}.grow{flex:1}.avatar{background:#0b1b1e;border:2px solid #7ff0e459;border-radius:50%;flex:none;width:96px;height:96px;overflow:hidden;box-shadow:0 0 16px #3fb6b040}.avatar.sm{width:36px;height:36px}.avatar.md{width:56px;height:56px}.avatar .gimg{width:100%;height:100%}.code-chip{border:1px solid var(--glass-line);background:#00000040;border-radius:8px;align-items:center;gap:8px;padding:4px 10px;display:inline-flex}.bento-col{display:contents}.bento.board{grid-template-columns:minmax(0,1fr)}.bento.board .win{margin-bottom:0}.b-msg{order:1}.b-study{order:2}.b-today{order:3}.b-photo{order:4}.b-dates{order:5}.b-signal{order:6}@media (width>=760px){.bento.board{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}.bento.board>.bento-col{gap:16px;display:grid}.bento.board .win{margin-bottom:0}}.dock.glass{background:#091619d6}.dock.glass,.sheet.glass,.week.glass,.toast.glass{-webkit-backdrop-filter:blur(16px)saturate(140%)}.win-bar{align-items:center}.win-title,.win-tag{line-height:1}.win-tag{transform:translateY(1px)}.win-cursor{flex:none}.span-12{grid-column:span 12}.auth{z-index:3;min-height:100dvh;padding:calc(30px + var(--safe-top)) 16px calc(30px + var(--safe-bottom));align-content:center;justify-items:center;gap:14px;display:grid;position:relative}.auth-logo{font-size:clamp(34px,9vw,48px)}.auth-win{width:min(100%,400px);margin:0}.auth-win.wide{width:min(100%,560px)}.form-error{color:#ffb3c6;margin:-2px 0 10px;font-size:13.5px}.steps{gap:8px;display:flex}.step{width:38px;height:26px;color:var(--ink-faint);background:#06102899;border:1px solid #a0c8ff4d;border-radius:4px;font-size:11px}.step.done{color:var(--pixel);border-color:#6fe8f566}.step.on{color:#fff;background:#1e50beb3;border-color:#c8ebffe6;box-shadow:0 0 14px #2d6bff80}.step-hint{margin-top:0;font-size:13.5px}.step-nav{margin-top:18px}.toast{z-index:90;left:50%;bottom:calc(86px + var(--safe-bottom));max-width:calc(100% - 32px);animation:toastIn .3s var(--ease);background:#0e2226e6;border-radius:12px;padding:10px 16px;font-size:14px;position:fixed;transform:translate(-50%)}@media (width>=960px){.toast{bottom:28px}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}}.request{border-bottom:1px dashed #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:8px 0 12px;font-size:14px;display:flex}.admin-grid{gap:22px;display:grid}@media (width>=760px){.admin-grid{grid-template-columns:1.3fr 1fr}}.user-row{align-items:center;gap:10px;padding:8px 0;display:flex}.user-row+.user-row{border-top:1px dashed #ffffff12}.from-tag{font-family:var(--f-body);color:var(--lavender);font-size:12px;font-weight:700}.list.theirs .list-head .lt{padding:2px 4px}.list.theirs{background:linear-gradient(90deg,#b9a8d814,#0000 70%)}.info-card.theirs,.note-card.theirs{border-color:#b9a8d84d}.tx-note{font-family:var(--f-pixel);color:var(--ink-faint);letter-spacing:.04em;font-size:11.5px}.sig-study{color:var(--pixel);margin-top:10px;font-size:12px}.dot.off{background:var(--ink-faint);box-shadow:none;animation:none}.subj-dot{vertical-align:0;border-radius:50%;flex:none;width:9px;height:9px;display:inline-block;box-shadow:0 0 6px}.chip .subj-dot{margin-right:2px}.study-grid{gap:16px;display:grid}@media (width>=900px){.study-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}}.study-grid .win{margin-bottom:0}.study-side{gap:16px;display:grid}.reset-link{color:var(--ink-faint);text-underline-offset:3px;margin-top:12px;font-size:12.5px;text-decoration:underline}.reset-link:hover{color:var(--ink-soft)}.plan-today{align-items:center;gap:12px;padding:8px 0;display:flex}.plan-today+.plan-today{border-top:1px dashed #ffffff0f}.plan-today.met .pt-top span:first-child{color:var(--ink-soft)}.pt-top{justify-content:space-between;gap:8px;margin-bottom:5px;font-size:14.5px;display:flex}.pt-top .pixel{font-size:12px}.pt-bar{background:#ffffff0f;border-radius:6px;height:6px;overflow:hidden}.pt-bar i{height:100%;transition:width .6s var(--ease);border-radius:6px;display:block;box-shadow:0 0 10px #7ff0e459}.plan-row{align-items:center;gap:8px;padding:6px 0;font-size:14.5px;display:flex}.plan-min{text-align:center;min-width:52px;font-size:13px}.plan-add{border-top:1px dashed #ffffff14;margin-top:12px;padding-top:12px}.plan-days{flex-wrap:wrap;gap:6px;display:flex}.plan-days .chip{height:28px;padding:0 9px;font-size:12.5px}.exam-row{align-items:center;gap:12px;padding:7px 0;display:flex}.exam-row+.exam-row{border-top:1px dashed #ffffff0f}.bar-stack{transition:height .8s var(--ease);border-radius:7px;flex-direction:column-reverse;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 0 12px #7ff0e433}.bar-stack i{flex-basis:0;min-height:2px;display:block}.goal-line.met{border-top-color:#7ff0e4cc}.legend{flex-wrap:wrap;gap:6px 14px;margin-top:12px;font-size:13px;display:flex}.legend>span{align-items:center;gap:6px;display:inline-flex}.study-ribbon{text-align:left;color:#d9f7f3;background:linear-gradient(90deg,#3fb6b02e,#3fb6b008);border-color:#7ff0e433;flex-wrap:wrap;align-items:center;gap:6px 12px;width:calc(100% - 36px);padding:6px 10px;font-size:12.5px;display:flex}.study-ribbon .rib-label{font-family:var(--f-pixel);color:var(--pixel);letter-spacing:.08em;font-size:11px}.study-ribbon .rib-block{align-items:center;gap:5px;display:inline-flex}.scene{z-index:0;pointer-events:none;background:radial-gradient(120% 70% at 85% 110%,#3fb6b038,#0000 60%),radial-gradient(60% 45% at 8% 0,#2d6bff29,#0000 70%),linear-gradient(#040a0c 0%,#071315 38%,#0c2326 72%,#123a3c 100%);position:fixed;inset:0;overflow:hidden}.scene svg{width:100%;height:100%;position:absolute;inset:0}@keyframes sway{0%{transform:translateY(0)skewY(0)}to{transform:translateY(3px)skewY(.25deg)}}.scene .haze{background:linear-gradient(#0000,#123a3cbf);height:45%;position:absolute;inset:auto 0 0}.crt{pointer-events:none;z-index:60;position:fixed;inset:0}.crt:before{content:"";background:repeating-linear-gradient(180deg, #0000 0px, #0000 2px, rgba(0, 0, 0, var(--scan)) 3px, #0000 4px);position:absolute;inset:0}.crt:after{content:"";background:radial-gradient(ellipse 115% 95% at 50% 50%, transparent 55%, rgba(0, 4, 6, var(--vignette)) 100%);position:absolute;inset:0}.crt .roll{background:linear-gradient(#0000,#7ff0e409,#0000);height:22vh;animation:9s linear infinite roll;position:absolute;top:-25vh;left:0;right:0}html:not([data-fx=full]) .crt .roll{display:none}.crt .roll{will-change:transform}@keyframes roll{to{transform:translateY(150vh)}}.static{pointer-events:none;z-index:61;width:100%;height:100%;image-rendering:pixelated;opacity:var(--noise);transition:opacity .12s;position:fixed;inset:0}.static.burst{opacity:.32;transition:none}.tear{animation:.2s steps(3,end) both tear}@keyframes tear{0%{opacity:.6;transform:translate(-8px)skew(-3deg)}40%{opacity:.85;transform:translate(6px)skew(2deg)}to{opacity:1;transform:none}}.cables{pointer-events:none;z-index:55;width:100%;height:100%;position:fixed;inset:0;overflow:visible}.cables.back{z-index:1}.cables.back .hang{animation:none}.cables .hang{animation:7s ease-in-out infinite alternate sway}.cables .hang:nth-child(2){animation-duration:9s;animation-delay:-3s}.cables .hang:nth-child(3){animation-duration:12s;animation-delay:-6s}.cables .plug-line{fill:none;stroke:#020607;stroke-width:3.2px;stroke-linecap:round;filter:drop-shadow(0 0 1px #7ff0e480)}.cables .plug-core{fill:none;stroke:#7ff0e48c;stroke-width:1px;stroke-linecap:round}.cables .pulse{fill:#bff9f2;filter:drop-shadow(0 0 6px #7ff0e4)drop-shadow(0 0 12px #2d6bff)}.cables .plug-head{fill:#0a1416;stroke:#7ff0e4b3;stroke-width:1px}.glitch{display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-text);pointer-events:none;opacity:0;position:absolute;inset:0}.glitch:before{color:#ff4fa3;mix-blend-mode:screen}.glitch:after{color:#3df2ff;mix-blend-mode:screen}.glitch.is-on:before{opacity:.85;animation:.32s steps(2,end) infinite g1}.glitch.is-on:after{opacity:.85;animation:.28s steps(2,end) infinite g2}.glitch.is-on{animation:.3s steps(2,end) infinite gshake}.glitch.always:before{opacity:.55;transform:translate(-1.5px)}.glitch.always:after{opacity:.55;transform:translate(1.5px)}@keyframes g1{0%{clip-path:inset(10% 0 70%);transform:translate(-4px,-1px)}50%{clip-path:inset(60% 0 15%);transform:translate(3px,1px)}to{clip-path:inset(35% 0 45%);transform:translate(-2px)}}@keyframes g2{0%{clip-path:inset(65% 0 5%);transform:translate(4px,1px)}50%{clip-path:inset(5% 0 75%);transform:translate(-3px,-1px)}to{clip-path:inset(40% 0 30%);transform:translate(2px)}}@keyframes gshake{0%{transform:translate(0)}50%{transform:translate(1px,-1px)skew(-4deg)}to{transform:translate(-1px)}}.gimg{position:relative;overflow:hidden}.gimg>img,.gimg>.gimg-fill{object-fit:cover;width:100%;height:100%}.gimg .slice{opacity:0;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0}.gimg.is-on>img,.gimg.is-on>.gimg-fill{animation:.36s steps(3,end) both trapped}.gimg.is-on .slice{opacity:1}.gimg.is-on .slice.s1{clip-path:inset(18% 0 66%);filter:hue-rotate(160deg)saturate(2);transform:translate(-14px)}.gimg.is-on .slice.s2{clip-path:inset(52% 0 34%);filter:saturate(0)brightness(1.6);transform:translate(18px)scaleX(1.1)}.gimg.is-on .slice.s3{clip-path:inset(78% 0 8%);filter:hue-rotate(-90deg)contrast(1.6);transform:translate(-8px)}@keyframes trapped{0%{filter:none;transform:none}30%{filter:contrast(1.6)saturate(.2)hue-rotate(150deg);transform:scale(1.06,1.14)skew(5deg)}60%{filter:invert(.08)contrast(1.3);transform:scale(.98,1.02)skew(-3deg)translate(4px)}to{filter:none;transform:none}}.boot{z-index:100;background:radial-gradient(70% 55%,#0a1f6b 0%,#040b2e 55%,#01030c 100%);place-items:center;transition:opacity .45s,filter .45s;display:grid;position:fixed;inset:0}.boot.out{opacity:0;filter:blur(6px)brightness(2);pointer-events:none}.boot-inner{text-align:center;width:min(86vw,420px)}.boot .boot-title{color:#e8f1ff;text-shadow:0 0 18px var(--navi-glow);font-size:clamp(34px,9vw,54px)}.boot .boot-line{margin-top:14px;font-size:14px}.boot .bar{background:#8fb4ff26;width:100%;height:2px;margin:18px auto 0;overflow:hidden}.boot .bar i{background:linear-gradient(90deg, transparent, var(--pixel));width:0;height:100%;box-shadow:0 0 10px var(--pixel);animation:bootbar .9s var(--ease) forwards;display:block}@keyframes bootbar{to{width:100%}}.boot .boot-head{top:calc(18px + var(--safe-top));text-align:left;color:#cfe0ff;opacity:.85;font-size:13px;position:absolute;left:20px;right:20px}.whisper{z-index:2;pointer-events:none;font-family:var(--f-mono);letter-spacing:.08em;color:#a9dcdc61;white-space:nowrap;font-size:12px;animation:7s ease-in-out forwards whisper;position:fixed}@keyframes whisper{0%{opacity:0;filter:blur(3px)}15%{opacity:1;filter:blur()}80%{opacity:1}to{opacity:0;filter:blur(2px)}}