.landing{min-height:100dvh;padding:28px max(24px,calc((100vw - 1120px)/2));background:radial-gradient(ellipse at 85% 10%,#c8eeeb88,transparent 50%),var(--bg);color:var(--text)}.landing-nav{display:flex;align-items:center;justify-content:space-between}.landing-nav strong{font-size:20px;letter-spacing:-.6px}.landing-hero{padding:85px 0 55px;max-width:850px}.landing-hero h1{font-size:clamp(38px,5.5vw,72px);line-height:1.08;letter-spacing:-2.5px;white-space:pre-line;margin:20px 0 24px}.landing-hero p{font-size:19px;line-height:1.7;max-width:590px;color:var(--muted)}.landing-hero .btn{padding:14px 22px}.landing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.landing-cards article{padding:28px;background:var(--panel);border:1px solid var(--border);border-radius:24px;box-shadow:0 12px 45px #17344807}.landing-cards h2{font-size:20px}.landing-cards p{line-height:1.7;color:var(--muted)}.landing-icon{display:grid;place-items:center;width:48px;height:48px;background:var(--accent-soft);color:var(--accent);border-radius:15px}.landing-icon svg{width:25px;height:25px}.landing footer{padding:35px 0;color:var(--muted);font-size:13px}
.home-redesign .home-stats{gap:16px;margin:24px 0}.home-redesign .home-stats>div{border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,var(--panel),var(--accent-soft));box-shadow:0 7px 22px #1b3d4e06;padding:22px;transition:transform .2s}.home-redesign .home-stats>div:hover{transform:translateY(-4px)}.home-redesign .home-actions{gap:12px;margin-bottom:26px}.home-redesign .home-cols{gap:22px}.home-redesign .home-cols>.card{border-radius:23px;padding:25px;box-shadow:0 10px 35px #18374908;border:1px solid var(--border)}.home-redesign .home-cols>.card h2{letter-spacing:-.5px;padding-bottom:15px;border-bottom:1px solid var(--border)}.home-redesign .home-cols .row{border-radius:12px;margin:5px 0;transition:background .15s}.home-redesign .home-cols .row:hover{background:var(--panel-2)}
.rewards-redesign .feature-hero{padding:35px;border:1px solid var(--border);border-radius:26px;background:radial-gradient(ellipse at right top,var(--accent-soft),transparent 65%),var(--panel)}.rewards-redesign .feature-hero h1{font-size:clamp(28px,4vw,43px);letter-spacing:-1.2px}.reward-grid{gap:22px}.reward-card{position:relative;padding:26px;border-radius:24px;background:var(--panel);border:1px solid var(--border);box-shadow:0 12px 30px #15384408;transition:transform .2s,box-shadow .2s;animation:reward-arrive .35s ease both}.reward-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #15384416}.reward-card.unlocked{border-color:var(--accent);background:linear-gradient(155deg,var(--panel) 55%,var(--accent-soft))}.reward-art{width:86px;height:86px;margin:0 0 20px;display:grid;place-items:center;border-radius:24px;background:var(--panel-2);border:1px solid var(--border);box-shadow:inset 0 0 0 5px var(--panel)}.reward-art img{width:66px;height:66px;object-fit:contain}.reward-card h2{letter-spacing:-.5px}.reward-card details{margin-top:20px;border-top:1px solid var(--border);padding-top:14px}.reward-card summary{cursor:pointer;color:var(--muted);font-size:13px}.reward-stat{border-radius:20px;padding:24px;background:var(--panel);border:1px solid var(--border)}.reward-stat strong{font-size:34px;letter-spacing:-1px}.reward-access{border-radius:22px;background:linear-gradient(120deg,var(--accent-soft),var(--panel));padding:26px}.reward-meter{height:9px}.earned-collection{padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:18px}.reward-complete{color:var(--accent);font-weight:700}@keyframes reward-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.modal-card{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}.tier-editor-scroll{max-height:46dvh;overflow-y:auto;overscroll-behavior:contain;padding-right:9px;margin:15px 0;border-block:1px solid var(--border)}.feature-tier{margin-block:12px}.studio-panel{position:fixed;right:16px;top:16px;bottom:16px;width:320px;z-index:12000;background:var(--panel);color:var(--text);padding:22px;border:1px solid var(--border);box-shadow:0 15px 70px #00152533;border-radius:22px;overflow:auto;overscroll-behavior:contain}.studio-panel h2{margin-top:0}.studio-panel .btn{margin:5px 3px 5px 0}.studio-panel input[type=color]{height:38px;padding:4px}.studio-panel input[type=range]{width:100%}.studio-outline{position:fixed;pointer-events:none;border:2px solid #11b8a6;box-shadow:0 0 0 3px #11b8a62b;z-index:11999;color:#fff;font:12px system-ui;background:transparent;text-shadow:0 1px 3px #000;border-radius:8px}.studio-open #app{width:calc(100% - 352px)}.browser-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.browser-heading h1{margin:0}.browser-heading p{color:var(--muted)}#chatschool-browser-frame{box-shadow:0 12px 45px #1437460b}
@media(max-width:720px){.landing-hero{padding-top:55px}.landing-cards{grid-template-columns:1fr}.landing-hero h1{letter-spacing:-1.5px}.studio-panel{top:auto;left:8px;right:8px;bottom:8px;width:auto;max-height:48dvh}.studio-open #app{width:100%;height:50dvh}.rewards-redesign .feature-hero{padding:24px}.home-redesign .home-cols>.card{padding:18px}}@media(prefers-reduced-motion:reduce){.reward-card,.home-redesign .home-stats>div{animation:none;transition:none}}
.reward-access{margin-top:28px!important;padding-top:30px!important}
.list-btn.dm-list-action{width:calc(100% - 20px);margin:6px auto;background:var(--panel-2);font-size:14px;text-align:left}
.dm-list-action.closed-dm-link{justify-content:center}
.friend-message-action svg,.profile-message-action .ri svg{display:block;width:18px;height:18px}
.profile-message-action{display:inline-flex;align-items:center;gap:8px}
.reward-access > .reward-meter{display:block;margin-bottom:16px}