:root{--green: #3F8F3F;--green-dark: #2E7A2E;--green-light: #E8F5E8;--blue: #4A90D9;--blue-dark: #3A7BC8;--purple: #9B6DC6;--orange: #E8832A;--red: #D94444;--red-light: #FDECEC;--gold: #E8A800;--ink: #1E2A1E;--muted: #9AA093;--muted-dark: #6B8062;--line: #E2DFD6;--bg: #FFFFFF;--page-bg: #F7F6F1;--panel: #F2F0E8;--track: #EDEBE3;--shadow: 0 2px 0 rgba(30, 42, 30, .06);--shadow-card: 0 4px 20px rgba(30, 42, 30, .08);--radius: 20px;--font-heading: "Baloo 2", "Nunito", system-ui, sans-serif;--font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;font-family:var(--font-body)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--page-bg);color:var(--ink);overflow-x:clip}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}a{color:inherit}.shell{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:100vh;width:100%}.sidebar,.rightrail{display:none}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:20}.brand-row{display:flex;align-items:center;gap:8px}.hamburger-btn{background:none;border:none;color:var(--ink);padding:4px;display:flex;align-items:center}.mobile-topbar .stats{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.mobile-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100}.mobile-menu{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--bg);padding:calc(env(safe-area-inset-top) + 16px) 16px 24px;display:flex;flex-direction:column;gap:6px;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.close-menu{background:none;border:none;color:var(--muted);padding:4px;display:flex;align-items:center}.main{min-width:0;padding:16px 16px 48px;max-width:720px;margin:0 auto;width:100%}@media (min-width: 768px){.shell{grid-template-columns:260px minmax(0,1fr);width:100%;max-width:none;margin:0;background:var(--page-bg)}.mobile-topbar{display:none}.sidebar{display:flex;flex-direction:column;gap:6px;padding:20px 16px;border-right:1px solid var(--line);position:sticky;top:0;height:100vh}.main{padding:28px 40px 60px;max-width:1100px;margin:0 auto}}@media (min-width: 1024px){.shell{grid-template-columns:280px minmax(0,1fr) 340px}.rightrail{display:flex;flex-direction:column;gap:16px;padding:24px 18px;border-left:1px solid var(--line);position:sticky;top:0;height:100vh}}.brand{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-weight:800;font-size:24px;color:var(--green);letter-spacing:-.5px}.sidebar .brand{padding:6px 10px 16px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:2px solid transparent;background:none;border-radius:14px;padding:12px 14px;font-family:var(--font-heading);font-weight:700;font-size:15px;color:var(--ink);text-align:left;text-transform:uppercase;letter-spacing:.3px}.nav-item .ni-ico{flex-shrink:0}.nav-item:hover{background:var(--panel)}.nav-item.active{background:var(--green-light);border-color:var(--green);color:var(--green-dark)}.nav-badge{margin-left:auto;background:var(--red);color:#fff;font-size:12px;font-weight:800;border-radius:999px;padding:1px 8px}.sidebar-foot{margin-top:auto;padding:12px 10px 0;border-top:1px solid var(--line)}.mini-stats{display:flex;gap:14px;padding:10px;font-weight:800}.side-caption{font-size:12px;color:var(--muted);padding:6px 10px;font-weight:700}.reset-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;background:none;border:2px solid var(--line);border-radius:12px;padding:8px 10px;margin:8px 0 2px;font-weight:800;font-size:13px;color:var(--muted)}.reset-btn:hover{border-color:var(--red);color:var(--red)}.reset-icon{background:none;border:none;font-size:18px;color:var(--muted);padding:2px 4px;line-height:1}.reset-icon:active{color:var(--red)}.side-user{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--ink);padding:4px 10px 8px}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(160deg,var(--green-light) 0%,var(--page-bg) 60%)}.auth-card{width:100%;max-width:400px;background:#fff;border:2px solid var(--line);border-radius:20px;padding:28px 24px calc(24px + env(safe-area-inset-bottom));box-shadow:var(--shadow-card)}.auth-title{text-align:center;font-family:var(--font-heading);font-size:24px;margin:4px 0;letter-spacing:-.5px}.auth-sub{text-align:center;color:var(--muted);font-size:14px;margin:0 0 20px}.field-label{display:block;font-size:13px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin:12px 0 6px}.field{width:100%;border:2px solid var(--line);border-radius:12px;padding:13px 14px;font-size:16px;font-family:inherit;outline:none;transition:border-color .1s}.field:focus{border-color:var(--blue)}.auth-error{background:var(--red-light);color:var(--red);border-radius:10px;padding:9px 12px;font-size:13.5px;font-weight:700;margin-top:14px}.auth-toggle{text-align:center;margin-top:18px;font-size:14px;color:var(--muted)}.auth-toggle button{background:none;border:none;color:var(--blue);font-weight:800;font-size:14px;padding:0;text-decoration:underline}.rr-card{border:none;border-radius:var(--radius);padding:16px;background:var(--bg);box-shadow:var(--shadow-card)}.rr-mascot{text-align:center;background:linear-gradient(180deg,var(--green-light),var(--bg))}.speech{position:relative;background:#fff;border:2px solid var(--line);border-radius:14px;padding:10px 12px;font-size:13.5px;font-weight:700;color:#555;margin-top:6px}.rr-stat-row{display:flex;gap:12px;margin-bottom:12px}.rr-stat-row:last-of-type{margin-bottom:0}.rr-stat{flex:1}.rr-stat .big{font-size:28px;font-weight:900;display:flex;align-items:center;gap:6px}.rr-stat .lbl{font-size:13px;color:var(--muted);font-weight:400;margin-top:2px}.stats{display:flex;gap:14px;font-weight:800}.stat{display:flex;align-items:center;gap:4px;font-size:15px}.stat.streak{color:var(--orange)}.stat.xp{color:#c49000}.hero-banner{position:relative;border-radius:var(--radius);border:none;padding:20px 20px 12px;min-height:110px;box-shadow:var(--shadow-card)}.hero-banner-content{padding-right:80px}.hero-banner-content h1{font-family:var(--font-heading);font-size:20px;margin:0 0 2px;letter-spacing:-.3px;line-height:1.2}.hero-banner-content p{margin:0;font-size:13px;color:var(--muted-dark);line-height:1.3}.hero-banner-mascot{position:absolute;right:8px;top:8px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.12));pointer-events:none}.hero-tip{position:relative;z-index:2;display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s}.hero-tip:active{filter:brightness(.96)}.hero-tip-text{flex:1;font-size:12px;font-weight:700;line-height:1.4;color:#555;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:all .2s ease}.hero-tip.expanded .hero-tip-text{-webkit-line-clamp:unset;display:block}.hero-tip-chev{flex-shrink:0;color:var(--muted);transition:transform .2s ease;padding:4px}.hero-tip-chev.open{transform:rotate(180deg)}@media (min-width: 768px){.hero-banner{padding:20px 22px 12px}.hero-banner-content{padding-right:114px}.hero-banner-content h1{font-size:24px}.hero-banner-content p{font-size:14px}.hero-tip-text{font-size:13px}}@media (min-width: 1024px){.hero-banner{background:none!important;border:none;box-shadow:none;padding:0;min-height:auto}.hero-banner-mascot{display:none}.hero-banner-content h1{font-size:28px;color:var(--ink)!important}.hero-tip{display:none}}.daily-card{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;border-radius:var(--radius);padding:18px 22px;margin:8px 0 16px;box-shadow:var(--shadow-card)}.daily-card h2{margin:0 0 4px;font-family:var(--font-heading);font-size:19px}.daily-card .prog-outer{background:#ffffff4d;border-radius:999px;height:14px;overflow:hidden;margin:10px 0}.daily-card .prog-inner{background:var(--gold);height:100%;border-radius:999px;transition:width .4s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius);font-family:var(--font-heading);font-weight:700;font-size:16px;padding:14px 20px;min-height:48px;width:100%;color:#fff;background:var(--green);box-shadow:0 4px 0 var(--green-dark);transition:transform .05s,box-shadow .05s,filter .1s;text-transform:uppercase;letter-spacing:.4px}.btn:hover{filter:brightness(1.04)}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--green-dark)}.btn:disabled{background:#e5e5e5;color:#afafaf;box-shadow:0 4px #cfcfcf;cursor:not-allowed}.btn.white{background:#fff;color:var(--green);box-shadow:0 4px #d7d7d7}.btn.ghost{background:#fff;color:var(--ink);border:2px solid var(--line);box-shadow:0 4px 0 var(--line)}.btn.blue{background:var(--blue);box-shadow:0 4px 0 var(--blue-dark)}.btn.small{width:auto;padding:10px 16px;font-size:14px;min-height:40px}.section-title{font-family:var(--font-heading);font-weight:700;font-size:14px;color:var(--muted-dark);text-transform:uppercase;letter-spacing:.5px;margin:22px 0 12px}.unit-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 560px){.unit-grid{grid-template-columns:1fr 1fr}}@media (min-width: 768px){.unit-grid{grid-template-columns:1fr}}@media (min-width: 900px){.unit-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.unit{display:flex;align-items:center;gap:14px;background:var(--bg);border:none;border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-card);width:100%;text-align:left;transition:transform .08s,box-shadow .1s}.unit:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 24px #1e2a1e1f}.unit:disabled{opacity:.55}.unit .badge{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;color:#fff}.unit .u-meta{flex:1;min-width:0}.unit .u-code{font-size:12px;font-weight:800;color:var(--muted)}.unit .u-title{font-family:var(--font-heading);font-weight:700;font-size:15px;line-height:1.25}.unit .u-sub{font-size:13px;color:var(--muted);margin-top:2px}.unit .chev{color:var(--muted);font-size:22px;flex-shrink:0}.unit-progress{position:relative;width:44px;height:44px;flex-shrink:0}.unit-progress svg{display:block}.unit-progress-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--muted)}.tag{display:inline-block;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;background:#eee;color:var(--muted);text-transform:uppercase}.tag.soon{background:#fff4d6;color:#b8860b}.session{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:760px;margin:0 auto;background:var(--bg);overflow:hidden}@media (min-width: 800px){.session{box-shadow:var(--shadow-card)}}.session-top{display:flex;align-items:center;gap:12px;padding:calc(16px + env(safe-area-inset-top)) 18px 16px;flex-shrink:0;background:var(--bg);z-index:10}.close-x{background:none;border:none;font-size:26px;color:var(--muted);line-height:1;padding:4px 8px}.pbar-outer{flex:1;background:var(--track);height:16px;border-radius:999px;overflow:hidden}.pbar-inner{background:var(--green);height:100%;border-radius:999px;transition:width .3s ease}.q-area{flex:1;padding:8px 18px 16px;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.seen-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.seen-badge.correct{color:var(--green);background:#e6f9ee}.seen-badge.wrong{color:#e67e22;background:#fef4e6}.q-unit-chip{display:inline-block;font-size:12px;font-weight:800;color:var(--blue);background:#e3f4ff;padding:4px 10px;border-radius:999px;margin-bottom:12px}.q-text{font-family:var(--font-heading);font-size:20px;font-weight:700;line-height:1.4;margin-bottom:20px}.options{display:flex;flex-direction:column;gap:10px}.opt{display:flex;align-items:center;gap:12px;border:2px solid var(--line);border-bottom-width:4px;border-radius:16px;padding:14px;background:var(--bg);font-size:16px;text-align:left;width:100%;min-height:52px;transition:background .1s,border-color .1s,transform .05s}.opt:not(:disabled):hover{border-color:#cfcfcf;background:#fafafa}.opt .key{width:26px;height:26px;border-radius:8px;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0;color:var(--muted)}.opt.selected{border-color:var(--green);background:var(--green-light)}.opt.selected .key{border-color:var(--green);color:var(--green)}.opt.correct{border-color:var(--green);background:var(--green-light)}.opt.correct .key{border-color:var(--green);color:var(--green);background:#fff}.opt.wrong{border-color:var(--red);background:var(--red-light)}.opt.wrong .key{border-color:var(--red);color:var(--red);background:#fff}.opt:disabled{cursor:default}.footer-bar{border-top:2px solid var(--line);padding:16px 18px calc(16px + env(safe-area-inset-bottom));background:var(--bg);flex-shrink:0}.footer-bar.correct{background:var(--green-light);border-color:#b6e88a}.footer-bar.wrong{background:var(--red-light);border-color:#f5b5b5}.fb-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.fb-title{font-weight:800;font-size:18px;display:inline-flex;align-items:center;gap:6px}.fb-title.correct{color:var(--green-dark)}.fb-title.wrong{color:var(--red)}.fb-expl{font-size:14px;line-height:1.45;margin-bottom:12px;color:#444}.fb-expl .src-link{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;background:none;border:none;color:var(--blue);font-weight:800;padding:0;text-decoration:underline;font-size:14px}.flag-note{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:#b8860b;background:#fff7e0;border-radius:8px;padding:6px 10px;margin-bottom:10px}.flag-note svg{flex-shrink:0;margin-top:1px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:100}.modal{background:var(--bg);border-radius:22px 22px 0 0;width:100%;max-width:560px;padding:20px 18px calc(20px + env(safe-area-inset-bottom));animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal h3{margin:0 0 12px;font-family:var(--font-heading);font-size:18px;display:flex;align-items:center;gap:8px}.kv{display:flex;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:15px}.kv .k{color:var(--muted);font-weight:800;width:90px;flex-shrink:0}.kv .v{flex:1}.modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.btn.yt-btn{background:red;color:#fff;border-color:red}.btn.yt-btn:hover{background:#c00}@media (min-width: 640px){.modal-backdrop{align-items:center}.modal{border-radius:22px}}.result{text-align:center;padding:calc(28px + env(safe-area-inset-top)) 18px 28px;max-width:520px;margin:0 auto;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.result-mascot{position:relative;display:inline-block}.confetti-overlay{position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-55%);pointer-events:none;z-index:0}.result h1{font-family:var(--font-heading);font-size:28px;margin:12px 0 4px}.result-stats{display:flex;gap:12px;margin:22px 0}.rstat{flex:1;border:2px solid var(--line);border-radius:14px;padding:14px 8px}.rstat .big{font-size:24px;font-weight:800}.rstat.good{border-color:var(--green);color:var(--green-dark)}.rstat.bad{border-color:var(--orange);color:var(--orange)}.rstat .lbl{font-size:12px;color:var(--muted);text-transform:uppercase;font-weight:800}.mistake{border:2px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px}.mistake .mq{font-weight:800;font-size:15px;margin-bottom:8px;line-height:1.35}.mistake .ma{font-size:14px;padding:3px 0;display:flex;align-items:center;gap:5px}.mistake .ma svg{flex-shrink:0}.mistake .ma.right{color:var(--green-dark);font-weight:800}.mistake .ma.you{color:var(--red)}.empty{text-align:center;color:var(--muted);padding:40px 20px}.center-col{display:flex;flex-direction:column;align-items:center;gap:4px}.splash{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;background:linear-gradient(160deg,var(--green-light) 0%,var(--page-bg) 60%)}.splash .squirrel svg{animation:splashBounce 1.2s ease-in-out infinite}@keyframes splashBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.splash-text{font-size:16px;font-weight:800;color:var(--muted);letter-spacing:.3px}.spinner{width:40px;height:40px;border:4px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.squirrel{display:inline-block;line-height:0}.squirrel.is-interactive{cursor:pointer}.squirrel svg{overflow:visible}.squirrel svg g{transform-box:fill-box}.sq-tail{transform-origin:20% 40%;animation:tailSway 3.2s ease-in-out infinite}@keyframes tailSway{0%,to{transform:rotate(0)}50%{transform:rotate(-6deg)}}.sq-body{transform-origin:50% 95%;animation:breathe 3.6s ease-in-out infinite}@keyframes breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.03)}}.sq-nut{opacity:0;transform-origin:50% 60%}.squirrel.intro svg{animation:sqPop .9s cubic-bezier(.2,1.4,.4,1)}@keyframes sqPop{0%{transform:scale(.4) translateY(20px);opacity:0}55%{transform:scale(1.08) translateY(0);opacity:1}70%{transform:scale(1.08) translateY(-10px)}85%{transform:scale(1) translateY(0)}to{transform:scale(1)}}.squirrel.intro .sq-ears{transform-origin:50% 100%;animation:earWiggle .5s ease .5s 2}@keyframes earWiggle{0%,to{transform:rotate(0)}50%{transform:rotate(6deg)}}.squirrel.anim-eat .sq-nut{animation:nutEat 1s ease forwards}@keyframes nutEat{0%{opacity:1;transform:translateY(0) scale(1)}55%{opacity:1;transform:translateY(-30px) scale(.85)}80%{opacity:1;transform:translateY(-33px) scale(.4)}to{opacity:0;transform:translateY(-33px) scale(.2)}}.squirrel.anim-eat .sq-head{transform-origin:50% 90%;animation:chew .2s ease .55s 3}@keyframes chew{0%,to{transform:scaleY(1) translateY(0)}50%{transform:scaleY(.92) translateY(2px)}}.squirrel.anim-eat .sq-paw{animation:pawUp 1s ease}@keyframes pawUp{0%,to{transform:translateY(0)}40%{transform:translateY(-4px)}}.squirrel.anim-hop svg{animation:hop .6s ease}@keyframes hop{0%,to{transform:translateY(0)}30%{transform:translateY(-16px) scaleY(1.04)}55%{transform:translateY(0) scaleY(.96)}70%{transform:translateY(-6px)}}.squirrel.anim-flick .sq-tail{animation:tailFlick .7s ease}@keyframes tailFlick{0%,to{transform:rotate(0)}30%{transform:rotate(-22deg)}60%{transform:rotate(8deg)}}.squirrel.anim-blink .sq-eyes{animation:blink .4s ease}@keyframes blink{0%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}.sq-eyes{transform-origin:50% 50%}@media (prefers-reduced-motion: reduce){.sq-tail,.sq-body,.squirrel.intro svg,.squirrel.intro .sq-ears,.splash .squirrel svg{animation:none!important}}.user-avatar{border:none;border-radius:50%;background:linear-gradient(135deg,var(--green),#5CAF5C);color:#fff;font-family:var(--font-heading);font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:transform .1s}.user-avatar:active{transform:scale(.92)}.sidebar-profile{display:flex;align-items:center;gap:10px;width:100%;background:none;border:2px solid var(--line);border-radius:12px;padding:8px 12px;font-weight:800;font-size:14px;color:var(--ink);cursor:pointer;transition:border-color .1s}.sidebar-profile:hover{border-color:var(--green)}.sidebar-profile .user-avatar{pointer-events:none}.profile-modal{text-align:center}.profile-header{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0 16px}.profile-header .user-avatar{pointer-events:none}.profile-name{font-weight:800;font-size:18px;color:var(--ink)}.profile-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:8px}.profile-stats .stat{position:relative;font-weight:800;font-size:15px;cursor:pointer;-webkit-tap-highlight-color:transparent}.profile-stats .stat.correct{color:var(--green)}.profile-stats .stat.wrong{color:var(--red)}.stat-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);white-space:nowrap;font-size:11px;font-weight:700;padding:5px 12px;border-radius:10px;color:#fff;background:#1e1e1eb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 16px #0000001f;pointer-events:none;animation:tooltip-pop .2s ease-out;z-index:10}@keyframes tooltip-pop{0%{opacity:0;transform:translate(-50%) translateY(4px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.notes-list{display:flex;flex-direction:column;gap:8px;margin:4px 0}.note-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:2px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);font-weight:700;font-size:15px;transition:border-color .1s,background .1s}.note-item:hover{border-color:#cfcfcf;background:var(--panel)}.note-badge{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:#fff;font-weight:900;font-size:12px;flex-shrink:0}.note-title{flex:1}.note-ext{color:var(--muted);flex-shrink:0}.mobile-notes-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:none;border:2px solid var(--line);border-radius:12px;padding:12px;margin:20px 0 8px;font-weight:800;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}.mobile-notes-link:active{background:var(--panel)}@media (min-width: 768px){.mobile-notes-link{display:none}}.legal-footer{margin-top:32px;padding-top:16px;border-top:1px solid var(--line);text-align:center;font-size:13px;color:var(--muted)}.legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:8px}.legal-footer a{color:var(--muted-dark);text-decoration:none}.legal-footer a:hover{color:var(--blue);text-decoration:underline}.legal-meta{font-size:12px}.auth-wrap{flex-direction:column}.auth-wrap .legal-footer{border-top:none;margin-top:24px}