/* Shared Sano surfaces for access, About, ownership, help and privacy. */
:root{--support-ink:#29466e;--support-pink:#d9237b;--support-edge:#de94b5;--support-canvas:radial-gradient(ellipse at 1% 7%,#ffe3f0,transparent 48%),radial-gradient(ellipse at 100% 15%,#d5efff,transparent 52%),#f5faff}
html{min-height:100%;background:#f5faff;color-scheme:only light;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{background:var(--support-canvas);color:var(--support-ink);font-family:ui-rounded,'Arial Rounded MT Bold','Trebuchet MS',SanoNepali,SanoDevanagari,sans-serif;min-height:100vh;min-height:100svh;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}
h1,h2,h3{color:#0867ed;font-weight:900;letter-spacing:-.025em}h1{line-height:1.2}p,li,dd{color:#355776;line-height:1.7}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:4px solid #2368c7;outline-offset:5px}
.app-icon,.brand img{border:3px solid #fff;border-radius:26%;box-shadow:0 5px 0 #ccabe4,0 8px 24px #b57ccc40}
.privacy main{max-width:860px}.privacy header{padding:22px 0 32px}.privacy header .app-icon{width:128px;height:128px}.privacy header>p{font-weight:800;color:#466181}
.privacy .box,.checkout-panel,.return-panel{border:3px solid #fff;border-bottom:7px solid #9ac4ef;background:linear-gradient(145deg,#f5fbff,#e2f2ff);box-shadow:inset 0 2px 1px #fff,0 12px 24px #659bd122,0 0 26px #91caff38;border-radius:30px}
.privacy .box:nth-of-type(3n+2){background:linear-gradient(145deg,#fff6fa,#ffe1ef);border-bottom-color:#df9fbb;box-shadow:inset 0 2px 1px #fff,0 12px 24px #be7c9e18,0 0 26px #ffb5d540}
.privacy .box:nth-of-type(3n){background:linear-gradient(145deg,#f1fff8,#d7f5e6);border-bottom-color:#8ccdb0;box-shadow:inset 0 2px 1px #fff,0 12px 24px #67a68a18,0 0 26px #92e1bd40}
.privacy .box h2:first-child{margin-top:0}.privacy li,.privacy p,.privacy dd{color:#355776}.privacy .small,.privacy .foot{color:#526a87}
.button,.small-button{border:3px solid #ffffffba;border-radius:25px;min-height:50px;font-weight:850;transition:transform .16s ease,box-shadow .16s ease;box-shadow:0 5px 0 #b21761,0 7px 18px #d9237b26;background:linear-gradient(145deg,#ee4b9b,#d9237b);color:#fff}
.button.primary,.privacy .button:not(.secondary){background:linear-gradient(145deg,#ee4b9b,#d9237b);box-shadow:0 5px 0 #b21761,0 7px 18px #d9237b26}
.button.secondary{background:linear-gradient(145deg,#e8f7ff,#add9ff);border-color:#fff;color:#244f85;box-shadow:0 5px 0 #79b2e2,0 7px 18px #5494ca20}
.button:active,.small-button:active{transform:translateY(3px) scale(.98)}.button:disabled{background:#e9e4f0;color:#625975;box-shadow:0 4px 0 #c1b6d0;cursor:default}
@media(hover:hover){.button:not(:disabled):hover,.small-button:hover{transform:translateY(-2px);filter:brightness(1.04)}}
.inline-links a,.back-link,.guide-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;background:#ffffffaa;border:2px solid #fff;border-radius:18px;color:#285d99;font-weight:800;text-decoration:none;box-shadow:0 3px 0 #c6dcf1}
.language-switch{gap:7px;padding:7px;border:2px solid #fff;background:#e8f0ffbd;box-shadow:0 4px 0 #b9d0ee;border-radius:23px}.language-switch button{min-height:44px;padding:9px 16px;border-radius:18px;color:#365b82;font-weight:800}.language-switch button[aria-pressed=true]{background:linear-gradient(145deg,#ffeff6,#ffb5d5);color:#80324f;box-shadow:0 3px 0 #d588aa}
.availability,.terms-note,.notice{background:linear-gradient(145deg,#fffbed,#fff0c2);border:2px solid #fff;border-radius:23px;box-shadow:0 5px 0 #e7ce88}.availability strong,.availability p span{color:#675126}.status-dot{background:#269473}
.page-intro{position:relative;padding:38px 250px 28px 0;min-height:280px}.page-intro h1{font-size:clamp(34px,4.6vw,54px)}.page-intro .lead{max-width:640px}
.access-companions{position:absolute;right:0;top:25px;width:240px;height:245px;display:flex;align-items:center;justify-content:center;pointer-events:none;filter:drop-shadow(0 12px 8px #48577b18)}.access-companions::before{content:"";position:absolute;inset:18px -3px;border-radius:50%;background:radial-gradient(ellipse,#fff9,#f1c3ee55 50%,transparent 72%)}.access-companions img{position:relative;width:65%;height:100%;object-fit:contain;animation:support-art-bob 6s ease-in-out infinite}.access-companions img+img{margin-left:-28%;animation-delay:-2.4s}
.access-explained{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0 32px}.access-info-card{padding:20px;border:3px solid #fff;border-radius:28px;background:linear-gradient(145deg,#fffbe7,#ffdf8e);border-bottom:6px solid #dfb44d;box-shadow:inset 0 2px 1px #fff,0 9px 22px #ab913c1f,0 0 20px #ffd87840}.access-info-coins{background:linear-gradient(145deg,#fff0f7,#ffbcda);border-bottom-color:#d993b5}.access-info-school{background:linear-gradient(145deg,#eafff4,#a5e6cc);border-bottom-color:#64b99a}.access-info-art{display:block;width:55px;height:55px;margin-bottom:12px;filter:drop-shadow(0 3px 2px #5e5d8230)}.access-info-art svg{width:100%;height:100%}.access-info-card h2{font-size:23px;line-height:1.35;margin:5px 0 10px;color:#29466e}.access-info-card p{font-size:15px;line-height:1.65;margin:0}
.order-summary{background:linear-gradient(145deg,#e4fff3,#bae9d7);border:3px solid #fff;border-bottom:6px solid #7cc5a9;box-shadow:0 10px 22px #65a78b24,0 0 24px #92e1bd50}.summary-art{background:linear-gradient(145deg,#fff0f9,#e1f3ff);border:2px solid #fff;height:170px;display:flex;align-items:center;justify-content:center;overflow:visible}.summary-art img{position:static;transform:none;width:66%;height:150px;object-fit:contain;box-shadow:none;border-radius:0;animation:support-art-bob 6s ease-in-out infinite}.summary-art img+img{margin-left:-29%;animation-delay:-2.4s}
.seat-options button{border:2px solid #fff;background:#e8f6ff;border-radius:20px;box-shadow:0 4px 0 #a6cae6;min-height:50px}.seat-options button[aria-pressed=true]{background:#ffe1ef;border-color:#fff;color:#833a59;box-shadow:0 4px 0 #dc99b8}.secure-checkout{padding:15px;background:#ffffffa1;border-radius:22px}.quiet-section{margin-top:26px;padding:24px;background:#e3f5ffbd;border:3px solid #fff;border-radius:28px;box-shadow:0 5px 0 #b1d3ed}
.progress-storage-card{margin:24px 0;padding:22px 24px;border:3px solid #fff;border-bottom:6px solid #99bde2;border-radius:26px;background:linear-gradient(145deg,#eaf7ff,#eae6ff);box-shadow:0 8px 20px #6c89b41c;color:#29466e}.progress-storage-card h3{font-size:23px;margin:0 0 12px;color:#0867ed;line-height:1.4}.progress-storage-card p{font-size:15px;line-height:1.7;margin:9px 0}.progress-storage-card .storage-lead{font-weight:850}.progress-storage-card details{margin:15px 0 0;border:0;padding:0}.progress-storage-card summary{min-height:44px;cursor:pointer;font-weight:800;line-height:1.5}.progress-storage-card .storage-measure{padding-top:12px;border-top:2px solid #fff;margin-top:15px}
.scene{border-color:#fff;box-shadow:0 12px 32px #79a3cb35,0 0 32px #ffb5d538;background:linear-gradient(145deg,#d8f1ff,#f9e2f3)}.setup,.last{background:linear-gradient(145deg,#e1f7ff,#e9dcff);border:3px solid #fff;box-shadow:0 6px 0 #b0bedf}.subjects article,.lesson{background:linear-gradient(145deg,#fff8e9,#ffeac0);padding:22px;border:3px solid #fff;border-radius:27px;box-shadow:0 5px 0 #ddc398}.symbol{border:2px solid #fff;box-shadow:0 4px 0 #aec7df}
@keyframes support-art-bob{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -6px;rotate:1deg}}
@media(max-width:760px){.page-intro{padding-right:0;padding-top:18px}.access-companions{position:relative;top:auto;right:auto;width:210px;height:180px;margin:15px auto 0}.access-explained{grid-template-columns:1fr;gap:17px}.access-info-card{display:grid;grid-template-columns:60px 1fr;column-gap:14px;padding:17px}.access-info-art{grid-row:span 2;margin:0}.access-info-card h2{font-size:21px}.access-info-card p{grid-column:2}.privacy main{width:100%}.privacy .box{padding:21px}.header-actions{gap:13px;flex-wrap:wrap;justify-content:flex-end}.progress-storage-card{padding:18px}.quiet-section{padding:20px}}
body[data-motion=reduce] :is(.access-companions img,.summary-art img){animation:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.box,.checkout-panel,.order-summary,.access-info-card,.progress-storage-card,.button,.language-switch{background:Canvas;color:CanvasText;border:2px solid CanvasText;box-shadow:none}p,li,dd,h1,h2,h3{color:CanvasText}}