*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14.5px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}input,select,textarea{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2.5px solid var(--accent-2);outline-offset:2px}h1,h2,h3,h4{margin:0;line-height:1.15;text-wrap:balance;letter-spacing:-.015em}p{margin:0}ul{margin:0;padding:0;list-style:none}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.num{font-variant-numeric:tabular-nums}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.grow{flex:1;min-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;font-weight:750;font-size:14px;white-space:nowrap;transition:transform .12s ease,background-color .15s ease,box-shadow .15s}.btn:active{transform:translateY(1px)}.btn-dark{background:var(--ink);color:var(--bg)}.btn-dark:hover{box-shadow:0 6px 18px -6px #16151a80}.btn-dark .newbadge,.btn-acc{background:var(--accent);color:var(--on-accent)}.btn-acc:hover{background:var(--accent-2)}.btn-soft{background:var(--surface-2);color:var(--ink)}.btn-soft:hover{background:var(--surface-3)}.btn-line{border:1.5px solid var(--line-2);color:var(--ink)}.btn-line:hover{background:var(--surface-2)}.btn-sm{height:32px;padding:0 13px;font-size:13px}.btn-lg{height:50px;padding:0 24px;font-size:15.5px}.btn-icon{width:40px;padding:0}.btn[disabled]{opacity:.45;cursor:not-allowed}.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;background:var(--surface-2);font-size:12.5px;font-weight:700;color:var(--ink-2);white-space:nowrap}.chip.acc{background:var(--accent-soft);color:var(--accent-text)}.chip.good{background:var(--good-bg);color:var(--good)}.chip.bad{background:var(--bad-bg);color:var(--bad)}.chip.warn{background:var(--warn-bg);color:var(--warn)}.chip.dark{background:var(--ink);color:var(--bg)}.chip.pro{background:var(--accent-soft);color:var(--accent-text)}.space-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:3px 9px;border-radius:999px}.space-tag.study{background:var(--accent-soft);color:var(--accent-text)}.space-tag.prod{background:var(--warn-bg);color:var(--warn)}.space-tag.common{background:var(--surface-2);color:var(--ink-2)}.seg{display:inline-flex;background:var(--surface-2);border-radius:999px;padding:3px;gap:2px}.seg button{height:30px;padding:0 13px;border-radius:999px;font-weight:700;font-size:13px;color:var(--ink-2)}.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{height:36px;padding:0 15px;border-radius:999px;font-weight:700;font-size:13.5px;color:var(--ink-2);background:transparent}.tab:hover{background:var(--surface-2)}.tab[aria-selected=true]{background:var(--ink);color:var(--bg)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12.5px;font-weight:700;color:var(--ink-2)}.input{height:42px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface-2);padding:0 14px;outline:none;width:100%}.input:focus{border-color:var(--accent-2);background:var(--surface)}textarea.input{height:auto;padding:12px 14px;resize:vertical}.switch{position:relative;width:42px;height:24px;border-radius:999px;background:var(--line-2);flex:none;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--surface);transition:transform .2s;box-shadow:0 1px 3px #0003}.switch[aria-checked=true]{background:var(--accent-2)}.switch[aria-checked=true]:after{transform:translate(18px)}.newbadge{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:6px;background:var(--ink);color:var(--bg);font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;vertical-align:middle}.side .newbadge{background:var(--accent);color:var(--on-accent)}.app{display:grid;grid-template-columns:264px minmax(0,1fr);gap:16px;padding:16px;min-height:100vh}.app.collapsed{grid-template-columns:84px minmax(0,1fr)}.side{position:sticky;top:16px;align-self:start;height:calc(100vh - 32px);background:var(--side);color:var(--side-ink);border-radius:var(--r-lg);padding:16px 12px 12px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--side-3) transparent}.brand{display:flex;align-items:center;gap:11px;padding:2px 6px}.logo{width:44px;height:44px;border-radius:14px;background:var(--accent);display:grid;place-items:center;flex:none;overflow:hidden}.logo svg{width:40px;height:40px}.brand b{display:block;font-size:17px;font-weight:800;letter-spacing:-.01em}.brand small{display:block;color:var(--side-ink-2);font-size:12px;font-weight:600}.today-link{display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;border-radius:16px;font-weight:750;color:var(--side-ink);background:var(--side-2)}.today-link:hover{background:var(--side-3)}.today-link[aria-current=page]{background:var(--accent);color:var(--on-accent)}.today-link .tl-min{margin-left:auto;font-size:12px;font-weight:700;opacity:.8}.spaceswitch{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--side-2);border-radius:16px;padding:4px}.spaceswitch button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 11px;border-radius:12px;color:var(--side-ink-2);text-align:left}.spaceswitch button b{font-size:13.5px;color:inherit}.spaceswitch button small{font-size:11px;font-weight:600;opacity:.85}.spaceswitch button:hover{color:var(--side-ink)}.spaceswitch button[aria-pressed=true]{background:var(--side-ink);color:var(--side)}.nav{display:flex;flex-direction:column;gap:2px}.nav .grp{font-size:10.5px;font-weight:800;letter-spacing:.09em;color:var(--side-ink-2);padding:9px 12px 3px;text-transform:uppercase}.nav a{display:flex;align-items:center;gap:11px;height:36px;padding:0 12px;border-radius:13px;font-weight:650;color:var(--side-ink);text-decoration:none;cursor:pointer}.nav a .ic{width:22px;text-align:center;flex:none}.nav a .cnt{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--side-ink-2)}.nav a:hover{background:var(--side-2)}.nav a[aria-current=page]{background:var(--accent);color:var(--on-accent)}.nav a[aria-current=page] .cnt{color:var(--on-accent)}.side-fill{flex:1}.me{background:var(--side-2);border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:9px}.me-top{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:800;flex:none}.me-top b{display:block;font-size:14px}.me-top small{display:block;font-size:11.5px;color:var(--side-ink-2)}.bar{height:6px;border-radius:99px;background:var(--side-3);overflow:hidden}.bar i{display:block;height:100%;background:var(--accent);border-radius:99px}.skins{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--side-ink-2);font-weight:650}.skins .dots{display:flex;gap:6px}.skin-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--side-3)}.skin-dot[aria-pressed=true]{outline:2px solid var(--side-ink);outline-offset:1px}.free-pill{display:flex;justify-content:center;align-items:center;gap:6px;height:30px;border-radius:999px;background:var(--side-3);font-size:12px;font-weight:750;color:var(--side-ink-2)}.free-pill:hover{color:var(--side-ink)}.others{display:flex;gap:4px}.others button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px;border-radius:12px;font-size:11px;font-weight:700;color:var(--side-ink-2)}.others button span{font-size:16px}.others button:hover,.others button[aria-current=page]{background:var(--side-2);color:var(--side-ink)}.me-chip{margin-left:auto;font-size:10.5px;font-weight:800;color:var(--side-ink-2);background:var(--side-3);border-radius:999px;padding:3px 8px;white-space:nowrap}.me-chip:hover{color:var(--side-ink)}.app.collapsed .others button:not([data-act=collapse]),.app.collapsed .brand div,.app.collapsed .spaceswitch small,.app.collapsed .nav a .lbl,.app.collapsed .nav a .cnt,.app.collapsed .nav .grp,.app.collapsed .me,.app.collapsed .today-link .lbl,.app.collapsed .today-link .tl-min{display:none}.app.collapsed .spaceswitch{grid-template-columns:1fr}.app.collapsed .spaceswitch button{align-items:center;padding:8px 4px}.app.collapsed .spaceswitch b{font-size:16px}.app.collapsed .nav a,.app.collapsed .today-link{justify-content:center;padding:0}.app.collapsed .others{display:flex!important}.main{min-width:0;display:flex;flex-direction:column;gap:16px}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 0}.menu-btn{display:none}.crumb{display:flex;align-items:center;gap:8px;min-width:0;font-weight:750;font-size:15px;flex:0 1 auto}.space-tag{white-space:nowrap}.crumb .sep{color:var(--ink-3);font-weight:500}.crumb .here{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search{position:relative;margin-left:auto;width:min(280px,22vw)}.search input{height:40px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);padding:0 44px 0 38px;width:100%;outline:none;font-size:13.5px}.search input:focus{border-color:var(--accent-2)}.search .ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink-3);font-size:14px}.search kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);font:700 11px var(--font);color:var(--ink-3);border:1px solid var(--line-2);border-radius:6px;padding:1px 6px}.search-results{position:absolute;top:46px;left:0;right:0;background:var(--surface);border-radius:16px;box-shadow:var(--shadow-lg);padding:8px;display:flex;flex-direction:column;gap:2px;z-index:40}.search-results button{display:flex;gap:10px;align-items:center;text-align:left;padding:9px 10px;border-radius:10px;font-size:13.5px}.search-results button:hover{background:var(--surface-2)}.search-results small{color:var(--ink-3);margin-left:auto;font-size:11.5px;font-weight:700}.tpill{display:flex;align-items:center;gap:9px;height:40px;padding:0 14px 0 6px;border-radius:999px;background:var(--surface);font-weight:750;font-size:13px;white-space:nowrap;border:1.5px solid transparent}.tpill:hover{border-color:var(--line-2)}.tpill .mini-ring{width:30px;height:30px}.tpill .live{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--good)}.tpill .live i{width:7px;height:7px;border-radius:50%;background:var(--good);animation:pulse 1.6s infinite}.tpill .live.off{display:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.pchip{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;background:var(--ink);color:var(--bg);font-weight:800;font-size:13.5px;white-space:nowrap;position:relative;overflow:hidden}.pchip .pbar{position:absolute;left:0;bottom:0;height:3px;background:var(--accent)}.pchip.idle{background:var(--surface);color:var(--ink)}.pchip.brk{background:#1d3a44;color:#e6f4f1}.jar{display:flex;align-items:center;gap:6px;height:40px;padding:0 13px;border-radius:999px;background:var(--surface);font-weight:800;font-size:13.5px}.jar.bump{animation:bump .6s ease}@keyframes bump{30%{transform:scale(1.15)}}.endbtn{height:40px}.screen{display:flex;flex-direction:column;gap:16px;min-width:0;animation:fadein .25s ease}@keyframes fadein{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}.card{background:var(--surface);border-radius:var(--r-lg);padding:22px 24px;min-width:0}.card.tight{padding:18px 20px}.card h2{font-size:18px;font-weight:800}.card h3{font-size:15.5px;font-weight:800}.card .sub{color:var(--ink-2);font-size:13.5px;margin-top:4px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.page-head{background:var(--surface);border-radius:var(--r-lg);padding:26px 28px;display:flex;flex-direction:column;gap:10px}.page-head h1{font-size:clamp(26px,3.2vw,36px);font-weight:800;letter-spacing:-.025em}.page-head p{color:var(--ink-2);max-width:68ch}.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g-7-5{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.g-8-4{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}.tile{border-radius:var(--r-lg);padding:20px 22px;color:var(--tile-ink);min-width:0;display:flex;flex-direction:column;gap:10px}.tile .t-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.tile h3{font-size:16.5px;font-weight:800}.tile .t-sub{font-size:12.5px;opacity:.75;font-weight:600}.tile .big{font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1}.tile.y{background:var(--t-yellow)}.tile.g{background:var(--t-sage)}.tile.b{background:var(--t-blue)}.tile.p{background:var(--t-pink)}.tile.l{background:var(--t-lav)}.tile .chip{background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--tile-ink)}.tile .chip.dark{background:var(--tile-ink);color:var(--surface)}.list-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.list-row:first-child{border-top:0}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.kpi{background:var(--surface-2);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;min-width:0}.kpi .k-lbl{font-size:12px;font-weight:700;color:var(--ink-2)}.kpi .k-val{font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.kpi .k-sub{font-size:12px;color:var(--ink-3);font-weight:600}.kpi.good .k-sub{color:var(--good)}#tip{position:fixed;z-index:200;pointer-events:none;background:var(--ink);color:var(--bg);border-radius:12px;padding:8px 11px;font-size:12.5px;line-height:1.45;max-width:260px;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s}#tip.show{opacity:1;transform:none}#tip b{font-size:13.5px}#tip .tk{display:inline-block;width:12px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}#toasts{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;background:var(--ink);color:var(--bg);padding:11px 16px;border-radius:16px;font-weight:700;font-size:13.5px;box-shadow:var(--shadow-lg);animation:toastin .3s ease;max-width:min(92vw,460px)}.toast .t-ic{font-size:18px}@keyframes toastin{0%{opacity:0;transform:translateY(10px)}}.scrim{position:fixed;inset:0;z-index:120;background:var(--scrim);display:grid;place-items:center;padding:16px;animation:fadein .2s ease}.modal{background:var(--surface);border-radius:28px;width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:24px 26px;box-shadow:var(--shadow-lg);position:relative}.modal.wide{width:min(900px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.modal-head h2{font-size:22px;font-weight:800}.xbtn{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font-size:16px;flex:none}.xbtn:hover{background:var(--surface-2)}.opt{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:18px;border:1.5px solid var(--line);text-align:left;width:100%;background:var(--surface)}.opt:hover{border-color:var(--line-2)}.opt[aria-checked=true]{border-color:var(--accent-2);background:var(--accent-soft)}.opt .o-ic{font-size:20px;line-height:1}.opt b{display:block;font-size:14.5px}.opt small{display:block;color:var(--ink-2);font-size:12.5px;margin-top:2px}.opt .o-right{margin-left:auto;font-size:12px;font-weight:700;color:var(--ink-3);white-space:nowrap}.resume{background:var(--warn-bg);border:1.5px solid color-mix(in srgb,var(--warn) 30%,transparent);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.resume b{color:var(--warn)}.fish{display:block;width:100%;height:auto;overflow:visible}.fish .fish-all{animation:bob 3.4s ease-in-out infinite;transform-origin:110px 95px}.fish .fish-tail{animation:wag 1.3s ease-in-out infinite;transform-origin:60px 94px;transform-box:view-box}.fish .fish-fin{animation:fin 1.9s ease-in-out infinite;transform-origin:116px 110px;transform-box:view-box}.fish .fish-eye-open{animation:blink 5.5s infinite;transform-origin:146px 82px;transform-box:view-box}.fish .fish-eye-closed,.fish .zzz,.fish.sleep .fish-eye-open{display:none}.fish.sleep .fish-eye-closed{display:block}.fish.sleep .fish-all{animation-duration:5.5s}.fish.sleep .fish-tail{animation-duration:3.2s}.fish.sleep .zzz{display:block;animation:zz 3s ease-in-out infinite}.fish.party .fish-all{animation:hop .9s ease-in-out infinite}.fish.party .fish-tail{animation-duration:.45s}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes wag{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes fin{0%,to{transform:rotate(0)}50%{transform:rotate(-12deg)}}@keyframes blink{0%,93%,to{transform:scaleY(1)}95%{transform:scaleY(.12)}}@keyframes hop{0%,to{transform:translateY(0) rotate(0)}40%{transform:translateY(-16px) rotate(-5deg)}70%{transform:translateY(2px) rotate(2deg)}}@keyframes zz{0%{opacity:0;transform:translateY(6px)}30%{opacity:1}to{opacity:0;transform:translate(10px,-18px)}}.mascot-img{display:block;width:100%;height:auto;animation:bob 3.4s ease-in-out infinite}.speech{position:relative;background:var(--surface);color:var(--ink);border-radius:18px;padding:10px 14px;font-size:13px;font-weight:650;line-height:1.4;box-shadow:0 6px 20px -10px #16151a59;max-width:240px}.speech:after{content:"";position:absolute;width:14px;height:14px;background:inherit;transform:rotate(45deg);border-radius:3px}.speech.down:after{bottom:-6px;left:28px}.speech.left:after{left:-6px;top:22px}.hero{background:var(--surface);border-radius:var(--r-lg);padding:28px 30px;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;align-items:center;position:relative;overflow:hidden}.hero h1{font-size:clamp(30px,4.2vw,52px);font-weight:800;letter-spacing:-.035em;line-height:1.02}.hero .lead{font-size:16px;color:var(--ink-2);margin-top:12px;max-width:56ch}.hero .lead b{color:var(--ink)}.hero .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hero-mascot{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}.hero-mascot .speech{align-self:stretch}.hero-mascot .fishbox{width:170px}.plan-item{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.plan-item:first-of-type{border-top:0}.plan-item .pt{font-weight:800;font-size:13.5px}.plan-item .pt small{display:block;font-size:11px;color:var(--ink-3);font-weight:700}.plan-item b{display:block;font-size:14.5px}.plan-item .pmeta{font-size:12.5px;color:var(--ink-2)}.plan-item.done b{text-decoration:line-through;text-decoration-thickness:1.5px;color:var(--ink-3)}.plan-item .ok{width:30px;height:30px;border-radius:50%;background:var(--good-bg);color:var(--good);display:grid;place-items:center;font-weight:900}.plan-item.now{background:var(--accent-soft);border-radius:16px;padding:12px;margin:2px -12px;border-top-color:transparent}.daycard{background:var(--day-bg);color:var(--day-ink);border-radius:var(--r-lg);padding:22px 24px;display:flex;flex-direction:column;gap:14px;min-width:0}.daycard .muted{color:color-mix(in srgb,var(--day-ink) 72%,transparent)}.daycard .dc-top{display:flex;align-items:center;gap:18px}.daycard .ringbox{width:118px;height:118px;flex:none;position:relative}.daycard .ringbox .rv{position:absolute;inset:0;display:grid;place-items:center;text-align:center;line-height:1.1}.daycard .ringbox .rv b{font-size:26px;font-weight:800}.daycard .ringbox .rv small{display:block;font-size:11px;opacity:.75;font-weight:700}.dc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dc-stats div{background:color-mix(in srgb,var(--day-ink) 10%,transparent);border-radius:14px;padding:10px;text-align:center}.dc-stats b{display:block;font-size:18px;font-weight:800}.dc-stats small{font-size:11px;opacity:.75;font-weight:700}.daycard .btn-acc{align-self:flex-start}.habit-chips{display:flex;flex-wrap:wrap;gap:8px}.hchip{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:999px;font-weight:700;font-size:13px;background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--tile-ink)}.hchip .box{width:18px;height:18px;border-radius:6px;border:2px solid currentColor;display:grid;place-items:center;font-size:11px;opacity:.6}.hchip.on .box{background:var(--tile-ink);color:var(--surface);border-color:var(--tile-ink);opacity:1}.hchip .auto{font-size:10.5px;font-weight:800;opacity:.65}.mockcta{background:var(--side);color:var(--side-ink);border-radius:var(--r-lg);padding:22px 24px;display:flex;flex-direction:column;gap:10px;justify-content:space-between}.mockcta h3{font-size:22px;font-weight:800}.mockcta p{color:var(--side-ink-2);font-size:13.5px}.minibars{display:flex;align-items:flex-end;gap:8px;height:84px;margin-top:auto}.minibars div{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;height:100%;justify-content:flex-end}.minibars i{display:block;width:100%;max-width:24px;border-radius:5px 5px 2px 2px;background:color-mix(in srgb,var(--tile-ink) 26%,transparent)}.minibars .today i{background:var(--tile-ink)}.minibars span{font-size:11px;font-weight:700;opacity:.7}.minibars .today span{opacity:1}.errbars .eb{display:flex;flex-direction:column;gap:4px;margin-top:6px}.errbars .eb div:first-child{display:flex;justify-content:space-between;font-weight:700;font-size:13px}.errbars .track{height:7px;border-radius:99px;background:color-mix(in srgb,var(--tile-ink) 14%,transparent)}.errbars .track i{display:block;height:100%;border-radius:99px;background:var(--tile-ink)}.chart{position:relative;width:100%;min-width:0}.chart svg{display:block;width:100%;height:auto;overflow:visible}.chart-scroll{overflow-x:auto;scrollbar-width:thin}.chart-scroll>.chart{min-width:560px}.c-grid{stroke:var(--line);stroke-width:1}.c-base{stroke:var(--line-2);stroke-width:1}.c-goal{stroke:var(--ink-2);stroke-width:1.5}.c-lbl{fill:var(--ink-3);font-size:11px;font-weight:600;font-family:var(--font)}.c-lbl.strong{fill:var(--ink);font-weight:800}.c-val{fill:var(--ink);font-size:11.5px;font-weight:800;font-family:var(--font)}.c-goal-lbl{fill:var(--ink-2);font-size:11px;font-weight:700;font-family:var(--font)}.f1{fill:var(--s1)}.f2{fill:var(--s2)}.f3{fill:var(--s3)}.f4{fill:var(--s4)}.f5{fill:var(--s5)}.f0{fill:var(--s0)}.b1{background:var(--s1)}.b2{background:var(--s2)}.b3{background:var(--s3)}.b4{background:var(--s4)}.b5{background:var(--s5)}.b0{background:var(--s0)}.mark{transition:opacity .15s}.chart:hover .mark{opacity:.55}.chart .mark:hover,.chart .mark:focus{opacity:1}.col-hit{fill:transparent;cursor:pointer}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;font-weight:650;color:var(--ink-2);margin-bottom:10px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.hbar{display:grid;grid-template-columns:132px minmax(0,1fr) 92px;gap:12px;align-items:center;padding:7px 0;font-size:13.5px}.hbar .hl{display:flex;align-items:center;gap:8px;font-weight:700;min-width:0}.hbar .hl i{width:10px;height:10px;border-radius:3px;flex:none}.hbar .ht{height:12px;border-radius:0 4px 4px 0;background:var(--surface-2);overflow:hidden}.hbar .ht i{display:block;height:100%;border-radius:0 4px 4px 0}.hbar .hv{text-align:right;font-weight:800;font-variant-numeric:tabular-nums;font-size:13px}.hbar .hv small{color:var(--ink-3);font-weight:700}.heat{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.heat .hd{font-size:11px;font-weight:800;color:var(--ink-3);text-align:center}.heat .hc{aspect-ratio:1;border-radius:9px;display:grid;place-items:center;font-size:11.5px;font-weight:750;color:var(--ink-2);position:relative;max-width:100%}.heat .hc.t{outline:2.5px solid var(--ink);outline-offset:1px}.heat .hc.miss:after{content:"";position:absolute;bottom:5px;width:5px;height:5px;border-radius:50%;background:var(--bad)}.heat .hc.fut{background:transparent;border:1.5px dashed var(--line-2);color:var(--ink-3)}.h0{background:var(--heat0)}.h1{background:var(--heat1)}.h2{background:var(--heat2)}.h3{background:var(--heat3);color:#fff!important}.h4{background:var(--heat4);color:#fff!important}.h5{background:var(--heat5);color:#fff!important}.heat-legend{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ink-3);font-weight:700;flex-wrap:wrap}.heat-legend i{width:14px;height:14px;border-radius:4px;display:inline-block}.tbl-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13.5px}.tbl th{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);font-weight:800;text-align:left;padding:8px 10px;border-bottom:1.5px solid var(--line-2);white-space:nowrap}.tbl td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}.tbl td.n,.tbl th.n{text-align:right;font-variant-numeric:tabular-nums}.tbl tr.grp td{background:var(--surface-2);font-weight:800;font-size:12.5px;letter-spacing:.02em}.ring-svg{display:block;width:100%;height:100%}.testcard{background:var(--surface);border-radius:24px;padding:18px;display:flex;flex-direction:column;gap:10px;min-width:0}.testcard .tc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.testcard b{font-size:15.5px;font-weight:800}.testcard .meta{font-size:12.5px;color:var(--ink-2)}.pbar{height:6px;border-radius:99px;background:var(--surface-3);overflow:hidden}.pbar i{display:block;height:100%;border-radius:99px;background:var(--accent-2)}.sec-card{background:var(--surface);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:8px;text-align:left;min-width:0;border:1.5px solid transparent;transition:border-color .15s,transform .15s}.sec-card:hover{border-color:var(--line-2);transform:translateY(-2px)}.sec-card .sc-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:22px}.sec-card b{font-size:16px;font-weight:800}.sec-card p{font-size:13px;color:var(--ink-2)}.sec-card .sc-status{margin-top:auto;font-size:12.5px;font-weight:750}.resume-card{display:flex;align-items:center;gap:14px;background:var(--surface);border-radius:20px;padding:14px 16px;min-width:0}.resume-card .rc-ic{width:42px;height:42px;border-radius:12px;background:var(--accent-soft);display:grid;place-items:center;font-size:20px;flex:none}.levelcard{background:var(--surface-2);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0}.levelcard .lv-top{display:flex;justify-content:space-between;align-items:center}.levelcard b{font-size:15px}.levelcard p{font-size:12.5px;color:var(--ink-2)}.acc-row{display:grid;grid-template-columns:34px minmax(0,1fr) 92px;gap:10px;align-items:center;padding:6px 0;font-size:13px;font-weight:700}.acc-track{position:relative;height:14px;border-radius:0 4px 4px 0;background:var(--surface-2)}.acc-track i{display:block;height:100%;border-radius:0 4px 4px 0}.acc-track .mk{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ink);border-radius:2px}.acc-row .av{text-align:right;font-variant-numeric:tabular-nums}.acc-row .av small{display:block;font-size:11px;color:var(--ink-3)}.st-good{background:var(--s2)}.st-mid{background:var(--s4)}.st-bad{background:#d03b3b}.topic{border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:4px;min-height:132px;position:relative;color:var(--tile-ink);text-align:left}.topic .tp-ic{font-size:24px}.topic b{font-size:15px;margin-top:auto}.topic small{font-size:12px;opacity:.75;font-weight:600}.topic .chip{position:absolute;top:12px;right:12px}.flash{background:var(--surface-2);border-radius:24px;padding:28px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;min-height:220px;justify-content:center}.flash .w{font-size:34px;font-weight:800;letter-spacing:-.02em}.flash .ipa{color:var(--ink-3);font-weight:600}.flash .mean{font-size:18px;font-weight:700}.flash .ex{color:var(--ink-2);font-size:13.5px;max-width:52ch;font-style:italic}.diff{line-height:2}.diff .ok{background:var(--good-bg);color:var(--good);border-radius:5px;padding:1px 4px;font-weight:700}.diff .no{background:var(--bad-bg);color:var(--bad);border-radius:5px;padding:1px 4px;font-weight:700;text-decoration:line-through}.diff .miss{background:var(--warn-bg);color:var(--warn);border-radius:5px;padding:1px 4px;font-weight:700}.errtbl td{font-size:13px}.errtbl .tips{font-size:12.5px;color:var(--ink-2)}.errtbl tr.c-y td{background:color-mix(in srgb,var(--t-yellow) 45%,transparent)}.errtbl tr.c-b td{background:color-mix(in srgb,var(--t-blue) 45%,transparent)}.trap-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr) auto;gap:12px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:13.5px}.trap-row:first-of-type{border-top:0}.trap-row b{font-weight:750}.trap-row .tt{height:10px;border-radius:0 4px 4px 0;background:var(--surface-2)}.trap-row .tt i{display:block;height:100%;border-radius:0 4px 4px 0;background:var(--s1)}.trap-row .chip{justify-self:end}.app.playing{grid-template-columns:minmax(0,1fr)}.app.playing .side,.app.playing .topbar,.app.playing .tabbar{display:none}.player{display:flex;flex-direction:column;gap:14px;min-height:calc(100vh - 84px)}.p-top{display:flex;align-items:center;gap:10px;background:var(--side);color:var(--side-ink);border-radius:20px;padding:10px 12px;flex-wrap:wrap}.p-top .p-title{font-weight:800;font-size:15px;display:flex;align-items:center;gap:10px;min-width:0}.p-top .logo{width:34px;height:34px;border-radius:10px}.p-top .logo svg{width:30px;height:30px}.p-top .spacer{flex:1}.p-top .btn-soft{background:var(--side-2);color:var(--side-ink)}.timerbar{display:flex;align-items:center;gap:8px;height:34px;padding:0 6px 0 12px;border-radius:999px;background:var(--side-2);font-weight:800;font-size:13px}.timerbar small{color:var(--side-ink-2);font-weight:700}.timerbar button{width:26px;height:26px;border-radius:50%;background:var(--side-3)}.p-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;flex:1}.passage{background:var(--surface);border-radius:24px;padding:22px 24px;font-size:15px;line-height:1.75;min-width:0}.passage .doc{border:1.5px solid var(--line);border-radius:16px;padding:18px 20px;background:var(--surface-2)}.passage .doc h4{font-size:15px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}.passage .w{border-bottom:2px dotted var(--accent-2);cursor:pointer}.passage mark{background:color-mix(in srgb,var(--t-yellow) 85%,transparent);color:var(--ink);border-radius:4px;padding:0 2px}.toggles{display:flex;flex-direction:column;gap:10px;margin-top:16px}.toggle-row{display:flex;align-items:center;gap:10px;background:var(--t-yellow);color:var(--tile-ink);border-radius:16px;padding:12px 14px;font-weight:750;font-size:14px}.toggle-row .chip{background:color-mix(in srgb,var(--surface) 65%,transparent);color:var(--tile-ink)}.toggle-row .switch{margin-left:auto}.qpanel{background:var(--surface);border-radius:24px;padding:22px 24px;display:flex;flex-direction:column;gap:12px;min-width:0}.qpanel .qn{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 9px;border-radius:8px;background:var(--accent-soft);color:var(--accent-text);font-weight:800;font-size:12.5px}.qpanel .qtext{font-size:17px;font-weight:750;line-height:1.4}.ans{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;border:1.5px solid var(--line);font-size:15px;font-weight:600;text-align:left;width:100%;background:var(--surface)}.ans:hover{border-color:var(--line-2)}.ans .rd{width:20px;height:20px;border-radius:50%;border:2px solid var(--ink-3);flex:none}.ans.right{border-color:var(--good-line);background:var(--good-bg);color:var(--good)}.ans.right .rd{border-color:var(--good);background:radial-gradient(circle,var(--good) 45%,transparent 50%)}.ans.wrong{border-color:var(--bad-line);background:var(--bad-bg);color:var(--bad)}.ans.wrong .rd{border-color:var(--bad)}.explain{border:1.5px solid var(--line);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:10px;font-size:13.5px}.explain .qvi{background:var(--accent-soft);border-radius:12px;padding:10px 12px;font-weight:650}.explain .opt-x{display:grid;grid-template-columns:24px 1fr;gap:8px;padding:8px 10px;border-radius:12px}.explain .opt-x.ok{background:var(--good-bg)}.explain .opt-x .L{width:22px;height:22px;border-radius:7px;background:var(--surface-2);display:grid;place-items:center;font-weight:800;font-size:12px}.explain .trap{display:inline-block;font-weight:800}.p-foot{display:flex;align-items:center;gap:10px}.p-foot .spacer{flex:1}.qgrid-btn{height:40px;padding:0 16px;border-radius:999px;background:var(--ink);color:var(--bg);font-weight:800}.notepanel{position:fixed;top:0;right:0;bottom:0;width:min(400px,92vw);background:var(--surface);z-index:110;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slidein .25s ease}@keyframes slidein{0%{transform:translate(30px);opacity:.5}}.notepanel header{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}.notepanel textarea{flex:1;border:0;outline:none;resize:none;padding:16px 20px;background:repeating-linear-gradient(var(--surface),var(--surface) 31px,var(--line) 32px);line-height:32px;font-size:14.5px}.vpop{position:fixed;z-index:115;background:var(--ink);color:var(--bg);border-radius:16px;padding:12px 14px;width:240px;box-shadow:var(--shadow-lg);font-size:13px;display:flex;flex-direction:column;gap:8px}.vpop b{font-size:16px}.vpop .btn{height:32px}.focus-preview{background:radial-gradient(120% 90% at 50% 20%,var(--focus-b),var(--focus-a));color:#f4f2fa;border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;overflow:hidden;min-height:380px;justify-content:center}.focus-preview .fp-stage{width:210px;height:210px;position:relative}.focus-preview .fp-stage svg.ring-svg{position:absolute;inset:0}.focus-preview .fp-fish{position:absolute;inset:38px}.focus-preview .fp-time{font-size:44px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.focus-preview .fp-lbl{font-size:12px;font-weight:800;letter-spacing:.12em;opacity:.7}.preset{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border-radius:16px;border:1.5px solid var(--line);text-align:left;flex:1;min-width:110px}.preset b{font-size:18px;font-weight:800}.preset small{font-size:12px;color:var(--ink-2);font-weight:600}.preset[aria-pressed=true]{border-color:var(--accent-2);background:var(--accent-soft)}.sess-row{display:grid;grid-template-columns:96px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:13.5px}.sess-row:first-child{border-top:0}.sess-row .time{font-weight:800;font-variant-numeric:tabular-nums;font-size:13px}.sess-row .tag{display:inline-flex;align-items:center;gap:6px;font-weight:700}.sess-row .tag i{width:9px;height:9px;border-radius:3px}.insight{display:flex;gap:14px;align-items:flex-start;background:var(--accent-soft);border-radius:20px;padding:16px 18px}.insight .ii{font-size:26px;line-height:1}.insight b{display:block;font-size:15px;margin-bottom:2px}.insight p{font-size:13.5px;color:var(--ink-2)}.cal{display:grid;grid-template-columns:52px repeat(7,minmax(92px,1fr));border-radius:20px;overflow:hidden;background:var(--line);gap:1px;min-width:720px}.cal .ch{background:var(--surface-2);padding:8px 6px;text-align:center;font-size:12px;font-weight:800;color:var(--ink-2)}.cal .ch b{display:block;font-size:16px;color:var(--ink)}.cal .ch.today{background:var(--ink);color:var(--bg)}.cal .ch.today b{color:var(--bg)}.cal .hr{background:var(--surface);font-size:11px;color:var(--ink-3);font-weight:700;padding:4px 6px;text-align:right;height:56px}.cal .cell{background:var(--surface);height:56px;position:relative}.cal .cell:hover{background:var(--surface-2)}.ev{position:absolute;left:4px;right:4px;border-radius:12px;padding:6px 8px;font-size:11.5px;font-weight:700;line-height:1.3;overflow:hidden;z-index:2;color:var(--tile-ink);cursor:pointer}.ev b{display:block;font-size:12px}.ev .evp{position:absolute;left:0;bottom:0;height:4px;background:var(--tile-ink);opacity:.5}.ev.done{opacity:.6}.ev .go{display:inline-flex;margin-top:4px;height:22px;padding:0 8px;border-radius:999px;background:var(--tile-ink);color:var(--surface);font-size:11px;align-items:center}.habit-grid{display:grid;gap:4px;align-items:center;min-width:600px}.habit-grid .hn{font-weight:750;font-size:13px;display:flex;align-items:center;gap:6px;white-space:nowrap;padding-right:8px}.habit-grid .hn .auto{font-size:10px;font-weight:800;color:var(--accent-text);background:var(--accent-soft);border-radius:6px;padding:1px 5px}.habit-grid .dh{font-size:10.5px;color:var(--ink-3);font-weight:800;text-align:center}.habit-grid .dh.t{color:var(--ink)}.hb{aspect-ratio:1;border-radius:7px;border:1.5px solid var(--line-2);display:grid;place-items:center;font-size:11px;font-weight:900;background:var(--surface)}.hb.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}.hb.auto{background:var(--accent-2);border-color:var(--accent-2);color:var(--on-accent)}.hb.fut{border-style:dashed;opacity:.5}.hb.t{outline:2px solid var(--ink);outline-offset:1px}.note{border-radius:22px;padding:18px 20px;display:flex;flex-direction:column;gap:10px;min-height:190px;background:var(--surface)}.note .nt{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.note b{font-size:15px;font-weight:800}.note .nd{font-size:11.5px;color:var(--ink-3);font-weight:700;white-space:nowrap}.note .paper{border-radius:14px;padding:10px 14px;font-size:13.5px;line-height:1.7;flex:1;color:var(--tile-ink)}.jarbig{width:170px;flex:none}.badge{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:16px 10px;border-radius:20px;background:var(--surface-2)}.badge .bi{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:26px;background:var(--surface)}.badge b{font-size:13px}.badge small{font-size:11.5px;color:var(--ink-3);font-weight:600}.badge.locked{opacity:.5}.badge.locked .bi{filter:grayscale(1)}.focus{position:fixed;inset:0;z-index:150;color:#f4f2fa;display:flex;flex-direction:column;background:radial-gradient(120% 90% at 50% 25%,var(--focus-b),var(--focus-a) 70%);transition:background 1s ease;overflow:hidden;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}.focus[data-phase=break]{--focus-a:#0D1A20;--focus-b:#1C4048}.focus .bubbles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.focus .bubbles i{position:absolute;bottom:-40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.28);background:radial-gradient(circle at 35% 30%,#ffffff59,#ffffff0a 60%);animation:rise linear infinite}@keyframes rise{to{transform:translateY(-115vh) translate(20px)}}.focus-top{position:relative;display:flex;align-items:center;gap:10px;padding:16px 20px;flex-wrap:wrap}.focus-top .ftl{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px}.focus-top .ftl small{font-weight:650;opacity:.7;font-size:13px}.focus-top .spacer{flex:1}.fbtn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border-radius:999px;background:#ffffff1a;color:#f4f2fa;font-weight:750;font-size:13px;white-space:nowrap}.fbtn:hover{background:#ffffff2e}.fbtn.pri{background:#b3a6f0;color:#16151a}.fbtn.pri:hover{background:#c6bcf6}.fbtn[aria-pressed=true]{background:#f4f2fa;color:#16151a}.focus-center{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:0 20px;min-height:0}.focus-task{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:#ffffff1a;font-weight:750;font-size:13.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.focus-stage{position:relative;width:min(44vh,330px);aspect-ratio:1}.focus-stage .ring-svg{position:absolute;inset:0}.focus-stage .ff{position:absolute;inset:11% 12% 13% 10%}.focus-stage .fspeech{position:absolute;right:-8%;top:-2%;transform:translate(60%);background:#f4f2fa;color:#16151a;border-radius:16px;padding:9px 13px;font-size:13px;font-weight:700;width:200px;line-height:1.35;box-shadow:0 10px 30px -10px #00000080}.focus-stage .fspeech:after{content:"";position:absolute;left:-6px;top:20px;width:13px;height:13px;background:inherit;transform:rotate(45deg);border-radius:3px}.focus-time{font-size:clamp(56px,11vh,104px);font-weight:800;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.focus-phase{font-size:12.5px;font-weight:800;letter-spacing:.18em;opacity:.75}.focus-dots{display:flex;gap:7px}.focus-dots i{width:10px;height:10px;border-radius:50%;background:#ffffff38}.focus-dots i.on{background:#b3a6f0}.focus-dots i.cur{background:#f4f2fa}.focus-ctrl{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}.focus-ctrl .fbtn{height:46px;padding:0 20px;font-size:14px}.focus-hint{font-size:12px;opacity:.55;font-weight:600}.focus-break{display:none;gap:8px;flex-wrap:wrap;justify-content:center}.focus[data-phase=break] .focus-break{display:flex}.focus-break span{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:999px;background:#ffffff1a;font-size:13px;font-weight:700}.focus-foot{position:relative;display:flex;align-items:center;gap:14px;padding:14px 20px 18px;flex-wrap:wrap;font-size:13px;font-weight:700}.focus-foot .fprog{flex:1;min-width:160px;height:6px;border-radius:99px;background:#ffffff26;overflow:hidden}.focus-foot .fprog i{display:block;height:100%;background:#b3a6f0;border-radius:99px}.focus .countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:min(30vh,220px);font-weight:800;background:#0a09108c;z-index:5;animation:fadein .2s}.focus .burst{position:absolute;left:50%;top:21%;transform:translate(-50%,-50%);z-index:6;font-size:44px;font-weight:800;color:#f4f2fa;text-align:center;pointer-events:none;animation:burst 2.2s ease forwards}.focus .burst small{display:block;font-size:16px;font-weight:700;opacity:.85}@keyframes burst{0%{opacity:0;transform:translate(-50%,-30%) scale(.8)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-80%)}}.rep-hero{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center;background:var(--t-lav);color:var(--tile-ink);border-radius:24px;padding:18px 20px}.rep-hero h2{font-size:clamp(22px,3vw,30px);font-weight:800;letter-spacing:-.02em}.rep-hero p{font-size:14px;opacity:.85;margin-top:4px}.tomorrow{border:1.5px dashed var(--line-2);border-radius:20px;padding:16px 18px;display:flex;flex-direction:column;gap:10px}.goodbye{display:flex;align-items:center;gap:16px;background:var(--side);color:var(--side-ink);border-radius:var(--r-lg);padding:18px 22px}.goodbye .gfish{width:96px;flex:none}.tabbar{display:none}@media(max-width:1200px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.search{width:min(220px,22vw)}}@media(max-width:1440px){.tpill .live span{display:none}.endbtn .eb-txt{font-size:0}.endbtn .eb-txt:after{content:"Kết thúc";font-size:14px}}@media(max-width:1240px){.search{display:none}.crumb .here{max-width:16ch}}@media(max-width:1020px){.g3{grid-template-columns:repeat(2,minmax(0,1fr))}.g-7-5,.g-8-4,.p-body{grid-template-columns:minmax(0,1fr)}.search{display:none}}@media(max-width:880px){.app{grid-template-columns:minmax(0,1fr);padding:12px 16px 96px}.app.collapsed{grid-template-columns:minmax(0,1fr)}.side{position:fixed;left:0;top:0;bottom:0;height:auto;width:min(300px,86vw);border-radius:0 24px 24px 0;z-index:140;transform:translate(-105%);transition:transform .25s ease;box-shadow:var(--shadow-lg)}.side.open{transform:none}.side-scrim{position:fixed;inset:0;background:var(--scrim);z-index:139}.collapse-btn{display:none}.topbar{top:0;flex-wrap:nowrap;gap:6px}.crumb{display:none}.tpill{margin-right:auto}.tpill .tp-unit,.tpill .live,.pchip.idle #pchipTxt{display:none}.pchip{padding:0 12px}.focus-top .ftl small{display:none}.menu-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--surface);flex:none;font-size:18px}.crumb{font-size:14px}.crumb .sp{display:none}.tpill{padding:0 12px 0 6px}.endbtn .eb-txt{display:none}.endbtn{width:40px;padding:0}.jar{padding:0 10px}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--surface);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))}.tabbar button{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:750;color:var(--ink-3);padding:4px 0}.tabbar button span{font-size:19px;line-height:1.1}.tabbar button[aria-current=page]{color:var(--ink)}.tabbar .fab span{width:50px;height:50px;margin-top:-22px;border-radius:50%;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-size:20px;box-shadow:0 8px 20px -8px #16151a99}.hero{grid-template-columns:minmax(0,1fr);padding:22px}.hero-mascot{flex-direction:row;align-items:center}.hero-mascot .fishbox{width:96px;flex:none}.g2{grid-template-columns:minmax(0,1fr)}.step{grid-template-columns:minmax(0,1fr);gap:6px}.step .when{text-align:left;padding-top:0;display:flex;gap:8px;align-items:baseline}.step:before,.step .sbody:before{display:none}.s-grid,.beforeafter{grid-template-columns:minmax(0,1fr)}.ba-arrow{transform:rotate(90deg);justify-self:center}.focus-stage .fspeech{display:none}.rep-hero{grid-template-columns:72px minmax(0,1fr)}}@media(max-width:560px){.g3,.g4{grid-template-columns:minmax(0,1fr)}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:18px}.page-head{padding:20px}.hbar{grid-template-columns:96px minmax(0,1fr) 74px;gap:8px}.dc-stats{grid-template-columns:repeat(3,1fr)}.daycard .dc-top{flex-direction:column;align-items:flex-start}.focus-ctrl .fbtn{height:42px;padding:0 14px}.focus-top .fbtn .lbl{display:none}.modal{padding:20px 18px;border-radius:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.dc-spark{display:flex;align-items:flex-end;gap:3px;height:38px;margin-top:4px}.dc-spark i{flex:1;max-width:10px;border-radius:2px 2px 1px 1px;background:color-mix(in srgb,var(--day-ink) 18%,transparent)}.dc-spark i.on{background:var(--accent)}.logo .fish .fish-all,.logo .fish g{animation:none!important}.mascot-img.sleep{filter:saturate(.6) brightness(.85);animation-duration:6s}.mascot-img.party{animation:hop .9s ease-in-out infinite}.passage.nov .w{border-bottom:0;cursor:text}.pchip.idle#pchip2{background:var(--side-2);color:var(--side-ink)}.search-results:empty{display:none}.focus .countdown{color:#f4f2fa}.focus .logo{background:#b3a6f0}.tpill .mini-ring .ring-svg{width:30px;height:30px}.hero .lead b{font-weight:800}.lp-node:focus-visible rect{stroke:var(--ink);stroke-width:2.5}@media(max-width:880px){.others button[data-act=collapse]{display:none}}.trap-v{display:flex;flex-direction:column;gap:5px;padding:9px 0;border-top:1px solid var(--line);font-size:13.5px}.trap-v:first-of-type{border-top:0}.tv-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.tv-top b{font-weight:750}.tv-top .num{font-weight:800;font-size:12.5px;white-space:nowrap}.tv-bot{display:flex;align-items:center;gap:8px;min-height:24px}.tv-bot .tt{flex:1;height:8px;border-radius:0 4px 4px 0;background:var(--surface-3)}.tv-bot .tt i{display:block;height:100%;border-radius:0 4px 4px 0;background:var(--s1)}.habit-grid .hb{width:min(100%,34px);justify-self:center}.habit-grid .dh{justify-self:center}.tpill .live{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700}.tpill .live i{width:8px;height:8px;border-radius:50%;flex:none}.tpill .live.on{color:var(--good)}.tpill .live.on i{background:var(--good);animation:pulse 1.6s infinite}.tpill .live.paused{color:var(--ink-3)}.tpill .live.paused i{background:var(--ink-3);animation:none}.tpill .live.none{color:var(--ink-3)}.tpill .live.none i{background:transparent;border:1.5px solid var(--ink-3);animation:none}.tpill .live .lv-time:empty{display:none}.sesschip{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:999px;background:#6ccb8c29;color:#8ee0a8;font-size:12.5px;font-weight:700;white-space:nowrap}.sesschip .ss-time{font-size:13px;font-weight:800}.sesschip.paused{background:var(--side-3);color:var(--side-ink-2)}.ss-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none;animation:pulse 1.6s infinite}.paused .ss-dot,.paused.ss-dot{animation:none;opacity:.7}.sessbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;background:var(--good-bg);color:var(--good);border-radius:14px;padding:8px 8px 8px 14px;font-size:13px;font-weight:700}.sessbar .ss-time{font-size:14px;font-weight:800}.sessbar.paused{background:var(--surface-2);color:var(--ink-3)}.startbox{background:var(--surface-2);border-radius:20px;padding:18px 20px;display:flex;flex-direction:column;gap:14px}.rulebox{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:1.5px solid var(--good-line);border-radius:20px;padding:14px 18px}.rulebox .ii{font-size:20px;line-height:1.2;color:var(--good)}.rulebox p{font-size:13.5px;color:var(--ink-2);margin-top:3px;max-width:110ch}.rulebox p b{color:var(--ink)}.note[data-act],.note-like{cursor:pointer;border:1.5px solid transparent;transition:border-color .15s}.note[data-act]:hover,.note-like:hover{border-color:var(--line-2)}.reader p{font-size:15px;line-height:1.75;margin-bottom:12px;max-width:66ch}@media(max-width:1440px){.tpill .live .lv-lbl{display:none}.tpill .live.none .lv-lbl{display:inline}}@media(max-width:1240px){.tpill .live.none .lv-lbl{display:none}}@media(max-width:880px){.tpill .live{display:inline-flex}.tpill .live.none,.tpill .live .lv-lbl,.sesschip .ss-lbl{display:none}}.tnbtn{height:40px;padding:0 14px}.notepanel{z-index:160}.tn-tools{display:flex;align-items:center;gap:8px;padding:10px 18px;border-bottom:1px solid var(--line)}.tn-dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--line-2)}.tn-dot[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}.tn-sep{width:1px;height:20px;background:var(--line-2);margin:0 4px}.tn-fb{width:32px;height:32px;border-radius:9px;background:var(--surface-2);font-size:14px}.tn-fb:hover{background:var(--surface-3)}.tn-title{border:0;border-bottom:1px solid var(--line);padding:12px 20px;font-weight:800;font-size:15px;background:var(--surface);outline:none;color:var(--ink)}.tn-foot{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:12px 18px;border-top:1px solid var(--line);flex-wrap:wrap}@media(max-width:1440px){.tnbtn .tn-txt{display:none}.tnbtn{width:40px;padding:0}}.gstatus{display:flex;align-items:center;gap:14px;background:var(--surface);border-radius:20px;padding:14px 18px;flex-wrap:wrap}.gstatus.on{background:#1d3a44;color:#e6f4f1}.gstatus.on p{color:#bfd9d6}.gstatus .gs-ic{font-size:24px}.gstatus b{font-size:15px}.gstatus p{font-size:13.5px;color:var(--ink-2)}.gcard{background:var(--surface);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;min-width:0}.gthumb{height:170px;position:relative;overflow:hidden;display:grid;place-items:center}.gt-bubble{background:linear-gradient(#1c4048,#0d1a20)}.gt-bubble i{position:absolute;bottom:-30px;border-radius:50%;border:1.5px solid rgba(255,255,255,.45);background:radial-gradient(circle at 35% 30%,#ffffff80,#ffffff0d 60%);animation:rise 6s linear infinite}.gt-fish{width:120px;position:relative}.gt-jelly{background:linear-gradient(135deg,#eef1f2,#dfe6ea)}.gt-jelly span{font-size:72px;filter:saturate(.8)}.gbody{padding:18px 20px;display:flex;flex-direction:column;gap:8px}.gameov{position:fixed;inset:0;z-index:170;display:flex;flex-direction:column;background:#0d1a20;color:#f4f2fa;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}.g-top{display:flex;align-items:center;gap:10px;padding:12px 16px;flex-wrap:wrap;background:#00000040}.g-top .spacer{flex:1}.g-switch{background:#ffffff14}.g-switch button{color:#cfe3e6}.g-switch button[aria-pressed=true]{background:#f4f2fa;color:#16151a}.g-timer{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;background:#ffffff1a;font-weight:700;font-size:13px;white-space:nowrap}.g-timer b{font-variant-numeric:tabular-nums;font-size:15px}.g-score{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:15px;white-space:nowrap}.g-score small{opacity:.7;font-weight:700;font-size:12px}.g-body{position:relative;flex:1;min-height:0;overflow:hidden}.g-body canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:pointer}.g-hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);font-size:12.5px;font-weight:650;background:#0000004d;padding:6px 12px;border-radius:999px;pointer-events:none;text-align:center;max-width:92%;opacity:.85}.g-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#eef1f2}.g-credit{position:absolute;left:12px;right:12px;bottom:12px;font-size:12px;font-weight:650;background:#0d1a20d9;color:#e6f4f1;border-radius:12px;padding:8px 12px}.g-credit a{color:#b3a6f0;font-weight:800}.g-out{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}.g-foot{padding:10px 16px;font-size:12.5px;font-weight:650;opacity:.75;text-align:center}.g-end{position:absolute;inset:0;background:#091014d6;display:grid;place-items:center;z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.g-endbox{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:24px}.g-endbox h2{font-size:28px;font-weight:800}.focus-break .fbtn{height:34px}@media(max-width:560px){.g-score small{display:none}.g-top{gap:8px;padding:10px 12px}}@media(max-width:560px){.gstatus{flex-direction:column;align-items:flex-start}.gstatus .grow{width:100%}}.space-tag.tnote{background:var(--note-bg);color:var(--note-ink)}.spaceswitch.three{grid-template-columns:repeat(3,minmax(0,1fr))}.spaceswitch.three button{align-items:center;text-align:center;gap:1px;padding:7px 2px 6px}.spaceswitch.three .ss-ic{font-size:17px;line-height:1.25}.spaceswitch.three b{font-size:12px;font-weight:800;white-space:nowrap}.app.collapsed .spaceswitch.three{grid-template-columns:1fr}.app.collapsed .spaceswitch.three b{display:none}.pc-kem{--paper:#FBF7EE;--rule:#E3D9C6;--band:#F3ECDD}.pc-hong{--paper:#FCEBF2;--rule:#EDCBD9;--band:#F7DEE8}.pc-xanh{--paper:#EAF1FB;--rule:#CCD9EC;--band:#DEE8F6}.pc-la{--paper:#EDF4E7;--rule:#D0DEC3;--band:#E1ECD7}.pc-vang{--paper:#FBF6DA;--rule:#E9DEAA;--band:#F5ECC2}.pc-tim{--paper:#F0EDFD;--rule:#D8D1F4;--band:#E5E0FA}.nbm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.nbm{background:var(--surface);border-radius:22px;padding:14px;display:flex;flex-direction:column;gap:10px;border:1.5px solid transparent;cursor:pointer;transition:border-color .15s,transform .15s;min-width:0}.nbm:hover{border-color:var(--line-2);transform:translateY(-1px)}.nbm-th{height:118px;border-radius:16px;display:grid;place-items:center;background:var(--paper);padding:6px}.nbm-th svg{width:100%;height:100%;max-width:210px}.nbm b{font-size:16px;font-weight:800}.nbm p{font-size:13px;color:var(--ink-2);line-height:1.5;flex:1}.nb-note .paper{background:var(--paper);color:#2a2631}.nbsec-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.nbsec-h h2{font-size:20px;font-weight:800}.nb-phead{gap:8px;padding:20px 26px}.nb-phead h1{font-size:clamp(24px,2.6vw,32px)}.nb-steps{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.nb-steps li{display:flex;align-items:center;gap:8px;background:var(--surface-2);border-radius:999px;padding:4px 12px 4px 4px;font-size:13px;font-weight:650;color:var(--ink-2)}.nb-steps li b{width:22px;height:22px;border-radius:50%;background:var(--note-bg);color:var(--note-ink);display:grid;place-items:center;font-size:12px;flex:none}.nb-card{background:var(--surface);border-radius:var(--r-lg);padding:14px 16px 16px;display:flex;flex-direction:column;gap:12px;min-width:0}.nb-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nb-pages{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;max-width:100%;padding:2px}.nb-pages::-webkit-scrollbar{display:none}.nb-pg{flex:none;height:32px;max-width:220px;padding:0 13px;border-radius:999px;background:var(--surface-2);color:var(--ink-2);font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nb-pg:hover{background:var(--surface-3);color:var(--ink)}.nb-pg[aria-selected=true]{background:var(--ink);color:var(--bg)}.nb-sess{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:999px;background:var(--good-bg);color:var(--good);font-size:12.5px;font-weight:700;white-space:nowrap}.nb-sess .ss-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.nb-sess .ss-time{font-size:13px;font-weight:800}.nb-sess.paused{background:var(--surface-2);color:var(--ink-3)}.nb-saved{font-size:12.5px;font-weight:700;color:var(--ink-3);white-space:nowrap}.nb-saved.ing{color:var(--accent-text)}.nb-toolwrap{position:sticky;top:112px;z-index:25;display:flex;flex-direction:column;gap:8px;background:var(--surface);padding:8px 0 10px;border-bottom:1px solid var(--line)}.nb-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.nbg{display:flex;align-items:center;gap:3px;background:var(--surface-2);border-radius:14px;padding:3px}.nbg-l{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:0 5px 0 8px;white-space:nowrap}.nbt{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border-radius:11px;font-weight:700;font-size:13px;color:var(--ink-2);white-space:nowrap}.nbt:hover{background:var(--surface-3);color:var(--ink)}.nbt[aria-pressed=true]{background:var(--ink);color:var(--bg)}.nbt-i{font-size:15px;line-height:1}.nbt b{font-size:15px;font-weight:900}.nbdot{width:24px;height:24px;border-radius:50%;background:var(--c);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line-2);margin:0 2px;flex:none}.nbdot.paper{background:linear-gradient(135deg,var(--c) 50%,var(--c2) 50%)}.nbdot:hover{box-shadow:0 0 0 1.5px var(--ink-3)}.nbdot[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}.nbsz{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;flex:none}.nbsz:hover{background:var(--surface-3)}.nbsz i{display:block;border-radius:50%;background:var(--ink-2)}.nbsz i.er{background:transparent;border:2px solid var(--ink-2)}.nbsz[aria-pressed=true]{background:var(--ink)}.nbsz[aria-pressed=true] i{background:var(--bg)}.nbsz[aria-pressed=true] i.er{background:transparent;border-color:var(--bg)}.pv{display:inline-block;width:18px;height:18px;border-radius:4px;border:1.5px solid #CFC6B4;background-color:#fbf7ee;flex:none}.pv-ngang{background-image:linear-gradient(transparent 5px,#b9af9c 5px);background-size:100% 6px}.pv-soc{background-image:linear-gradient(#E3D6BC 50%,transparent 50%);background-size:100% 8px}.pv-o{background-image:linear-gradient(#C9BFAB 1px,transparent 1px),linear-gradient(90deg,#C9BFAB 1px,transparent 1px);background-size:5px 5px}.nbf.f-nunito{font-family:"Nunito",var(--font)}.nbf.f-quicksand{font-family:"Quicksand",var(--font)}.nbf.f-baloo{font-family:"Baloo 2",var(--font)}.nb-addrow{gap:10px}.nb-addrow .faint,.nb-foot{font-size:12.5px;font-weight:600}.nb-desk{background:var(--surface-2);border-radius:22px;padding:24px;display:flex;justify-content:center;min-width:0}.nb-sheet{position:relative;width:100%;max-width:900px;min-height:640px;background-color:var(--paper);border-radius:8px;box-shadow:0 1px 2px #16151a0f,0 22px 44px -26px #16151a80;padding:30px 42px 44px;color:#2a2631;font-size:16px;line-height:32px;--ph:rgba(42,38,49,.36);--cn:#A897EA;--conn:#9A93A8;min-width:0}.nb-sheet.p-ngang{background-image:linear-gradient(transparent 31px,var(--rule) 31px);background-size:100% 32px}.nb-sheet.p-soc{background-image:linear-gradient(var(--band) 50%,transparent 50%);background-size:100% 64px}.nb-sheet.p-o{background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);background-size:24px 24px}.nb-sheet.f-nunito{font-family:"Nunito",var(--font)}.nb-sheet.f-quicksand{font-family:"Quicksand",var(--font)}.nb-sheet.f-baloo{font-family:"Baloo 2",var(--font)}.nb-content{position:relative;z-index:1}.nb-ink{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;border-radius:8px}.nb-sheet.tool-pen .nb-ink,.nb-sheet.tool-erase .nb-ink,.nb-sheet.tool-arrow .nb-ink,.nb-sheet.tool-circle .nb-ink,.nb-sheet.tool-line .nb-ink{pointer-events:auto;touch-action:none;cursor:crosshair}.nb-sheet.tool-erase .nb-ink{cursor:cell}.nb-content [contenteditable=true]{outline:none;border-radius:8px;transition:box-shadow .15s;min-width:24px;overflow-wrap:anywhere}.nb-content [contenteditable=true]:focus{box-shadow:0 0 0 2px #9c8ce680}.nb-content [data-ph]:empty:before{content:attr(data-ph);color:var(--ph);pointer-events:none}.nb-content ul,.nb-content ol{margin:0;padding-left:22px}.nb-content ul{list-style:disc}.nb-content ol{list-style:decimal}.nb-content li::marker{color:var(--conn)}.nb-content p{margin:0}.nb-content b,.nb-content strong{font-weight:800}.nbh{margin-bottom:6px}.nb-title{font-size:26px;font-weight:800;line-height:40px;letter-spacing:-.01em}.nb-meta{font-family:var(--font);font-size:12px;font-weight:700;color:#8a8296;line-height:24px}.nb-lbl{font-family:var(--font);font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#8a8296;line-height:24px}.nb-extra{margin-top:18px;border-top:2px dashed rgba(42,38,49,.16);padding-top:6px}.nb-extra .nb-ed{min-height:96px}.pl{margin-top:6px}.pl .nb-ed{min-height:544px}.cn{display:grid;grid-template-columns:minmax(0,31%) minmax(0,1fr);border-top:2.5px solid var(--cn);margin-top:8px}.cn-cue{border-right:2.5px solid var(--cn);padding:6px 16px 10px 0;min-width:0}.cn-main{padding:6px 0 10px 18px;min-width:0}.cn .nb-ed{min-height:448px}.cn-sum{border-top:2.5px solid var(--cn);padding-top:6px}.cn-sum .nb-ed{min-height:96px}.nb-content [data-tone=lav]{--tone:#DCD5F6;--tone-s:#8F7FE0}.nb-content [data-tone=pink]{--tone:#F6D3E1;--tone-s:#C8507F}.nb-content [data-tone=sage]{--tone:#D3E2C7;--tone-s:#4F8A5B}.nb-content [data-tone=yellow]{--tone:#F2E7A6;--tone-s:#B38600}.nb-content [data-tone=blue]{--tone:#CFE0F5;--tone-s:#3A80D4}.nb-content [data-tone=peach]{--tone:#F8DCC8;--tone-s:#C66A2C}.bx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:10px}.bx{position:relative;border:2px solid var(--tone-s);border-radius:18px;background:color-mix(in srgb,var(--tone) 45%,transparent);padding:6px 14px 10px;min-width:0}.bx-top{display:flex;align-items:flex-start;gap:6px;border-bottom:2px dashed color-mix(in srgb,var(--tone-s) 55%,transparent);margin-bottom:4px}.bx-t{flex:1;font-weight:800;font-size:17px}.bx .nb-ed{min-height:128px}.bx-x,.nb-mini-x{flex:none;width:24px;height:24px;margin-top:4px;border-radius:50%;background:#2a26311a;color:#5e5868;font:700 11px/24px var(--font);text-align:center;opacity:0;transition:opacity .15s}.bx:hover .bx-x,.bx:focus-within .bx-x,.mp-node-wrap:hover .nb-mini-x,.mp-node-wrap:focus-within .nb-mini-x,.mm-node-wrap:hover .nb-mini-x,.mm-node-wrap:focus-within .nb-mini-x{opacity:1}.bx-x:hover,.nb-mini-x:hover{background:#d6455d;color:#fff}@media(hover:none){.bx-x,.nb-mini-x{opacity:.8}}.nb-add-mini{align-self:flex-start;font:700 12.5px/1 var(--font);color:#6e6878;padding:6px 10px;border-radius:999px;background:#2a263112}.nb-add-mini:hover{background:#2a263124;color:#2a2631}.mp{display:flex;flex-direction:column;align-items:center;padding:8px 0 6px}.mp-root{position:relative;min-width:200px;max-width:70%;text-align:center;font-weight:800;font-size:19px;line-height:28px;padding:10px 22px;border-radius:16px;background:#2a2631;color:#fbfaf6;margin-bottom:28px;--ph:rgba(251,250,246,.6)}.mp-root:after{content:"";position:absolute;left:50%;top:100%;height:28px;border-left:2.5px solid var(--conn)}.mp-bs{display:flex;align-items:flex-start;width:100%;gap:16px}.mp-b{position:relative;flex:1 1 0;min-width:0;padding-top:26px;display:flex;flex-direction:column;gap:8px}.mp-b:before{content:"";position:absolute;top:0;left:-8px;right:-8px;border-top:2.5px solid var(--conn)}.mp-b:first-child:before{left:50%}.mp-b:last-child:before{right:50%}.mp-b:only-child:before{display:none}.mp-b:after{content:"";position:absolute;top:0;left:50%;height:26px;border-left:2.5px solid var(--conn)}.mp-node-wrap{position:relative}.mp-node{text-align:center;font-weight:800;line-height:26px;padding:8px 12px;border-radius:14px;background:var(--tone);border:2px solid var(--tone-s)}.mp-node-wrap .nb-mini-x{position:absolute;top:-12px;right:-8px;margin:0}.mp-leaves{display:flex;flex-direction:column;gap:6px;margin-left:14px;padding-left:12px;border-left:2px solid var(--tone-s)}.mp-leaf{position:relative;line-height:26px;padding:3px 8px;border-radius:10px;background:#ffffff9e}.mp-leaf:after{content:"";position:absolute;left:-12px;top:16px;width:10px;border-top:2px solid var(--tone-s)}.nb-sheet[data-m=mind],.nb-sheet[data-m=map]{max-width:1080px}.mm{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:40px;min-height:400px;padding:18px 0}.mm-svg{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}.mm-svg path{fill:none;stroke-linecap:round;stroke-linejoin:round}.mm-svg .t-lav{stroke:#8f7fe0}.mm-svg .t-pink{stroke:#c8507f}.mm-svg .t-sage{stroke:#4f8a5b}.mm-svg .t-yellow{stroke:#b38600}.mm-svg .t-blue{stroke:#3a80d4}.mm-svg .t-peach{stroke:#c66a2c}.mm-col{position:relative;z-index:1;display:flex;flex-direction:column;gap:26px;min-width:0}.mm-l{align-items:flex-end}.mm-r{align-items:flex-start}.mm-center{position:relative;z-index:1;max-width:210px;text-align:center;font-weight:800;font-size:19px;line-height:28px;padding:14px 20px;border-radius:20px;background:#2a2631;color:#fbfaf6;--ph:rgba(251,250,246,.6);box-shadow:0 8px 20px -12px #16151a99}.mm-b{display:flex;align-items:center;gap:24px;max-width:100%}.mm-b[data-side=l]{flex-direction:row-reverse}.mm-node-wrap{position:relative;flex:none;max-width:60%}.mm-node{font-weight:800;line-height:26px;padding:7px 16px;border-radius:999px;background:var(--tone);border:2px solid var(--tone-s)}.mm-node-wrap .nb-mini-x{position:absolute;top:-12px;right:-10px;margin:0}.mm-kids{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-width:0}.mm-b[data-side=l] .mm-kids{align-items:flex-end}.mm-kid{line-height:26px;padding:0 4px 3px;max-width:260px}.mm-l .mm-kid{text-align:right}.mm-kids .nb-add-mini{padding:4px 9px}.nb-tbl{position:relative;margin:10px 0 4px}.nb-tbl-sc{overflow-x:auto}.nb-tbl table{border-collapse:collapse;width:100%;background:#ffffff9e;font-size:15px;line-height:24px}.nb-tbl th,.nb-tbl td{border:1.5px solid #B9B2C6;padding:5px 10px;min-width:72px;text-align:left;vertical-align:top;outline:none}.nb-tbl th{background:#9c8ce62e;font-weight:800}.nb-tbl th:focus,.nb-tbl td:focus{background:#ffe38a59}.nb-obj-tools{position:absolute;top:-30px;right:0;display:flex;gap:4px;opacity:0;pointer-events:none;transition:opacity .15s;z-index:3}.nb-tbl:hover .nb-obj-tools,.nb-tbl:focus-within .nb-obj-tools,.nb-img:hover .nb-obj-tools,.nb-img:focus-within .nb-obj-tools{opacity:1;pointer-events:auto}@media(hover:none){.nb-obj-tools{opacity:1;pointer-events:auto}}.nb-obj-tools button{height:26px;padding:0 10px;border-radius:999px;background:#2a2631;color:#fbfaf6;font:750 12px/26px var(--font)}.nb-obj-tools button:hover{background:#4a4352}.nb-obj-tools button[aria-label^=Xoá]:hover{background:#d6455d}.nb-img{position:relative;margin:34px 0 6px;display:block}.nb-img img{display:block;max-width:100%;border-radius:12px;box-shadow:0 6px 18px -10px #0006}.nb-img[data-size=s] img{width:34%}.nb-img[data-size=m] img{width:62%}.nb-img[data-size=l] img{width:100%}.nb-img .nb-obj-tools{left:0;right:auto}.nb-img figcaption{font-family:var(--font);font-size:13px;color:#6e6878;line-height:24px;margin-top:4px}@media(max-width:880px){.nb-toolwrap{top:52px}#toasts{bottom:96px}}@media(max-width:560px){.nbm-grid{grid-template-columns:minmax(0,1fr)}.nb-phead{padding:18px}.nb-steps{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-18px;padding-right:18px}.nb-steps::-webkit-scrollbar{display:none}.nb-steps li{flex:none}.nb-card{padding:12px}.nb-tools{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.nb-tools::-webkit-scrollbar{display:none}.nbg{flex:none}.nbt-l{display:none}.nb-desk{padding:8px;border-radius:16px}.nb-sheet{padding:18px 16px 28px;min-height:520px}.nb-title{font-size:22px;line-height:34px}.cn{grid-template-columns:minmax(0,1fr)}.cn-cue{border-right:0;border-bottom:2.5px solid var(--cn);padding:6px 0 10px}.cn-main{padding:6px 0 10px}.cn .nb-ed{min-height:160px}.pl .nb-ed{min-height:380px}.bx-grid{grid-template-columns:minmax(0,1fr)}.mp{align-items:stretch}.mp-root{max-width:none;margin-bottom:14px}.mp-root:after{left:24px;height:14px}.mp-bs{flex-direction:column;gap:14px;margin-left:24px;padding-left:16px;border-left:2.5px solid var(--conn)}.mp-b{padding-top:0}.mp-b:before,.mp-b:first-child:before,.mp-b:last-child:before,.mp-b:only-child:before{display:block;left:-16px;right:auto;width:14px;top:22px}.mp-b:after{display:none}.mp-node{text-align:left}.mm{grid-template-columns:minmax(0,1fr);row-gap:18px;justify-items:start;min-height:0;padding:8px 0}.mm-center{order:-1;max-width:none}.mm-col,.mm-l,.mm-r{align-items:flex-start;padding-left:28px;gap:16px;width:100%}.mm-b,.mm-b[data-side=l]{flex-direction:column;align-items:flex-start;gap:8px}.mm-node-wrap{max-width:100%}.mm-kids,.mm-b[data-side=l] .mm-kids{align-items:flex-start;padding-left:28px}.mm-l .mm-kid{text-align:left}}.note{min-height:0}.note .nt{align-items:center;gap:8px}.note-t{flex:1;min-width:0;text-align:left;font-size:15px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:6px}.note-t:hover{text-decoration:underline;text-underline-offset:3px}.note .paper{flex:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;padding-bottom:0;border-bottom:10px solid transparent}.note-acts{display:flex;gap:2px;flex:none;margin-right:-8px}.note-ib{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:14px;opacity:.4;filter:grayscale(1);transition:opacity .15s,background-color .15s,filter .15s}.note:hover .note-ib,.note:focus-within .note-ib{opacity:.85}.note-ib:hover,.note-ib:focus-visible{opacity:1;filter:none;background:var(--surface-2)}.note-ib.on{opacity:1;filter:none}.note-ib.del:hover{background:var(--bad-bg)}@media(hover:none){.note-ib{opacity:.8}}.note.pinned,.note.pinned:hover{border-color:var(--accent-2)}.nsec-l{font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin:4px 2px -6px}.nb-pacts{display:inline-flex;gap:6px}.nb-pinbtn.on{background:var(--accent-soft);color:var(--accent-text)}.toast.has-act{pointer-events:auto}.toast .t-act{margin-left:4px;height:28px;padding:0 12px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:800;font-size:12.5px;white-space:nowrap}.toast .t-act:hover{background:var(--accent-2)}.modal.sm{width:min(460px,100%)}.btn-danger{background:var(--bad);color:var(--surface)}.btn-danger:hover{box-shadow:0 6px 18px -6px #b03f358c}.nav a .lbl{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav a .cnt{white-space:nowrap;flex:none}.nbdot.hl{width:22px;height:22px;border-radius:7px}.nbdot.hl.none{background:linear-gradient(135deg,transparent 44%,#D6455D 44%,#D6455D 56%,transparent 56%),var(--surface)}.note-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.rv-due{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:700;color:var(--ink-3);background:var(--surface-2);white-space:nowrap}.rv-due.on{background:var(--good-bg);color:var(--good)}.modal.rv-modal{width:min(940px,100%)}.rv-top{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.rv-prog{flex:1;min-width:120px;height:8px;border-radius:99px;background:var(--surface-3);overflow:hidden}.rv-prog i{display:block;height:100%;background:var(--accent-2);border-radius:99px;transition:width .3s}.rv-card{display:flex;flex-direction:column;gap:12px;background:var(--surface-2);border-radius:22px;padding:18px 20px}.rv-t{font-size:22px;font-weight:800}.rv-ask{color:var(--ink-2);font-size:14px}.rv-cue{background:var(--surface);border-radius:14px;padding:10px 14px;line-height:1.7}.rv-cue p{margin:0}.rv-flip{align-self:flex-start}.rv-rate{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rv-rate .btn{height:auto;padding:10px 12px;flex-direction:column;gap:2px;border-radius:16px;font-size:14.5px}.rv-rate .btn small{font-size:11.5px;font-weight:700;opacity:.85}.rv-b0{background:var(--bad-bg);color:var(--bad)}.rv-b1{background:var(--warn-bg);color:var(--warn)}.rv-b2{background:var(--good-bg);color:var(--good)}.rv-skip{align-self:center;font-size:12.5px;font-weight:700;color:var(--ink-3);text-decoration:underline;text-underline-offset:3px}.rv-sheetwrap{max-height:52vh;overflow:auto;border-radius:12px}.nb-sheet.rv-sheet{min-height:0;max-width:none;padding:20px 26px 26px;box-shadow:none}.rv-sheet button,.rv-sheet .nb-obj-tools{display:none!important}.rv-content [data-ph]:empty:before{content:none}.rv-paper{border-radius:14px;padding:12px 16px;line-height:1.7;color:var(--tile-ink);white-space:pre-line}.rv-list{list-style:none;margin:8px 0 14px;padding:0;display:flex;flex-direction:column;gap:6px;text-align:left}.rv-list li{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--surface-2);border-radius:12px;padding:8px 12px}.rv-list li b{flex:1;min-width:0}.rv-how{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--ink-2)}.rv-how li{display:flex;gap:8px;align-items:center}.rv-how li b{width:22px;height:22px;border-radius:50%;background:var(--note-bg);color:var(--note-ink);display:grid;place-items:center;font-size:12px;flex:none}.rv-empty,.rv-done{text-align:center;display:flex;flex-direction:column;gap:10px}.rv-big{font-size:40px;line-height:1}.rv-r{font-size:12.5px;font-weight:800}.rv-r.r0{color:var(--bad)}.rv-r.r1{color:var(--warn)}.rv-r.r2{color:var(--good)}.rv-r.r3{color:var(--ink-3)}@media(max-width:560px){.rv-rate{grid-template-columns:minmax(0,1fr)}.nb-sheet.rv-sheet{padding:14px}}.nb-toolwrap{position:sticky}.nb-sympop{position:absolute;top:calc(100% - 4px);right:0;z-index:30;width:min(440px,100%);background:var(--surface);border:1px solid var(--line-2);border-radius:18px;box-shadow:var(--shadow-lg);padding:10px}.nb-symgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.nbsym{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px;border-radius:12px;color:var(--ink)}.nbsym:hover{background:var(--surface-2)}.nbsym b{font-size:19px;line-height:1.2}.nbsym small{font-size:10.5px;font-weight:650;color:var(--ink-3);text-align:center;line-height:1.2}.nbsym-hint{font-size:12px;color:var(--ink-2);margin-top:8px;padding:0 4px}.nb-look{padding-top:2px}@media(max-width:1500px){.nbg-shape .nbt-l{display:none}}@media(max-width:560px){.nb-symgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.nb-sympop{left:0;right:0;width:auto}}@media(max-width:1100px){.nb-toolwrap .nbg>.nbg-l:first-child{display:none}}.rv-due.q15{background:var(--warn-bg);color:var(--warn)}.rv-due.q15.on{background:var(--warn);color:var(--surface)}.rv-recall{min-height:84px;resize:vertical;line-height:1.6;background:var(--surface)}.rv-add{background:var(--surface)}.rv-rate.two{grid-template-columns:repeat(2,minmax(0,1fr))}.rv-cmp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px;align-items:start}.rv-mine{background:var(--surface);border:1.5px dashed var(--line-2);border-radius:14px;padding:10px 14px}.rv-mine p{white-space:pre-line;line-height:1.6;margin-top:4px}.rv-orig{display:flex;flex-direction:column;gap:6px;min-width:0}.rv-endq{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border-radius:18px;background:var(--note-bg);color:var(--note-ink)}.rv-endq p{font-size:12.5px;opacity:.85;margin-top:2px}.rv-endq-i{font-size:26px}.fquick{background:#ffffff24}@media(max-width:560px){.rv-cmp{grid-template-columns:minmax(0,1fr)}.rv-endq{flex-wrap:wrap}}.nb-stk{position:absolute;z-index:3;width:200px;max-width:70%;min-height:112px;display:flex;flex-direction:column;background:var(--stk,#FFF1A6);border-radius:6px 6px 10px 10px;box-shadow:0 12px 24px -14px #16151a8c,0 2px 4px #16151a14;transform:rotate(-1.4deg);font-size:15px;line-height:24px;color:#2a2631}.nb-stk[data-c=vang]{--stk:#FFF1A6}.nb-stk[data-c=hong]{--stk:#FFD6E6}.nb-stk[data-c=xanh]{--stk:#D2E7FF}.nb-stk[data-c=la]{--stk:#D6F2C7}.nb-stk[data-c=tim]{--stk:#E5DBFF}.nb-stk.drag{transform:rotate(0) scale(1.03);box-shadow:0 22px 40px -16px #16151a99;cursor:grabbing}.stk-bar{display:flex;align-items:center;gap:2px;height:24px;padding:0 4px 0 7px;cursor:grab;touch-action:none;background:#0000000d;border-radius:6px 6px 0 0;-webkit-user-select:none;user-select:none}.stk-grip{font-size:13px;color:#2a263173;letter-spacing:-1px}.stk-b{width:22px;height:22px;border-radius:50%;font:700 11px/22px var(--font);color:#2a26318c;text-align:center}.stk-b:hover{background:#00000014;color:#2a2631}.stk-t{flex:1;padding:4px 10px 10px;outline:none;min-height:80px}.rv-sheet .stk-bar{display:none}.modal.cv-modal{width:min(720px,100%)}.cv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cv-opt{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:12px;border-radius:18px;background:var(--surface-2);border:1.5px solid transparent}.cv-opt:hover{border-color:var(--accent-2)}.cv-th{width:100%;height:96px;border-radius:12px;display:grid;place-items:center;background:var(--paper)}.cv-th svg{height:100%}.cv-opt small{font-size:12.5px;color:var(--ink-2);font-weight:600;line-height:1.45}.tag-chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:750;color:var(--tc);background:color-mix(in srgb,var(--tc) 14%,var(--surface))}.tag-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--tc)}.tag-dots{display:inline-flex;gap:2px;margin-left:2px}.tag-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.tag-pop{position:fixed;z-index:400;width:236px;background:var(--surface);border:1px solid var(--line-2);border-radius:18px;box-shadow:var(--shadow-lg);padding:8px}.tag-pop-h{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);padding:4px 8px 6px}.tag-opt{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 10px;border-radius:11px;font-weight:700;font-size:13.5px;text-align:left}.tag-opt:hover{background:var(--surface-2)}.tag-opt i{width:12px;height:12px;border-radius:50%;flex:none}.tag-opt span{flex:1}.tag-opt b{color:var(--accent-text)}.tag-pop-f{font-size:11.5px;color:var(--ink-3);padding:6px 8px 2px}.tag-filter{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tf-l{font-size:12px;font-weight:800;color:var(--ink-3);margin-right:2px}.tag-f{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:999px;font-weight:700;font-size:12.5px;color:var(--ink-2);background:var(--surface-2);border:1.5px solid transparent}.tag-f i{width:9px;height:9px;border-radius:50%;background:var(--tc)}.tag-f small{font-size:11px;color:var(--ink-3)}.tag-f:hover{border-color:var(--tc)}.tag-f.on{border-color:var(--tc);background:color-mix(in srgb,var(--tc) 14%,var(--surface));color:var(--ink)}.tag-f.clear{background:transparent;color:var(--ink-3)}.note-ib.tag{filter:grayscale(1)}.space-tag.tgram{background:var(--gram-bg);color:var(--gram-ink)}.b6{background:var(--s6)}.f6{fill:var(--s6)}.spaceswitch.four{grid-template-columns:repeat(2,minmax(0,1fr))}.spaceswitch.four button{flex-direction:row;align-items:center;gap:7px;padding:6px 10px;min-width:0}.spaceswitch.four .ss-ic{font-size:16px;line-height:1;flex:none}.spaceswitch.four b{font-size:12.5px;line-height:1.3;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app.collapsed .spaceswitch.four{grid-template-columns:1fr}.app.collapsed .spaceswitch.four button{justify-content:center;padding:8px 4px}.app.collapsed .spaceswitch.four b{display:none}.side{gap:8px}.side>*{flex-shrink:0}.lt-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}.lt-col{display:flex;flex-direction:column;gap:10px;min-width:0}.lt-head{display:flex;align-items:center;gap:6px;min-height:38px;padding:8px 14px;border-radius:14px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--tile-ink)}.lt-head b{font-weight:800}.lt-head .lt-n{font-weight:800;opacity:.55;margin-left:4px}.lt-head.yellow,.lt-chip.yellow{background:var(--t-yellow)}.lt-head.pink,.lt-chip.pink{background:var(--t-pink)}.lt-head.sage,.lt-chip.sage{background:var(--t-sage)}.lt-head.blue,.lt-chip.blue{background:var(--t-blue)}.lt-item{background:var(--surface);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;align-items:stretch;gap:6px;text-align:left;border:1.5px solid transparent;transition:border-color .15s,transform .15s;width:100%;color:var(--ink)}.lt-item:hover{border-color:var(--line-2);transform:translateY(-1px)}.lt-item:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.lt-item b{font-size:14px;font-weight:800;line-height:1.35}.lt-item small,.lt-meta small{font-size:12px;font-weight:700;color:var(--ink-3)}.lt-prog{display:flex;align-items:center;gap:10px}.lt-prog .tr{flex:1;height:4px;border-radius:99px;background:var(--surface-3);overflow:hidden}.lt-prog .tr i{display:block;height:100%;border-radius:99px;background:var(--accent-2)}.lt-prog small{white-space:nowrap}.lt-top{display:flex;flex-direction:column;gap:12px}.lt-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--tile-ink)}.lt-title{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.15}.lt-meta{min-width:240px;max-width:420px}.lt-lesson{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,1fr);gap:16px;align-items:start}.lt-read{display:flex;flex-direction:column;gap:16px}.lt-topic{display:flex;flex-direction:column;gap:10px}.lt-topic+.lt-topic{border-top:1px solid var(--line);padding-top:16px}.lt-sub{font-size:17px;font-weight:800}.lt-sub small{font-size:12px;color:var(--ink-3);font-weight:700;margin-left:4px}.lt-note{background:var(--t-pink);color:var(--tile-ink);border-radius:14px;padding:10px 14px;font-size:13.5px;line-height:1.5}.lt-side{position:sticky;top:120px;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 136px);overflow:auto}.lt-side .gl-opts{grid-template-columns:minmax(0,1fr)}.gq-ex{background:var(--surface-2);border-left:3px solid var(--gram-ink);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.gq-ex p{font-size:13.5px;line-height:1.55;font-style:italic}.gq-ins{background:var(--accent-soft);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.gq-ins p{font-weight:700;font-size:14px;line-height:1.5}.gl-tn{font-size:13px;color:var(--ink-2)}.gl-box p{font-size:14px;line-height:1.55}@media(max-width:1100px){.lt-board{grid-template-columns:repeat(2,minmax(0,1fr))}.lt-lesson{grid-template-columns:minmax(0,1fr)}.lt-side{position:static;max-height:none;overflow:visible}}@media(max-width:560px){.lt-board{grid-template-columns:minmax(0,1fr)}.lt-title{font-size:24px}}.gl-box{background:var(--surface-2);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;min-width:0}.gl-box ul{display:flex;flex-direction:column;gap:7px;font-size:14px;line-height:1.5}.gl-box li{padding-left:16px;position:relative}.gl-box li:before{content:"";position:absolute;left:2px;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--gram-ink)}.gl-box li b{color:var(--gram-ink)}.gl-trap{display:flex;gap:10px;align-items:flex-start;background:var(--warn-bg);border-radius:16px;padding:12px 14px;font-size:14px;line-height:1.5}.gl-trap b{color:var(--warn)}.gl-q{border:1.5px solid var(--line);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:10px}.gq-s{font-size:16px;font-weight:700;line-height:1.5}.gl-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gl-opts .ans{padding:10px 14px;font-size:14.5px}.gl-opts .ans[aria-disabled=true]{cursor:default}.gl-why{display:flex;flex-direction:column;gap:2px;border-radius:14px;padding:10px 12px;font-size:13.5px;line-height:1.5}.gl-why.ok{background:var(--good-bg)}.gl-why.ok b{color:var(--good)}.gl-why.no{background:var(--bad-bg)}.gl-why.no b{color:var(--bad)}@media(max-width:880px){.tabbar{grid-template-columns:repeat(6,minmax(0,1fr));padding-left:4px;padding-right:4px}.tabbar button{font-size:10.5px;white-space:nowrap;letter-spacing:-.01em;min-width:0}.tabbar button span{font-size:18px}.tabbar .fab span{width:46px;height:46px;font-size:19px}}@media(max-width:560px){.gl-opts{grid-template-columns:minmax(0,1fr)}.insight{flex-wrap:wrap}.insight>.grow{flex:1 1 200px;min-width:0}}.habit-grid .hn{min-width:0}.habit-grid .hn .hn-t{min-width:0;overflow:hidden;text-overflow:ellipsis}.habit-grid .hn .auto,.habit-grid .hn .hand{flex:none}.habit-grid .hn .hand{font-size:10px;font-weight:800;color:var(--ink-2);background:var(--surface-2);border-radius:6px;padding:1px 5px}.hdel{margin-left:auto;flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:12px;opacity:.4;transition:opacity .15s,background .15s}.habit-grid .hn:hover .hdel,.hdel:focus-visible{opacity:1}.hdel:hover{background:var(--bad-bg);opacity:1}@media(hover:none){.hdel{opacity:.85}}button.hb{cursor:pointer;padding:0;font:inherit;font-size:11px;font-weight:900;color:inherit}button.hb:not(.on):hover{border-color:var(--ink)}.pie-card{background:var(--surface-2);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:12px;min-width:0;--pie-gap:var(--surface-2)}.pie-wrap{display:grid;place-items:center}.pie{display:block;max-width:100%;height:auto;overflow:visible}.pie-s{stroke:var(--pie-gap);stroke-width:2;stroke-linejoin:round;cursor:default;transition:opacity .12s}.pie:hover .pie-s{opacity:.55}.pie .pie-s:hover,.pie .pie-s:focus-visible{opacity:1;outline:none}.pie-leg{display:flex;flex-direction:column;gap:6px}.pie-leg li{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;gap:8px;align-items:center;font-size:13px;min-height:28px}.pie-leg i{width:10px;height:10px;border-radius:3px}.pie-leg .pl-n{font-weight:700;color:var(--ink);line-height:1.3}.pie-leg .pl-v{font-weight:800;color:var(--ink-2);font-size:12.5px;white-space:nowrap}.pie-leg .chip{height:26px;font-size:12px}.pie-wide{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;max-width:860px}.pie-wide .pie-leg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}@media(max-width:700px){.pie-wide,.pie-wide .pie-leg{grid-template-columns:minmax(0,1fr)}}.hg-month .hn .auto,.hg-month .hn .hand{display:none}.c-val,.c-goal-lbl{paint-order:stroke;stroke:var(--surface);stroke-width:4px;stroke-linejoin:round}[hidden]{display:none!important}dialog.scrim{width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;color:inherit}dialog.scrim:not([open]){display:none}dialog.scrim::backdrop{background:transparent}.gate{min-height:100vh;display:grid;place-items:center;padding:16px}.gate>.modal{max-height:none}.sync-chip{height:40px;padding:0 14px}.local-copy{white-space:pre-wrap;font-size:12px;background:var(--surface);border-radius:12px;padding:10px;overflow:auto}.today-link,.tpill,.jar,a.btn,a.sec-card,a.testcard{text-decoration:none}.others button{white-space:nowrap;min-width:0}.focus.bg-forest{--focus-a: #0e302d;--focus-b: #39744c}.focus.bg-night{--focus-a: #0c1329;--focus-b: #483568}a.fbtn{text-decoration:none}.nb-toolwrap{top:60px}input.nb-title{display:block;width:100%;border:0;background:transparent;padding:0;font-family:inherit;color:inherit;outline:none}input.nb-title::placeholder{color:var(--ph)}.note-sticker{position:absolute;z-index:3;font-size:30px;line-height:1;cursor:grab;touch-action:none}.nb-sheet figure{margin:12px 0 0}.nb-sheet figure img{max-width:100%;border-radius:10px}.notepanel .np-body{flex:1;overflow:auto;outline:none;padding:16px 20px;background:repeating-linear-gradient(var(--surface),var(--surface) 31px,var(--line) 32px);line-height:32px;font-size:14.5px}.notepanel .np-body[data-ph]:empty:before{content:attr(data-ph);color:var(--ink-3)}.notepanel .np-body ul{margin:0;padding-left:20px;list-style:disc}.ans.picked{border-color:var(--accent-2);background:var(--accent-soft)}.ans.picked .rd{border-color:var(--accent-2);background:radial-gradient(circle,var(--accent-2) 45%,transparent 50%)}.ans p,.qtext p{margin:0}.select-wrap{position:relative}.select-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;cursor:pointer}.select-btn>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-list{max-height:260px;overflow:auto}.select-list [aria-selected=true]{background:var(--accent-soft);color:var(--accent-text);font-weight:750}.lt-html{display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.55}.lt-html .gr-h{display:none}.lt-html .gr-sec{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:6px}.lt-html .gr-tip{display:block;background:var(--surface-2);border-left:3px solid var(--gram-ink);border-radius:12px;padding:10px 12px}.lt-html .gr-ul{display:flex;flex-direction:column;gap:7px;background:var(--surface-2);border-radius:18px;padding:14px 16px}.lt-html .gr-ul li{padding-left:16px;position:relative}.lt-html .gr-ul li:before{content:"";position:absolute;left:2px;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--gram-ink)}.lt-html .gr-tbl{width:100%;border-collapse:collapse;font-size:13.5px}.lt-html .gr-tbl th{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);font-weight:800;text-align:left;padding:8px 10px;border-bottom:1.5px solid var(--line-2)}.lt-html .gr-tbl td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}.lt-html .gr-adv{background:var(--warn-bg);border-radius:16px;padding:12px 14px}.lt-html .gr-advbody{margin-top:8px}.gl-q .gq-ex p,.gl-why p{margin:0}.select-btn>span:last-child{font-size:15px;color:var(--ink-2)}.community-message{white-space:pre-wrap;overflow-wrap:anywhere}.community-article{line-height:1.8;overflow-wrap:anywhere;font-size:15px}.community-article img{max-width:100%;border-radius:14px}.community-article h2,.community-article h3{margin:18px 0 8px}.community-article p{margin:0 0 12px}.rich{line-height:1.85;overflow-wrap:anywhere}.rich table{width:100%;border-collapse:collapse}.rich img{max-width:100%}.rich p{margin:0 0 8px}.rich .docbox{padding:14px;border:1px solid var(--line);border-radius:12px;margin:12px 0}.passage .ev,.passage .ev2{background:color-mix(in srgb,var(--t-yellow) 85%,transparent);color:var(--ink);border-radius:4px;padding:0 2px}.passage.noev .ev,.passage.noev .ev2{background:transparent;padding:0}.q-image{max-width:100%;border-radius:12px;display:block;margin:16px auto}.audio-box{background:var(--accent-soft);padding:14px;border-radius:16px;margin:15px 0;display:flex;flex-direction:column;gap:8px;font-size:13.5px;font-weight:650}.audio-box audio{max-width:100%}