:root{--violaceous:#bf82bf;--pear:#e1f597;--mist:#d2d79a;--chocolate-castle:#422700;--paper:#f7f5ed;--ink:#211a12;--muted:#746d63;--shadow:0 18px 52px #4227001f}*{box-sizing:border-box}html{background:var(--paper);scrollbar-gutter:stable}body{color:var(--ink);background:radial-gradient(circle at top left,#bf82bf40,transparent 28%),var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{width:min(100%,480px);min-height:100vh;padding-bottom:calc(84px + env(safe-area-inset-bottom));border-inline:1px solid #42270014;margin:auto}.topbar{z-index:5;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f5ede6;align-items:center;gap:10px;display:flex;position:sticky;top:0}.brand-copy{display:grid}.topbar small{color:var(--muted)}.brand-mark{background:linear-gradient(135deg,var(--chocolate-castle) 0 50%,var(--violaceous) 50%);border-radius:13px;width:38px;height:38px}.guest{background:var(--pear);border-radius:999px;margin-left:auto;padding:7px 10px;font-size:13px;font-weight:900}.feed{flex-direction:column;gap:18px;padding:16px;display:flex}.tile,.welcome-card{box-shadow:var(--shadow);border-radius:28px;position:relative;overflow:hidden}.tile{min-height:310px}.welcome-card{background:#fff;padding:24px}.welcome-card h1,.panel h1{margin:12px 0;font-size:clamp(32px,9vw,46px);line-height:1}.welcome-card p,.panel>p{color:var(--muted);line-height:1.55}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:950}.source-line{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:18px;font-size:11px;display:flex}.source-line span{font-weight:900}.source-line a{color:inherit;font-weight:800}.source-line.inverse{color:#ffffffb3}.video-tile{color:#fff;background:linear-gradient(170deg,#15121d,#4b304c);height:630px}.video-art{background:radial-gradient(circle at 65% 25%,#e1f5978c,#0000 18%),linear-gradient(140deg,#0000 45%,#bf82bf80 46% 64%,#0000 65%);position:absolute;inset:0}.video-art i{background:#ffffff2e;width:44%;height:3px;position:absolute;top:38%;left:4%;transform:rotate(-24deg)}.provider-badge{letter-spacing:.12em;background:#0000008c;border-radius:999px;padding:7px 9px;font-size:10px;font-weight:950;position:absolute;top:18px;left:18px}.play-button{color:#fff;background:#00000040;border:1px solid #ffffff80;border-radius:50%;width:62px;height:62px;font-size:24px;position:absolute;inset:43% auto auto 50%;transform:translate(-50%,-50%)}.video-copy{position:absolute;bottom:22px;left:20px;right:78px}.video-copy p{line-height:1.45}.video-actions{gap:12px;display:grid;position:absolute;bottom:48px;right:15px}.video-actions button,.image-actions button{color:inherit;background:0 0;border:0;font-size:27px}.video-actions button{background:#00000059;border-radius:50%;width:48px;height:48px}.flashcard-tile{background:linear-gradient(150deg,var(--pear),var(--mist));min-height:520px;color:var(--chocolate-castle);flex-direction:column;justify-content:space-between;padding:28px;display:flex}.hanzi{text-align:center;margin-top:48px;font-family:serif;font-size:62px;font-weight:900}.pinyin{text-align:center;color:#422700ad;max-width:300px;margin:8px auto 28px}.reveal-button{border:0;text-transform:uppercase;background:0 0;border-bottom:2px solid;margin:auto;padding:10px;font-weight:950;display:block}.flash-answer{text-align:center;line-height:1.55}.rating-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.rating-row button{background:#ffffff61;border:1px solid #42270033;border-radius:12px;padding:12px;font-weight:900}.rating-row button:nth-child(2){background:var(--chocolate-castle);color:#fff}.ai-label{background:#4227001a;border-radius:999px;width:max-content;margin-top:14px;padding:5px 8px;font-size:10px;font-weight:900;display:inline-flex}.ai-label.inverse{background:#ffffff29}.reddit-tile{background:#fff;border-top:7px solid #ff4500;padding:24px}.reddit-head{align-items:center;gap:10px;display:flex}.reddit-head>b{color:#fff;background:#ff4500;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.reddit-head span{display:grid}.reddit-head small{color:var(--muted)}.reddit-tile h2{font-size:27px}.reddit-tile p{line-height:1.55}.reddit-stats{border-block:1px solid #eee;gap:22px;padding:14px 0;font-size:13px;font-weight:850;display:flex}.thread-button{background:#eee;border:0;border-radius:12px;margin-top:14px;padding:10px 14px;font-weight:850}.comment{background:#f6f6f6;border-left:4px solid #ff4500;margin-top:12px;padding:14px;font-size:13px;line-height:1.5}.quiz-tile{background:var(--chocolate-castle);color:#fff;min-height:480px;padding:28px}.quiz-tile>.eyebrow{color:var(--pear)}.quiz-tile h2{font-size:38px;line-height:1.05}.quiz-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quiz-options button{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;min-height:110px;font-size:20px;font-weight:900}.quiz-options button.correct{background:var(--pear);color:var(--chocolate-castle)}.quiz-options button.wrong{background:#8f4b4b}.quiz-result{background:#ffffff1a;border-radius:14px;padding:14px;line-height:1.45}.image-tile{background:#fff;padding-bottom:20px}.image-head{align-items:center;gap:10px;height:66px;padding:12px 18px;display:flex}.avatar{color:#fff;background:linear-gradient(45deg,#feda75,#d62976,#4f5bd5);border-radius:50%;place-items:center;width:38px;height:38px;font-size:11px;font-weight:900;display:grid}.experimental{color:#7a3b00;background:#ffe8bf;border-radius:999px;margin-left:auto;padding:4px 7px;font-size:9px;font-weight:950}.mountain-art{background:linear-gradient(#9db6c4 0 52%,#273928 53%);height:390px;position:relative;overflow:hidden}.mountain-art i{clip-path:polygon(50% 0,100% 100%,0 100%);background:#64777c;width:80%;height:60%;position:absolute;bottom:25%}.mountain-art i:nth-child(2){background:#40565a;left:38%}.mountain-art i:nth-child(3){clip-path:polygon(0 45%,20% 5%,42% 60%,70% 10%,100% 55%,100% 100%,0 100%);background:#203820;width:100%;height:30%;bottom:0}.image-actions{padding:10px 18px;display:flex}.image-actions button:last-child{margin-left:auto}.image-tile>p,.image-tile>.source-line{margin-inline:18px;line-height:1.45}.web-tile{background:#fff}.web-art{background:radial-gradient(circle at 65% 45%,var(--pear) 0 12%,transparent 13%),radial-gradient(circle at 60% 48%,var(--violaceous) 0 30%,transparent 31%),var(--chocolate-castle);height:220px;position:relative}.web-art i{border:1px solid #ffffff4d;border-radius:50%;width:100px;height:100px;position:absolute;inset:35% 15% auto auto}.web-content{padding:24px}.web-content h2,.explainer-tile h2,.data-tile h2{font-size:32px;line-height:1.08}.web-content p,.explainer-tile>p{line-height:1.55}.primary-link{background:var(--chocolate-castle);color:#fff;border-radius:13px;padding:12px 15px;font-weight:900;text-decoration:none;display:inline-block}.button-link{border:0}.data-tile{color:#fff;background:#171510;padding:27px}.data-tile>.eyebrow{color:var(--pear)}.bars{gap:14px;margin:28px 0;display:grid}.bar{grid-template-columns:65px 1fr 24px;align-items:center;gap:9px;font-size:12px;display:grid}.bar i{background:#ffffff1f;border-radius:99px;height:12px;overflow:hidden}.bar b{background:linear-gradient(90deg,var(--violaceous),var(--pear));border-radius:99px;height:100%;display:block}.explainer-tile{background:linear-gradient(145deg,#fff,#f1e6f1);padding:27px}.explainer-stat{background:var(--pear);border-radius:17px;align-items:center;gap:15px;padding:16px;display:flex}.explainer-stat strong{font-size:35px}.explainer-stat span{font-size:13px}.simple-copy{border-left:4px solid var(--violaceous);background:#fff;padding:14px}.fallback-tile{background:#fff;padding:24px}.panel{padding:28px 20px}.interest-grid{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.interest{background:#fff;border:1px solid #42270021;border-radius:999px;padding:12px 14px;font-weight:900}.interest.active{background:var(--violaceous)}.profile-card,.mix-control{box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:20px;display:block}.profile-card p{color:var(--muted);line-height:1.5}.palette{border-radius:16px;grid-template-columns:repeat(4,1fr);height:70px;display:grid;overflow:hidden}.palette i:first-child{background:var(--violaceous)}.palette i:nth-child(2){background:var(--pear)}.palette i:nth-child(3){background:var(--mist)}.palette i:nth-child(4){background:var(--chocolate-castle)}.settings-stack{gap:12px;margin-top:20px;display:grid}.mix-control>span{justify-content:space-between;font-weight:900;display:flex}.mix-control input{width:100%;accent-color:var(--violaceous);margin-top:13px}.feed-sentinel{text-align:center;color:var(--muted);padding:22px;font-size:13px}.feedback-row{justify-content:flex-end;gap:8px;padding:9px 5px 0;display:flex}.feedback-row button{color:var(--muted);background:#fff;border:1px solid #42270024;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:850}.feedback-row button[aria-pressed=true]{background:var(--violaceous);color:var(--chocolate-castle)}.page-modal{z-index:20;place-items:end center;display:grid;position:fixed;inset:0}.page-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#211a1294;position:absolute;inset:0}.page-modal-sheet{box-sizing:border-box;background:var(--paper);border-radius:24px 24px 0 0;grid-template-rows:auto 1fr auto;gap:12px;width:min(100%,680px);height:min(88vh,820px);padding:14px;display:grid;position:relative;box-shadow:0 -18px 52px #211a1240}.page-modal-sheet header{align-items:center;gap:12px;display:flex}.page-modal-sheet header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-modal-sheet header button{background:#4227001a;border:0;border-radius:50%;width:36px;height:36px;margin-left:auto;font-size:25px;line-height:1}.page-modal-sheet iframe{background:#fff;border:1px solid #4227001f;border-radius:16px;width:100%;height:100%;min-height:0}.page-modal-sheet>.primary-link{justify-self:start}nav{z-index:6;width:min(100%,480px);padding:9px 14px calc(9px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf8f5;border-top:1px solid #4227001a;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}nav button{color:inherit;background:0 0;border:0;border-radius:14px;place-items:center;gap:2px;padding:7px;font-size:11px;font-weight:850;display:grid}nav button span{font-size:20px}nav button[aria-current]{background:#bf82bf3b}:focus-visible{outline:3px solid var(--violaceous);outline-offset:3px}@media (min-width:900px){.app-shell,nav{width:min(100%,920px)}.feed{grid-template-columns:repeat(2,1fr);align-items:start;display:grid}.welcome-card{grid-column:1/-1}.video-tile{grid-row:span 2}.feed-sentinel{grid-column:1/-1}.panel{max-width:680px;margin:auto}.mountain-art{height:330px}}@media (max-width:360px){.feed{padding:10px}.video-tile{height:580px}.hanzi{font-size:50px}.quiz-tile h2{font-size:31px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.web-tile{overflow:visible}.page-modal-sheet header button{top:calc(14px + env(safe-area-inset-top));z-index:2;position:fixed;right:14px}.ai-topline{justify-content:space-between;align-items:center;display:flex}.spark-mark{background:var(--violaceous);width:34px;height:34px;color:var(--chocolate-castle);border-radius:12px;place-items:center;font-size:20px;display:grid}.curiosity-hook{font-size:clamp(22px,6vw,30px);font-weight:950;line-height:1.08;color:var(--chocolate-castle)!important;margin:25px 0 12px!important}.takeaway{border-left:4px solid var(--violaceous);background:#bf82bf2e;border-radius:16px;gap:5px;margin:20px 0;padding:15px;display:grid}.takeaway span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:950}.takeaway strong{line-height:1.35}.explainer-tile .ai-label{background:#bf82bf33}