:root{color-scheme:light;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#f3f5fb;color:#0f172a;--accent: #ff6b6b;--accent-strong: #f59e0b;--surface: #fff7ef}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top left,rgba(255,124,73,.2),transparent 24%),radial-gradient(circle at 80% 10%,rgba(236,72,153,.14),transparent 22%),radial-gradient(circle at bottom right,rgba(99,91,255,.12),transparent 28%),#f7f8fc}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.app-shell{display:grid;grid-template-columns:256px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;min-height:100vh;display:flex;flex-direction:column;gap:16px;padding:20px 18px;color:#162033;background:radial-gradient(circle at 0% 0%,rgba(255,255,255,.9),transparent 24%),linear-gradient(180deg,#fffffff5,#fff6fbfa 54%,#f9fafffa);border-right:1px solid rgba(244,114,182,.16)}.sidebar-top{display:grid;gap:10px}.content{display:flex;flex-direction:column;gap:18px;padding:24px}.brand-block,.teacher-card,.section-heading,.hero-actions,.toolbar-row,.toolbar-actions,.student-stats,.student-actions,.sidebar-footer,.drawer-header,.drawer-hero,.drawer-tabs,.auth-tabs,.preset-row,.student-card-header,.assignment-main,.timeline-item,.bar-row,.roster-chip-row{display:flex;align-items:center}.brand-block{gap:14px}.brand-orb{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#ff6b9f,#ffb347);box-shadow:0 16px 32px #ff6b9f47}.brand-icon{width:48px;height:48px;flex:0 0 auto;border-radius:16px;box-shadow:0 14px 28px #ff666c38}.teacher-card{gap:14px;padding:16px;border-radius:24px;background:#ffffffdb;border:1px solid rgba(244,114,182,.16);box-shadow:0 18px 34px #0f172a0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.teacher-card p,.brand-block p,.muted,.status-line,.timeline-item span,.leaderboard-meta span,.student-pet-meta span,.shop-card span,.page-card p{margin:0;color:#64748b}.sidebar .teacher-card p,.sidebar .brand-block p{color:#667085}.sidebar-chip{display:inline-flex;width:fit-content;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;color:#be185d;background:#fbcfe8b8}.avatar-circle{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#fb7185,#f59e0b)}.nav-stack{display:grid;gap:8px}.nav-button,.glass-button,.tab-button,.ghost-button,.primary-button,.secondary-button,.tiny-button,.drawer-close{border:0;border-radius:18px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,opacity .18s ease}.nav-button{display:flex;align-items:center;gap:10px;padding:14px 16px;color:#334155;background:transparent;text-align:left}.nav-button-dot{width:10px;height:10px;flex-shrink:0;border-radius:999px;background:#94a3b8b3}.nav-button:hover,.nav-button.active{color:#111827;background:linear-gradient(135deg,#ffe4eef5,#fff5d6eb);box-shadow:0 14px 24px #f472b61a;transform:translate(4px)}.nav-button.active .nav-button-dot{background:linear-gradient(135deg,#fb7185,#f59e0b)}.sidebar-footer{margin-top:auto;justify-content:space-between;gap:12px;flex-wrap:wrap}.badge-chip,.eyebrow,.roster-chip,.podium-rank,.leaderboard-rank{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700}.badge-chip{background:#ffffffe6;color:inherit;border:1px solid rgba(244,114,182,.16)}.badge-chip.score{background:#ff6b6b1f;color:#e11d48}.eyebrow{background:#ff6b6b1a;color:var(--accent);width:fit-content}.ghost-button,.glass-button,.tab-button,.secondary-button.dark{padding:12px 16px;background:#ffffffb8;color:#0f172a;box-shadow:0 10px 30px #0f172a0f}.ghost-button{color:#be185d;background:#ffffffe0;border:1px solid rgba(244,114,182,.18)}.glass-button:hover,.tab-button:hover,.primary-button:hover,.secondary-button:hover,.tiny-button:hover,.leaderboard-row:hover,.podium-card:hover,.student-shell:hover,.assignment-main:hover{transform:translateY(-2px)}.primary-button,.secondary-button,.tiny-button{padding:12px 16px;font-weight:700}.primary-button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;box-shadow:0 16px 40px #ff6b6b42}.primary-button-dark{background:linear-gradient(135deg,#111827,#374151)}.secondary-button.dark{background:#ffffff29;color:#fff;border:1px solid rgba(255,255,255,.24)}.primary-button.slim{padding:10px 14px;font-size:14px}.tiny-button{padding:9px 10px;font-size:13px}.tiny-button.reward{background:#dcfce7;color:#166534}.tiny-button.penalty{background:#fee2e2;color:#991b1b}.tiny-button.feed{background:#dbeafe;color:#1d4ed8}.hero-panel{display:grid;grid-template-columns:1.3fr .9fr;gap:20px;padding:28px;border-radius:32px;color:#fff;background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.24),transparent 24%),radial-gradient(circle at 85% 20%,rgba(255,255,255,.14),transparent 20%),linear-gradient(135deg,#ff7d87,#ff9f43 36%,#f472b6,#6366f1);box-shadow:0 26px 70px #f472b62e}.hero-copy h2,.auth-panel h1,.auth-copy h2{margin:8px 0 10px;font-size:clamp(28px,4vw,42px);line-height:1.05}.hero-copy p{margin:0;color:#ffffffd6;max-width:56ch}.hero-actions,.toolbar-actions,.preset-row,.auth-tabs,.class-tabs,.drawer-tabs,.student-actions,.roster-chip-row{gap:10px;flex-wrap:wrap}.hero-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;margin-bottom:18px}.hero-mini-stats div{padding:14px 16px;border-radius:22px;background:#ffffff29;border:1px solid rgba(255,255,255,.16)}.hero-mini-stats span{display:block;margin-bottom:6px;font-size:12px;color:#ffffffb8}.hero-mini-stats strong{font-size:20px}.hero-pet-stage{position:relative;display:grid;place-items:center;gap:14px;padding:18px;border-radius:32px;overflow:hidden;background:radial-gradient(circle at 50% 10%,rgba(255,255,255,.22),transparent 28%),linear-gradient(180deg,#0b112047,#0b11201a);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-pet-stage:after{content:"";position:absolute;inset:auto 18px 18px;height:34px;border-radius:999px;background:#070b184d;filter:blur(18px)}.hero-pet-image{position:relative;z-index:1;width:min(320px,100%);border-radius:30px;box-shadow:0 24px 60px #080f2057;animation:floaty 4s ease-in-out infinite}.hero-pet-caption{display:grid;gap:4px;text-align:center}.hero-pet-caption span{color:#ffffffc7}.stats-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.metric-card,.page-card,.student-card,.shop-card,.assignment-card,.podium-card,.pet-library-card,.theme-card,.auth-pet-card{background:#ffffffd1;border:1px solid rgba(255,255,255,.7);border-radius:26px;box-shadow:0 16px 38px #0f172a12;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.metric-card{padding:18px 20px;background:linear-gradient(180deg,#ffffffeb,#fff8fce6)}.metric-card span{display:block;margin-bottom:8px;color:#64748b}.metric-card strong{font-size:30px;color:#111827}.toolbar-row,.section-heading{justify-content:space-between;gap:16px}.section-title h1,.section-heading h3{margin:4px 0 0;font-size:24px}.toolbar-input,.auth-form input,.settings-form input,.settings-form select,.settings-form textarea{width:100%;padding:12px 14px;border:1px solid #d7dde9;border-radius:18px;background:#ffffffe0;outline:none}.page-card{padding:22px}.page-card-large{padding:24px}.page-grid{display:grid;grid-template-columns:1.15fr .95fr;gap:18px}.page-grid-wide{grid-template-columns:1.1fr 1fr}.class-tabs{margin-top:8px;margin-bottom:18px}.tab-button.active{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff}.student-grid,.pet-library-grid,.shop-grid,.podium-grid,.theme-grid{display:grid;gap:16px}.student-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--student-card-min, 250px)),1fr))}.pet-library-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.shop-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.podium-grid,.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.management-grid,.form-grid{display:grid;gap:16px}.management-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-card{position:relative;overflow:hidden;padding:16px;background:radial-gradient(circle at top right,rgba(255,255,255,.88),transparent 24%),linear-gradient(180deg,#f8fafcf5,#ffffffe0);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.student-card.active{border-color:#ff6b6b52;box-shadow:0 18px 46px #ff6b6b1f}.student-shell,.podium-card,.leaderboard-row,.assignment-main{width:100%;border:0;padding:0;background:transparent;text-align:left}.student-card-header{justify-content:space-between;align-items:flex-start;gap:12px}.student-card-header h4,.leaderboard-meta strong,.auth-pet-card strong{margin:4px 0 0;font-size:20px}.student-pet-frame{position:relative;overflow:hidden;margin-top:10px;border-radius:26px}.student-pet-art{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:26px;background:linear-gradient(180deg,#0f172a,#172554);box-shadow:0 24px 42px #0f172a24}.student-pet-meta{display:grid;gap:4px;margin-top:6px}.student-stats,.student-actions{margin-top:12px;gap:8px;flex-wrap:wrap}.student-stats span,.shop-card p{font-size:13px;color:#475569}.visitor-student-card{padding:12px}.visitor-student-pet{overflow:hidden;display:grid;place-items:center;aspect-ratio:1 / 1;margin-bottom:12px;border-radius:24px;background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.42),transparent 24%),linear-gradient(145deg,#111827,#26344f)}.visitor-student-pet img{width:100%;height:100%;object-fit:cover}.visitor-student-pet span{display:grid;place-items:center;width:76px;height:76px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#ec4899,#f97316);font-size:28px;font-weight:900}.progress-rail{overflow:hidden;width:100%;height:12px;margin-top:10px;border-radius:999px;background:#e2e8f0}.progress-rail.compact{margin-top:8px}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-strong));box-shadow:inset 0 0 16px #ffffff47}.management-card{padding:20px;display:grid;gap:16px}.management-head,.management-actions,.management-summary,.form-field{display:grid;gap:8px}.management-head{grid-template-columns:1fr auto;align-items:start}.management-head h4{margin:4px 0 0;font-size:24px}.management-badge{display:inline-flex;align-items:center;justify-content:center;align-self:start;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:700;color:#0f172a;background:#e2e8f0}.management-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.management-summary div,.empty-state{padding:16px;border-radius:22px;background:#f8fafc}.management-summary span,.helper-text,.empty-state span{color:#64748b;font-size:13px}.management-summary strong,.empty-state strong{font-size:20px}.management-form{display:grid;gap:14px}.management-form input,.management-form select{width:100%;padding:12px 14px;border:1px solid #d7dde9;border-radius:18px;background:#ffffffe0;outline:none}.management-actions{grid-template-columns:repeat(3,max-content);align-items:center;gap:10px}.danger-button{padding:10px 14px;border:0;border-radius:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 12px 30px #ef44443d;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.danger-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.danger-button:not(:disabled):hover{transform:translateY(-2px)}.management-subheading{margin-top:8px;margin-bottom:12px}.empty-state{display:grid;place-items:start;gap:6px;min-height:160px}.tool-stack{display:grid;gap:14px}.tool-card,.tool-tip-card{padding:16px;border-radius:24px;background:#f8fafc;border:1px solid rgba(148,163,184,.14)}.tool-form-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.tool-textarea{width:100%;min-height:220px;padding:14px;border:1px solid #d7dde9;border-radius:18px;resize:vertical;background:#ffffffe0;outline:none}.tool-tip-card{display:grid;gap:6px}.tool-tip-card span,.tool-tip-card p,.import-preview-card span,.reading-result-copy span,.arena-pet-panel span,.arena-pet-panel small{color:#64748b}.import-preview-list{display:grid;gap:12px}.import-preview-card{display:grid;grid-template-columns:1.2fr repeat(3,minmax(0,1fr));gap:12px;align-items:center;padding:14px 16px;border-radius:20px;background:#f8fafc}.sound-shell{position:relative;min-height:76vh;overflow:hidden;border-radius:32px;background:#02060e;box-shadow:0 24px 64px #0f172a3d}.sound-canvas{position:absolute;inset:0;width:100%;height:100%}.sound-topbar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(to bottom,#000000c7,#0000)}.sound-back{border:0;padding:10px 14px;border-radius:16px;color:#ffffffe0;background:#ffffff1f}.sound-title{display:grid;gap:2px;color:#fff}.sound-title span{font-size:12px;color:#ffffff9e}.sound-meter-pill{margin-left:auto;padding:10px 14px;border-radius:999px;font-weight:800;color:#fff;background:#ffffff1f}.sound-level-bars{position:absolute;top:76px;left:50%;z-index:2;display:flex;gap:3px;transform:translate(-50%)}.sound-level-bar{width:6px;height:14px;border-radius:999px;background:#ffffff29;transition:background .12s ease,transform .12s ease}.sound-level-bar.active{background:linear-gradient(180deg,#67e8f9,#8b5cf6);box-shadow:0 0 12px #67e8f973;transform:scaleY(1.25)}.sound-settings-backdrop{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sound-settings-card{width:min(760px,calc(100vw - 32px));max-height:min(80vh,640px);overflow:auto;padding:22px;border-radius:28px;background:#090c14e6;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px #0000006b}.sound-settings-card .section-heading h3,.sound-settings-card .section-heading p,.reading-card .section-heading h3,.reading-card .section-heading p{color:#fff}.sound-settings-card .form-field span,.reading-card .form-field span,.reading-live-card .form-field span{color:#ffffffbd}.sound-settings-card input,.sound-settings-card select,.reading-card input,.reading-card select,.reading-live-card input{width:100%;padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:18px;color:#fff;background:#ffffff14}.sound-inline-error{position:static;transform:none;margin-top:10px}.sound-fab{position:absolute;right:18px;bottom:18px;z-index:3;border:0;padding:12px 16px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#111827,#334155);box-shadow:0 18px 40px #0f172a4d}.arena-grid{display:grid;grid-template-columns:1fr 90px 1fr;gap:16px;align-items:center}.arena-card{padding:18px;border-radius:24px;background:#f8fafc;display:grid;gap:12px}.arena-vs{display:grid;place-items:center;width:90px;height:90px;border-radius:999px;font-size:28px;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 18px 40px #ff6b6b38}.arena-pet-panel{display:grid;justify-items:center;gap:6px;text-align:center}.arena-pet-panel img{width:min(200px,100%)}.reading-shell{display:grid;gap:18px}.reading-back-row{display:flex}.reading-card,.reading-live-card,.reading-result-stage{position:relative;overflow:hidden;padding:24px;border-radius:32px;background:linear-gradient(135deg,#0f172a,#312e81 52%,#7c3aed);box-shadow:0 22px 60px #0f172a38}.reading-card:before,.reading-live-card:before,.reading-result-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(255,255,255,.18),transparent 24%);pointer-events:none}.reading-prize-editor,.reading-reward-card{margin-top:16px;padding:16px;border-radius:24px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.reading-reward-card small,.reading-result-copy span,.reading-prize-card p,.reading-reward-status small{color:#ffffffb8}.reading-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff}.toggle-pill{border:0;padding:10px 14px;border-radius:999px;color:#ffffffad;background:#ffffff1f}.toggle-pill.active{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.reading-duration-row{display:grid;grid-template-columns:1fr auto 1fr auto;gap:10px;align-items:center}.reading-banner{display:inline-flex;padding:10px 16px;border-radius:999px;color:#fff;background:#ffffff1f}.reading-metric-strip{margin-top:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.reading-metric-strip div{padding:16px;border-radius:22px;background:#ffffff14;color:#fff}.reading-metric-strip span{display:block;margin-bottom:6px;font-size:12px;color:#ffffffad}.reading-metric-strip strong{font-size:24px}.reading-progress{display:flex;align-items:center;gap:12px;margin-top:18px;color:#fff}.reading-progress-track{flex:1;height:16px;overflow:hidden;border-radius:999px;background:#ffffff1f}.reading-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#ef4444,#8b5cf6)}.reading-bars{display:flex;align-items:end;gap:3px;min-height:72px;margin-top:22px}.reading-bar{flex:1;border-radius:999px 999px 4px 4px;background:#ffffff24;transition:height .12s ease,background .12s ease}.reading-bar.active{background:linear-gradient(180deg,#10b981,#06b6d4);box-shadow:0 0 12px #10b98138}.reading-result-stage{min-height:76vh;display:grid;place-items:center}.reading-result-copy{display:grid;gap:6px;justify-items:center;margin-bottom:18px;color:#fff}.reading-scratch-shell{width:min(720px,100%)}.reading-scratch-card{position:relative;min-height:340px;border-radius:32px;overflow:hidden;background:linear-gradient(145deg,#fffef5,#fde68a);box-shadow:0 24px 70px #0f172a3d}.reading-scratch-prize{position:absolute;inset:0;display:grid;place-items:center;gap:10px;text-align:center;color:#78350f}.reading-scratch-prize span{font-size:72px}.reading-scratch-prize strong{font-size:28px}.reading-scratch-prize small{color:#92400e}.reading-scratch-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.reading-prize-modal{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:20px;background:#0000007a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.reading-prize-card{width:min(420px,100%);padding:26px;border-radius:28px;display:grid;gap:10px;justify-items:center;text-align:center;color:#fff;background:#0f172aeb;border:1px solid rgba(255,255,255,.12)}.reading-prize-card span{font-size:64px}.reading-prize-card strong{font-size:28px}.reading-reward-status{display:grid;gap:4px;justify-items:center}.bar-stack,.timeline,.settings-form,.pet-assignment-list,.leaderboard-list,.drawer-section,.quick-action-grid,.roster-grid{display:grid;gap:12px}.bar-row{gap:10px}.bar-row span{width:88px;flex-shrink:0}.bar-track{flex:1;height:14px;border-radius:999px;background:#e2e8f0;overflow:hidden}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.podium-card,.pet-library-card{padding:16px;text-align:left;overflow:hidden;background:radial-gradient(circle at top right,rgba(255,255,255,.9),transparent 20%),linear-gradient(180deg,#f7fafff5,#ffffffe6)}.podium-card img,.pet-library-card img,.auth-pet-card img,.assignment-main img,.pet-roster-card img,.leaderboard-row img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:24px;background:linear-gradient(180deg,#0f172a,#1e293b);box-shadow:0 18px 36px #0f172a29}.podium-rank{margin-bottom:10px;background:#111827;color:#fff;width:fit-content}.podium-card small{color:#64748b}.pet-library-card.active,.assignment-card.active,.pet-roster-card.active{border-color:#ff6b6b5c;box-shadow:0 18px 44px #ff6b6b29}.pet-library-card strong,.podium-card strong,.auth-pet-card strong{display:block;margin-top:14px}.pet-library-card p{margin:8px 0 0;font-size:13px;color:#475569;line-height:1.5}.assignment-card{padding:16px;display:grid;gap:12px;background:radial-gradient(circle at top right,rgba(255,255,255,.88),transparent 22%),linear-gradient(180deg,#f8fafcf5,#ffffffe6)}.assignment-main{display:grid;grid-template-columns:108px 1fr;gap:16px;align-items:center}.assignment-main.no-button{cursor:default}.assignment-main img{width:108px}.roster-chip-row{margin-top:8px}.roster-chip{background:#f1f5f9;color:#475569}.leaderboard-row{display:grid;grid-template-columns:54px 88px 1fr auto;align-items:center;gap:16px;padding:12px 0}.leaderboard-rank{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff}.leaderboard-row img{width:88px}.leaderboard-score{font-size:22px}.leaderboard-page{display:grid;gap:18px;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(251,191,36,.18),transparent 28%),linear-gradient(180deg,#f8fafcf5,#ffffffeb)}.leaderboard-hero{display:grid;justify-items:center;gap:6px;text-align:center}.leaderboard-trophy{color:#f59e0b;font-size:42px;line-height:1;filter:drop-shadow(0 12px 18px rgba(245,158,11,.24))}.leaderboard-hero h3{margin:0;color:#f59e0b;font-size:clamp(30px,4vw,52px);letter-spacing:.04em}.leaderboard-hero p{font-size:18px;font-weight:900}.leaderboard-board-tabs,.leaderboard-period-tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.leaderboard-board-tab,.leaderboard-period{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(203,213,225,.9);border-radius:999px;background:#ffffffeb;color:#94a3b8;font-weight:1000;box-shadow:0 12px 28px #0f172a0f}.leaderboard-board-tab{padding:14px 28px;font-size:20px}.leaderboard-period{padding:10px 18px;font-size:15px}.leaderboard-board-tab.active{color:#0f172a;background:linear-gradient(135deg,#ec4899,#f472b6);box-shadow:0 18px 34px #ec489938}.leaderboard-period.active{color:#fff;background:#111827;box-shadow:0 14px 26px #0f172a38}.leaderboard-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:18px;max-width:760px;width:100%;margin:10px auto 0}.leaderboard-podium-card{display:grid;justify-items:center;gap:8px;min-height:240px;padding:18px 18px 24px;border:1px solid rgba(203,213,225,.9);border-radius:24px 24px 0 0;background:#ffffffd1;cursor:pointer;text-align:center;transition:transform .18s ease,box-shadow .18s ease}.leaderboard-podium-card.rank-1{min-height:300px;border-color:#facc15e6;background:linear-gradient(180deg,#fffbebfa,#fef9c3c2)}.leaderboard-podium-card:hover,.leaderboard-compact-row:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0f172a1f}.podium-avatar-wrap{position:relative;display:grid;place-items:center;width:116px;height:116px}.podium-avatar-wrap img,.podium-avatar-wrap>strong{width:96px;height:96px;border:6px solid #e2e8f0;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#dbeafe,#fce7f3);box-shadow:0 12px 24px #0f172a1f}.rank-1 .podium-avatar-wrap img,.rank-1 .podium-avatar-wrap>strong{width:106px;height:106px;border-color:#facc15}.podium-crown{position:absolute;top:-18px;font-size:28px;z-index:2}.podium-avatar-wrap em{position:absolute;right:10px;bottom:4px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:#f59e0b;font-style:normal;font-weight:1000}.leaderboard-podium-card h4{margin:0;font-size:22px}.leaderboard-podium-card>span,.leaderboard-podium-card>strong{color:#64748b}.leaderboard-compact-list{display:grid;gap:10px;max-width:840px;width:100%;margin:0 auto}.leaderboard-compact-row{display:grid;grid-template-columns:54px 56px 1fr auto;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid rgba(226,232,240,.95);border-radius:20px;background:#ffffffe6;cursor:pointer;text-align:left;transition:transform .18s ease,box-shadow .18s ease}.leaderboard-compact-row img,.leaderboard-compact-row i{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;object-fit:cover;background:linear-gradient(135deg,#dbeafe,#fce7f3);color:#0f172a;font-style:normal;font-weight:1000}.shop-card{padding:18px;display:grid;gap:8px;justify-items:start}.shop-badge{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.shop-manager-page{display:grid;gap:24px}.shop-manager-hero{display:grid;gap:22px;padding:12px 0 0}.shop-manager-hero-row{grid-template-columns:minmax(0,1fr) auto;align-items:start}.shop-manager-actions{display:flex;gap:12px;align-items:center}.glass-button.active{color:#0f172a;background:#f1f5f9;box-shadow:inset 0 0 0 1px #94a3b847}.shop-manager-hero h3{margin:0;color:#0f172a;font-size:clamp(34px,4vw,52px);line-height:1}.shop-manager-hero p{margin:8px 0 0;color:#94a3b8;font-size:22px;font-weight:800}.shop-tabs{display:flex;gap:34px;border-bottom:1px solid rgba(226,232,240,.9)}.shop-tab{border:0;border-bottom:3px solid transparent;padding:0 0 18px;color:#94a3b8;background:transparent;font-size:20px;font-weight:900;cursor:pointer}.shop-tab.active{color:#ec4899;border-color:#ec4899}.shop-create-card{display:grid;gap:16px}.shop-prize-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:28px}.shop-prize-card{overflow:hidden;border:1px solid rgba(203,213,225,.7);border-radius:28px;background:#fff;box-shadow:0 18px 44px #0f172a0f}.shop-prize-icon{display:grid;min-height:320px;place-items:center;background:#f8fafc;font-size:clamp(120px,18vw,240px);line-height:1}.shop-prize-body{display:grid;gap:14px;padding:22px}.shop-prize-name-input,.shop-prize-body input{width:100%;border:1px solid rgba(226,232,240,.95);border-radius:14px;padding:10px 12px;color:#0f172a;background:#fff;font-weight:900}.shop-prize-name-input{border:0;padding:0;font-size:20px}.shop-prize-body label{display:grid;gap:6px;color:#94a3b8;font-weight:900}.shop-prize-title,.shop-prize-tag{display:block}.shop-prize-title{color:#0f172a;font-size:22px;font-weight:900}.shop-prize-tag{margin-top:5px;color:#94a3b8;font-size:14px;font-weight:800}.shop-prize-readonly-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px}.shop-prize-readonly-meta div{padding:14px;border-radius:18px;background:#f8fafc}.shop-prize-readonly-meta span,.shop-prize-readonly-meta strong{display:block}.shop-prize-readonly-meta span{color:#94a3b8;font-weight:900}.shop-prize-readonly-meta strong{margin-top:6px;color:#0f172a;font-size:24px}.shop-prize-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px}.shop-prize-actions{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center}.shop-redeem-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:#0f172a94;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shop-redeem-modal{display:grid;justify-items:center;gap:18px;width:min(620px,100%);max-height:min(760px,92vh);overflow:auto;padding:44px;border-radius:34px;background:#fff;box-shadow:0 34px 90px #0f172a47}.shop-redeem-icon{font-size:98px;line-height:1}.shop-redeem-modal h3{margin:0;color:#0f172a;font-size:28px}.shop-redeem-modal>strong{color:#ec4899;font-size:22px}.shop-prize-edit-modal{justify-items:stretch}.shop-prize-edit-modal h3{text-align:center}.shop-edit-preview{justify-self:center;display:grid;width:112px;height:112px;place-items:center;border-radius:32px;background:#f8fafc;font-size:64px}.preset-combo-field{grid-template-columns:1fr}.preset-combo-field select,.preset-combo-field input{width:100%;border:1px solid rgba(226,232,240,.95);border-radius:14px;padding:10px 12px;background:#fff;color:#0f172a;font-weight:900}.shop-modal-actions{display:flex;gap:10px;justify-content:center}.shop-student-choice-list{display:grid;gap:12px;width:100%}.shop-student-choice{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border:1px solid rgba(226,232,240,.95);border-radius:18px;background:#fff}.shop-student-choice strong,.shop-student-choice span{display:block}.shop-student-choice span{margin-top:4px;color:#64748b;font-size:13px;font-weight:800}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-grid div{padding:16px;border-radius:18px;background:#f8fafc}.detail-grid span{display:block;color:#64748b;font-size:13px}.detail-grid strong{font-size:24px}.data-maintenance-card{grid-column:1 / -1;background:radial-gradient(circle at 10% 0%,rgba(236,72,153,.12),transparent 32%),radial-gradient(circle at 90% 10%,rgba(245,158,11,.16),transparent 34%),#ffffffe6}.data-maintenance-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.data-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.backup-status-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.backup-status-panel div{display:grid;gap:6px;padding:16px;border:1px solid rgba(148,163,184,.22);border-radius:20px;background:#f8fafcdb}.backup-status-panel span,.backup-status-panel small{color:#64748b;font-weight:700}.backup-status-panel strong{overflow-wrap:anywhere}@media(max-width:760px){.data-status-grid,.backup-status-panel{grid-template-columns:1fr}.data-maintenance-actions{justify-content:flex-start}}.student-drawer{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:30px;background:#ffffffeb;border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 70px #0f172a38;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:#0f172a6b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;animation:toastIn .18s ease}.student-modal{position:relative;width:min(980px,calc(100vw - 48px));max-height:min(86vh,920px);overflow:auto;display:flex;flex-direction:column;animation:modalIn .22s ease}.drawer-header{justify-content:space-between}.drawer-header h3{margin:4px 0 0;font-size:26px}.drawer-close{width:42px;height:42px;font-size:28px;background:#f1f5f9}.drawer-hero{gap:18px;padding:18px;border-radius:28px;background:radial-gradient(circle at top right,rgba(255,255,255,.78),transparent 24%),linear-gradient(135deg,#ff6b6b1f,#635bff24)}.drawer-hero img{width:180px;border-radius:28px;box-shadow:0 24px 50px #0f172a2e;animation:floaty 4s ease-in-out infinite}.drawer-hero span{color:#64748b}.quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roster-grid{grid-template-columns:repeat(3,minmax(0,1fr));overflow:auto;padding-right:4px}.pet-roster-card{padding:12px;border:1px solid rgba(148,163,184,.2);border-radius:22px;background:radial-gradient(circle at top right,rgba(255,255,255,.84),transparent 20%),#ffffffe6;display:grid;gap:8px;text-align:left}.pet-roster-card.add{border-style:dashed}.pet-roster-card img{width:100%;aspect-ratio:1 / 1;object-fit:cover}.pet-center-shell{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:18px;align-items:start}.pet-center-library,.pet-center-students{padding:22px;border-radius:26px;background:#ffffffdb;border:1px solid rgba(255,255,255,.76);box-shadow:0 18px 42px #0f172a12;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.pet-center-students{position:sticky;top:18px;max-height:calc(100vh - 48px);overflow:auto}.pet-card-art{position:relative;overflow:hidden;border-radius:24px}.pet-rarity-badge{position:absolute;left:12px;top:12px;padding:7px 10px;border-radius:999px;color:#fff;font-size:12px;font-weight:800;background:#0f172a9e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pet-card-copy{display:grid;gap:4px}.pet-card-copy span,.drawer-pet-copy span{color:#64748b}.evolution-track{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.evolution-track.compact{margin-top:10px}.evolution-step{padding:6px 9px;border-radius:999px;font-size:12px;font-weight:700;color:#64748b;background:#f1f5f9}.evolution-step.unlocked{color:#0f766e;background:#ccfbf1}.assignment-art,.drawer-pet-art{position:relative;overflow:hidden;border-radius:28px;flex-shrink:0}.assignment-art img,.drawer-pet-art img{display:block;transition:filter .18s ease,transform .18s ease}.assignment-art span,.drawer-pet-art span{position:absolute;z-index:3;right:8px;bottom:8px;padding:6px 9px;border-radius:999px;color:#fff;font-size:12px;font-weight:900;background:linear-gradient(135deg,#111827,#334155);box-shadow:0 8px 18px #0f172a38}.drawer-pet-copy{display:grid;gap:8px;flex:1}.drawer-pet-copy strong{font-size:26px}.pet-level-1 img{box-shadow:0 16px 34px #0f172a24}.pet-level-2 img{box-shadow:0 18px 38px #0ea5e933}.pet-level-3 img{box-shadow:0 20px 44px #22c55e3d}.pet-level-4 img{box-shadow:0 22px 50px #f59e0b4d}.pet-level-5 img{box-shadow:0 24px 58px #ec489957}.pet-level-6 img{box-shadow:0 26px 64px #22d3ee5c}.pet-level-7 img{box-shadow:0 28px 72px #facc1566}.pet-level-8 img{box-shadow:0 30px 82px #f43f5e75}.pet-level-3:after,.pet-level-4:after,.pet-level-5:after,.pet-level-6:after,.pet-level-7:after,.pet-level-8:after{content:"";position:absolute;inset:-8px;z-index:2;border-radius:30px;pointer-events:none;border:2px solid rgba(255,255,255,.56)}.pet-level-4:after{border-color:#fbbf248f}.pet-level-5:after{border-color:#f472b69e;box-shadow:0 0 28px #f472b657}.pet-level-6:after{border-color:#22d3eea8;box-shadow:0 0 34px #22d3ee57}.pet-level-7:after{border-color:#facc15b3;box-shadow:0 0 42px #facc1561}.pet-level-8:after{border-color:#f43f5eb8;box-shadow:0 0 48px #f43f5e6b,inset 0 0 24px #ffffff75}.pet-mood-hungry img{filter:saturate(.72) brightness(.94) contrast(.96);transform:translateY(2px) scale(.98)}.pet-mood-starving img{filter:grayscale(.28) saturate(.48) brightness(.78) contrast(.96);transform:translateY(4px) scale(.96)}.pet-mood-hungry:before,.pet-mood-starving:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#dbeafe1f,#7dd3fc57),repeating-linear-gradient(45deg,rgba(255,255,255,.22) 0 2px,transparent 2px 16px);mix-blend-mode:screen}.pet-mood-starving:before{background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.7),transparent 18%),linear-gradient(135deg,#bfdbfe4d,#0ea5e97a),repeating-linear-gradient(45deg,rgba(255,255,255,.32) 0 2px,transparent 2px 12px)}.pet-mood-hungry:after,.pet-mood-starving:after{box-shadow:0 0 0 2px #bae6fdb3,inset 0 0 28px #ffffff94}.timeline-item{justify-content:space-between;gap:16px;padding:14px 16px;border-radius:18px;background:#f8fafc}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1.08fr}.auth-panel{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:56px;background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-form{display:grid;gap:14px}.auth-form label,.settings-form label{display:grid;gap:8px;color:#334155}.field-hint{color:#64748b;font-size:12px;font-weight:700}.auth-visual{padding:40px;display:flex;flex-direction:column;justify-content:center;gap:22px;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.22),transparent 20%),linear-gradient(135deg,#111827,#4f46e5 52%,#ff6b6b)}.auth-copy{color:#fff;max-width:560px}.auth-copy p,.auth-copy span{color:#ffffffd1}.auth-pet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.auth-pet-card{padding:16px;display:grid;grid-template-columns:104px 1fr;gap:14px;align-items:center;background:radial-gradient(circle at top right,rgba(255,255,255,.88),transparent 20%),#ffffffe0}.auth-pet-card img{width:104px;border-radius:24px;animation:floaty 5s ease-in-out infinite}.status-line{padding:12px 14px;border-radius:18px;background:#f8fafc}.loading-screen{min-height:100vh;display:grid;place-items:center;font-size:24px;color:#334155}.ocean-shell{position:relative;min-height:72vh;overflow:hidden;border-radius:32px;background:#071523;box-shadow:0 18px 56px #0f172a3d}.ocean-canvas{position:absolute;inset:0;width:100%;height:100%}.ocean-topbar,.ocean-bottombar{position:absolute;left:0;right:0;z-index:2;display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px 18px}.ocean-topbar{top:0;background:linear-gradient(to bottom,#000f23eb,#000f2300)}.ocean-bottombar{bottom:0;flex-direction:column;align-items:stretch;background:linear-gradient(to top,#000f23db,#000f2300)}.ocean-title{display:flex;align-items:center;gap:10px;color:#fff}.ocean-title strong{display:block}.ocean-title p{margin:2px 0 0;color:#67e8f9b8;font-size:12px}.ocean-title-emoji{font-size:32px}.ocean-metrics{display:flex;gap:10px;flex-wrap:wrap;flex:1}.ocean-pill{min-width:96px;padding:8px 10px;border-radius:14px;background:#0096c81f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center}.ocean-pill strong{display:block;font-size:18px;color:#fff}.ocean-pill span{font-size:10px;color:#ffffff75}.ocean-pill-mint strong{color:#34d399}.ocean-pill-amber strong{color:#fbbf24}.ocean-pill-cyan strong{color:#67e8f9}.ocean-pill-red strong{color:#f87171}.ocean-pill-plain strong{color:#ffffffe6}.ocean-controls{display:flex;gap:12px;align-items:center;margin-left:auto;flex-wrap:wrap}.ocean-range{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;background:#0096c81f;color:#ffffffdb}.ocean-button{padding:12px 18px;border:0;border-radius:16px;font-weight:800;color:#fff}.ocean-mode-switch{display:inline-flex;gap:8px;padding:6px;border-radius:16px;background:#0096c81f}.ocean-mode-button{padding:10px 14px;border:0;border-radius:12px;font-weight:700;color:#ffffffbd;background:transparent}.ocean-mode-button.active{color:#fff;background:#ffffff1f}.ocean-button.start{background:linear-gradient(135deg,#10b981,#059669)}.ocean-button.stop{background:linear-gradient(135deg,#ef4444,#dc2626)}.ocean-volume-row,.ocean-score-row{display:flex;align-items:center;gap:12px;color:#fff}.ocean-volume-row span,.ocean-score-row span{font-size:12px;color:#ffffffb8}.ocean-meter-track,.ocean-score-track{flex:1;height:12px;border-radius:999px;overflow:hidden;background:#ffffff14}.ocean-meter-fill,.ocean-score-fill{height:100%;border-radius:inherit}.ocean-meter-fill{background:linear-gradient(90deg,#06b6d4,#10b981,#f59e0b)}.ocean-meter-fill.danger{background:linear-gradient(90deg,#10b981,#f59e0b,#ef4444);box-shadow:0 0 12px #ef4444}.ocean-score-fill{background:linear-gradient(90deg,#06b6d4,#10b981)}.ocean-fish-queue{display:flex;gap:6px;font-size:18px}.ocean-alert{position:absolute;inset:0;border:4px solid rgba(239,68,68,.52);box-shadow:inset 0 0 64px #ef444438;pointer-events:none;z-index:1}.ocean-error,.ocean-intro{position:absolute;left:50%;transform:translate(-50%);z-index:3;text-align:center}.ocean-error{top:92px;padding:14px 18px;border-radius:20px;color:#fca5a5;background:#000000d1}.ocean-intro{top:50%;transform:translate(-50%,-50%);padding:26px 30px;border-radius:30px;color:#fff;background:#001432b8;border:1px solid rgba(100,220,255,.14);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.ocean-intro h3{margin:0 0 8px;font-size:30px}.ocean-intro p{margin:0 0 8px;color:#67e8f9c2}.ocean-intro small{color:#ffffff7a}.ocean-intro-emoji{margin:0 0 12px;font-size:42px}.ocean-event{position:absolute;left:50%;bottom:116px;transform:translate(-50%);z-index:3;padding:10px 16px;border-radius:999px;color:#fff;background:#041122c7;border:1px solid rgba(103,232,249,.24);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast{position:fixed;right:24px;bottom:24px;padding:14px 18px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#111827,#334155);box-shadow:0 16px 44px #0f172a3d;animation:toastIn .22s ease;z-index:30}.dark-alone{width:fit-content;color:#0f172a;background:#fffc}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes drawerIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1220px){.app-shell,.auth-shell,.hero-panel,.page-grid,.page-grid-wide,.pet-center-shell{grid-template-columns:1fr}.sidebar{position:static;min-height:auto}.pet-center-students{position:static;max-height:none}.student-modal{width:calc(100vw - 24px);max-height:84vh}.stats-strip,.podium-grid,.theme-grid,.management-grid,.tool-form-grid,.reading-metric-strip,.arena-grid,.pet-care-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.arena-vs{width:72px;height:72px;justify-self:center}}@media(max-width:900px){.student-toolbar-actions{grid-template-columns:minmax(180px,1fr) auto}.card-size-control{grid-column:1 / -1}}@media(max-width:720px){.content,.auth-panel,.auth-visual{padding:18px}.stats-strip,.podium-grid,.theme-grid,.detail-grid,.auth-pet-grid,.roster-grid,.quick-action-grid,.management-grid,.form-grid,.management-summary,.management-actions,.tool-form-grid,.reading-metric-strip,.arena-grid,.import-preview-card,.pet-care-overview,.invite-create-form,.invite-row{grid-template-columns:1fr}.toolbar-row,.section-heading,.timeline-item,.assignment-main{flex-direction:column;align-items:flex-start}.student-toolbar-actions{grid-template-columns:1fr;width:100%}.student-toolbar-actions>.card-size-control{max-width:100%;min-width:0}.student-toolbar-actions>.card-size-control input[type=range]{max-width:100%}.student-grid,.student-name-grid,.leaderboard-podium{grid-template-columns:1fr}.leaderboard-podium-card,.leaderboard-podium-card.rank-1{min-height:auto;border-radius:24px}.leaderboard-compact-row{grid-template-columns:42px 48px 1fr}.leaderboard-compact-row .leaderboard-score{grid-column:2 / span 2;font-size:16px}.leaderboard-board-tab{flex:1 1 150px;justify-content:center;padding:12px 18px;font-size:16px}.assignment-main{grid-template-columns:1fr}.leaderboard-row{grid-template-columns:44px 64px 1fr}.leaderboard-score{grid-column:2 / span 2}.ocean-topbar,.ocean-bottombar,.ocean-controls,.ocean-volume-row,.ocean-score-row{align-items:flex-start}.ocean-controls{flex-direction:column;width:100%}.ocean-range{width:100%}.sound-topbar,.reading-toggle-row,.tool-actions,.sound-level-bars{flex-wrap:wrap}.sound-level-bars{top:110px;width:calc(100% - 24px);justify-content:center}.reading-duration-row{grid-template-columns:1fr}}.simple-auth-shell{grid-template-columns:minmax(380px,.82fr) minmax(420px,1fr);background:radial-gradient(circle at 12% 12%,rgba(255,214,102,.32),transparent 34%),radial-gradient(circle at 82% 10%,rgba(34,197,94,.24),transparent 28%),linear-gradient(135deg,#fffaf2,#f7fbff 52%,#eefdf4)}.simple-auth-panel{min-height:100vh;background:#ffffffc2;border-right:1px solid rgba(15,23,42,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-brand-mark{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid rgba(15,23,42,.08);border-radius:24px;background:#ffffffc7;width:fit-content}.auth-brand-mark p,.simple-auth-copy p,.auth-preview-card p,.auth-helper-row span{margin:0;color:#64748b}.simple-auth-copy{display:grid;gap:12px;max-width:520px}.simple-auth-copy h1{margin:0;color:#102033;font-size:clamp(36px,5vw,58px);line-height:.98;letter-spacing:-.05em}.compact-tabs{padding:6px;border-radius:22px;background:#eef2f7;width:fit-content}.compact-tabs .tab-button{min-width:112px}.auth-helper-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.simple-auth-visual{background:radial-gradient(circle at 68% 28%,rgba(255,255,255,.34),transparent 24%),linear-gradient(135deg,#12312c,#0f5132 42%,#b7791f)}.auth-preview-card{display:grid;gap:18px;max-width:720px;padding:clamp(26px,5vw,46px);border:1px solid rgba(255,255,255,.28);border-radius:42px;color:#fff;background:#ffffff24;box-shadow:0 32px 90px #040f1747;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-preview-card h2{margin:0;max-width:11ch;font-size:clamp(38px,6vw,72px);line-height:.95;letter-spacing:-.06em}.auth-preview-card p{max-width:44ch;color:#ffffffc7}.auth-pet-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.auth-pet-mini{display:grid;gap:8px;padding:12px;border-radius:28px;color:#102033;background:#ffffffdb}.auth-pet-mini img{width:100%;aspect-ratio:1 / 1;border-radius:22px;object-fit:cover}.auth-pet-mini span{color:#64748b;font-size:13px}.simple-app-shell{grid-template-columns:220px 1fr;background:radial-gradient(circle at 82% 4%,rgba(250,204,21,.2),transparent 28%),linear-gradient(135deg,#f8fafc,#fff7ed 48%,#f0fdf4)}.simple-sidebar{padding:20px 14px;background:#ffffffd1;border-right:1px solid rgba(15,23,42,.08);box-shadow:none}.simple-sidebar .sidebar-top,.simple-teacher-card{padding-inline:8px}.simple-sidebar .nav-stack{gap:6px}.simple-sidebar .nav-button{min-height:46px;border-radius:16px;font-weight:800}.simple-sidebar .sidebar-footer{justify-content:flex-start}.simple-content{gap:14px;padding:20px}.simple-hero-panel{grid-template-columns:minmax(0,1.4fr) 240px;min-height:auto;padding:22px 24px;border-radius:30px;background:radial-gradient(circle at 84% 18%,rgba(255,255,255,.3),transparent 26%),linear-gradient(135deg,#0f5132,#16a34a 46%,#f59e0b)}.simple-hero-panel .hero-copy h2{max-width:none;margin:6px 0 8px;font-size:clamp(26px,3vw,38px);line-height:1.08;letter-spacing:-.035em}.simple-hero-panel .hero-copy p{max-width:68ch;font-size:15px;line-height:1.7}.simple-hero-panel .hero-actions{gap:8px}.simple-hero-panel .hero-actions button{padding:11px 18px;border-radius:18px;white-space:nowrap}.simple-pet-stage{min-height:210px;padding:10px}.simple-pet-stage .hero-pet-image{max-width:190px}.simple-stats-strip{grid-template-columns:repeat(5,minmax(0,1fr))}.simple-stats-strip .metric-card{min-height:92px;padding:18px;border-radius:24px}.simple-toolbar-row{padding:8px 2px 0}.student-toolbar-actions{display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(140px,170px);align-items:center;gap:10px;min-width:min(100%,520px)}.student-toolbar-actions .toolbar-input{min-width:0}.card-size-control{display:grid;gap:2px;padding:6px 10px;border:1px solid rgba(226,232,240,.92);border-radius:18px;background:#ffffffc2}.card-size-title{color:#64748b;font-size:12px;font-weight:900}.card-size-scale{display:flex;justify-content:space-between;color:#94a3b8;font-size:11px;line-height:1}.card-size-scale b{font-weight:900}.card-size-control input{width:100%;accent-color:#ec4899}.visitor-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid rgba(34,197,94,.18);border-radius:24px;background:linear-gradient(135deg,#ecfdf5eb,#fffbebeb)}.visitor-banner div{display:grid;gap:4px}.visitor-banner span{color:#64748b}.auth-gate-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:22px;background:#0f172a6b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-gate-card{position:relative;width:min(980px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;border-radius:34px;background:#fff;box-shadow:0 34px 90px #0f172a47}.auth-gate-card .simple-auth-shell{min-height:auto;grid-template-columns:minmax(320px,.9fr) minmax(320px,1fr)}.auth-gate-card .simple-auth-panel{min-height:auto;padding:34px}.auth-gate-card .simple-auth-visual{min-height:560px}.auth-gate-close{position:absolute;top:16px;right:16px;z-index:2}.feed-panel{display:grid;gap:16px}.feed-panel h4{margin:8px 0 6px;font-size:24px}.feed-panel p{margin:0;color:#64748b}.feed-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feed-option-card{display:grid;gap:6px;min-height:118px;padding:16px;border:1px solid rgba(34,197,94,.18);border-radius:24px;text-align:left;background:linear-gradient(135deg,#f0fdf4,#fff7ed);color:#14532d;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.feed-option-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 38px #14532d1f}.feed-option-card:disabled{cursor:not-allowed;opacity:.46;filter:grayscale(.35)}.feed-option-card strong{font-size:18px}.feed-option-card span{color:#64748b}.feed-option-card small{width:fit-content;padding:5px 9px;border-radius:999px;background:#22c55e1f;color:#16a34a;font-weight:900}.simple-app-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.top-nav-shell{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;min-height:62px;padding:8px 18px;border-bottom:1px solid rgba(15,23,42,.08);background:#ffffffe6;box-shadow:0 8px 26px #0f172a14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;border:0;background:transparent;color:#0f172a;text-align:left;cursor:pointer}.top-brand .brand-icon{width:46px;height:46px;border-radius:15px;object-fit:cover;box-shadow:0 12px 26px #ec489940}.top-brand strong,.top-brand span{display:block;line-height:1.05}.top-brand strong{font-size:18px}.top-brand span{margin-top:3px;color:#94a3b8;font-size:9px;font-weight:900;letter-spacing:.08em;white-space:nowrap}.top-nav-scroll{display:flex;align-items:center;gap:6px;flex:1 1 auto;overflow-x:auto;padding:4px 2px;scrollbar-width:none}.top-nav-scroll::-webkit-scrollbar{display:none}.top-nav-button{flex:0 0 auto;min-height:38px;padding:0 13px;border:1px solid transparent;border-radius:13px;color:#475569;background:transparent;font-size:14px;font-weight:900;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease}.top-nav-button:hover{transform:translateY(-1px);background:#ec489914;color:#be185d}.top-nav-button.active{color:#0f172a;background:linear-gradient(135deg,#f472b6,#ec4899);box-shadow:0 12px 24px #ec489938}.top-nav-account{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}.top-nav-account span{max-width:120px;overflow:hidden;color:#64748b;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.school-register-button,.top-exit-button{min-height:38px;padding:0 16px;border:0;border-radius:12px;color:#fff;font-weight:900;cursor:pointer}.school-register-button{background:linear-gradient(135deg,#f59e0b,#facc15)}.top-exit-button{background:linear-gradient(135deg,#64748b,#334155)}.simple-content{padding:24px}.pet-center-page{display:grid;gap:18px}.pet-center-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,520px) auto;gap:14px;align-items:center;padding:16px 18px;border:1px solid rgba(226,232,240,.9);border-radius:24px;background:#ffffffc7}.pet-center-toolbar p{margin:6px 0 0;color:#64748b;font-size:13px;font-weight:700}.pill-label{display:inline-flex;align-items:center;min-height:34px;padding:0 16px;border-radius:999px;color:#0f172a;background:linear-gradient(135deg,#f9a8d4,#ec4899);font-weight:900}.level-filter-row{display:inline-flex;align-items:center;gap:8px;color:#64748b;font-size:13px;font-weight:900;white-space:nowrap}.level-filter{width:34px;height:34px;border:1px solid rgba(148,163,184,.24);border-radius:12px;color:#64748b;background:#fff;font-weight:900;cursor:pointer}.level-filter.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#ec4899,#f97316);box-shadow:0 12px 24px #ec489938}.pet-series-filter-row{display:flex;align-items:center;gap:10px;overflow-x:auto;padding:4px 2px;scrollbar-width:none}.pet-series-filter-row::-webkit-scrollbar{display:none}.pet-series-chip{display:inline-flex;align-items:center;gap:8px;min-height:42px;flex:0 0 auto;padding:0 18px;border:1px solid rgba(148,163,184,.22);border-radius:999px;color:#475569;background:#ffffffdb;font-weight:900;box-shadow:0 10px 24px #0f172a0d;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.pet-series-chip:hover{transform:translateY(-1px);box-shadow:0 14px 30px #0f172a17}.pet-series-chip.active{color:#0f172a;border-color:transparent;background:linear-gradient(135deg,#fde047,#fb7185);box-shadow:0 16px 34px #ec48992e}.pet-series-chip span{display:inline-grid;place-items:center;min-width:28px;height:24px;padding:0 8px;border-radius:999px;background:#ffffffb8;color:inherit;font-size:12px}.pet-center-page .pet-center-shell{grid-template-columns:minmax(0,1fr) minmax(360px,.42fr)}.pet-center-page .pet-center-students{position:relative;top:auto;max-height:none}.pet-care-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pet-care-overview article{display:grid;gap:4px;min-height:112px;padding:16px;border-radius:24px;background:radial-gradient(circle at 18% 14%,rgba(255,255,255,.9),transparent 32%),linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.86);box-shadow:0 16px 36px #0f172a0f}.pet-care-overview article.warn{background:linear-gradient(135deg,#fff7ed,#fff);border-color:#f59e0b47}.pet-care-overview article.ready{background:linear-gradient(135deg,#ecfdf5,#fff);border-color:#22c55e42}.pet-care-overview span,.pet-care-overview small{color:#64748b;font-size:13px;font-weight:800}.pet-care-overview strong{color:#0f172a;font-size:32px;line-height:1}.pet-center-page .pet-library-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.pet-center-page .pet-library-card{position:relative;display:grid;gap:12px;min-height:300px;padding:12px 12px 16px;border:1px solid rgba(226,232,240,.88);text-align:center}.pet-center-page .pet-library-card.active{border-color:#ec4899;box-shadow:0 22px 42px #ec48992e}.evolution-badge{position:absolute;left:10px;top:10px;z-index:2;padding:5px 9px;border-radius:999px;color:#111827;background:#fde047;font-size:12px;font-weight:900}.original-like-art{display:grid;place-items:center;min-height:190px;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.9),transparent 22%),linear-gradient(135deg,#fff,#f8fafc)}.original-like-art img{width:100%;height:190px;object-fit:cover;border-radius:inherit;transition:object-position .18s ease,transform .18s ease}.pet-card-copy small{color:#94a3b8;font-size:12px;font-weight:900}.pet-detail-panel{position:sticky;top:82px;display:grid;gap:16px;padding:20px;border-radius:28px;background:#ffffffe0;border:1px solid rgba(255,255,255,.76);box-shadow:0 18px 42px #0f172a12}.pet-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.pet-detail-head h3{margin:4px 0 6px;font-size:24px}.pet-detail-head p{margin:0;color:#64748b}.pet-rarity-badge.static{position:static;color:#fff;background:linear-gradient(135deg,#0f172a,#475569)}.pet-detail-stage{display:grid;justify-items:center;gap:10px;padding:16px;border-radius:24px;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.92),transparent 24%),linear-gradient(135deg,#dbeafe,#fce7f3)}.pet-detail-stage img{width:100%;height:100%;object-fit:cover;border-radius:22px;transition:object-position .18s ease,transform .18s ease}.pet-detail-stage-preview{width:min(280px,100%);aspect-ratio:1 / 1;overflow:hidden;border-radius:22px;filter:drop-shadow(0 22px 22px rgba(15,23,42,.14))}.pet-image-adjuster{display:grid;gap:10px;padding:14px;border:1px solid rgba(226,232,240,.9);border-radius:20px;background:linear-gradient(135deg,#ffffffeb,#f8fafceb)}.pet-image-adjuster-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.pet-image-adjuster-head strong{color:#0f172a;font-size:14px}.pet-image-adjuster-head button{border:0;border-radius:999px;padding:6px 10px;color:#ec4899;background:#fdf2f8;font-size:12px;font-weight:900;cursor:pointer}.pet-image-adjuster label{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:10px;color:#64748b;font-size:12px;font-weight:900}.pet-image-adjuster input[type=range]{width:100%;accent-color:#ec4899}.pet-image-adjuster small{color:#94a3b8;font-size:11px;font-weight:800}.evolution-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.evolution-form-card{display:grid;gap:4px;padding:8px;border:1px solid rgba(148,163,184,.2);border-radius:16px;background:#fff;cursor:pointer}.evolution-form-card.active{border-color:#ec4899;box-shadow:inset 0 0 0 2px #ec489933}.evolution-form-image{display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:12px}.evolution-form-card img{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:object-position .18s ease,transform .18s ease}.evolution-form-card span,.evolution-form-card small,.evolution-form-card em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evolution-form-card span{color:#0f172a;font-weight:900}.evolution-form-card small,.evolution-form-card em{color:#64748b;font-size:11px;font-style:normal;font-weight:800}.invite-card{grid-column:1 / -1}.invite-create-form{grid-template-columns:minmax(220px,1fr) 160px auto;align-items:end;margin-top:14px}.invite-list{display:grid;gap:10px;margin-top:16px}.invite-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid rgba(226,232,240,.9);border-radius:20px;background:#f8fafc}.invite-row.active{border-color:#22c55e47;background:linear-gradient(135deg,#f0fdf4,#fff)}.invite-row strong{display:block;color:#0f172a;font-size:20px;letter-spacing:.08em}.invite-row span,.invite-row small{display:block;margin-top:3px;color:#64748b;font-size:13px;font-weight:800}.hunger-chip{display:inline-flex;align-items:center;width:fit-content;min-height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-style:normal;font-weight:900}.hunger-chip.happy{color:#166534;background:#dcfce7}.hunger-chip.hungry{color:#92400e;background:#fef3c7}.hunger-chip.starving{color:#991b1b;background:#fee2e2}.student-card.hunger-hungry,.home-pet-card.hunger-hungry{border-color:#f59e0b52}.student-card.hunger-starving,.home-pet-card.hunger-starving{border-color:#ef44445c;box-shadow:0 16px 38px #ef44441f}.simple-dashboard-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:16px}.simple-dashboard-stack{display:grid;gap:16px}.home-pet-board{display:grid;gap:16px;padding:18px;background:radial-gradient(circle at 12% 8%,rgba(34,197,94,.18),transparent 28%),#ffffffe6}.home-pet-board .section-heading p{margin:0;color:#64748b}.home-pet-board h3{margin:4px 0 0;font-size:24px;letter-spacing:-.03em}.home-pet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(136px,1fr));gap:12px}.home-pet-card{display:grid;gap:8px;min-width:0;padding:12px;border:1px solid rgba(15,23,42,.07);border-radius:24px;text-align:left;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 14px 34px #0f172a14;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.home-pet-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px #0f172a21}.home-pet-art-frame{position:relative;overflow:hidden;border-radius:20px}.home-pet-card img{width:100%;aspect-ratio:1 / 1;border-radius:20px;object-fit:cover}.home-pet-card strong{font-size:16px}.home-pet-card span{color:#64748b;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.simple-overview-card,.simple-focus-card{min-height:260px}.simple-overview-card{display:grid;align-content:space-between;gap:18px;background:radial-gradient(circle at 88% 8%,rgba(34,197,94,.22),transparent 30%),#ffffffdb}.simple-overview-card h3{margin:0;font-size:clamp(30px,4vw,46px);letter-spacing:-.04em}.simple-overview-card p{max-width:46ch}.simple-overview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.simple-overview-stats div{padding:14px;border-radius:20px;background:#f8fafc}.simple-overview-stats span,.simple-student-row small{display:block;color:#64748b}.simple-overview-stats strong{display:block;margin-top:4px;font-size:24px}.simple-student-list{display:grid;gap:10px}.simple-student-row{display:grid;grid-template-columns:42px 58px 1fr;align-items:center;gap:12px;width:100%;padding:10px;border:1px solid rgba(15,23,42,.06);border-radius:22px;text-align:left;background:#f8fafce6;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.simple-student-row:hover{transform:translateY(-2px);box-shadow:0 14px 34px #0f172a1a}.simple-student-row img{width:58px;aspect-ratio:1 / 1;border-radius:18px;object-fit:cover}.evolution-celebration-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 34%,rgba(250,204,21,.28),transparent 22%),#0f172a75;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:evolutionBackdropIn .28s ease both}.evolution-celebration-card{position:relative;display:grid;justify-items:center;gap:16px;width:min(680px,calc(100vw - 32px));overflow:hidden;padding:clamp(24px,4vw,38px);border:1px solid rgba(255,255,255,.72);border-radius:38px;text-align:center;background:radial-gradient(circle at 16% 16%,rgba(255,255,255,.95),transparent 20%),radial-gradient(circle at 84% 18%,rgba(252,211,77,.5),transparent 24%),linear-gradient(135deg,#fff7ed,#fdf2f8 46%,#e0f2fe);box-shadow:0 34px 100px #0f172a52;animation:evolutionCardPop .56s cubic-bezier(.2,1.4,.32,1) both}.evolution-celebration-card:before{content:"";position:absolute;inset:-26%;background:conic-gradient(from 0deg,transparent,rgba(250,204,21,.26),transparent,rgba(236,72,153,.22),transparent);animation:evolutionAuraSpin 4s linear infinite}.evolution-celebration-card>*{position:relative;z-index:1}.evolution-kicker{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 16px;border-radius:999px;color:#92400e;background:#fef3c7e0;font-size:13px;font-weight:900}.evolution-celebration-card h2{margin:0;color:#111827;font-size:clamp(26px,4vw,42px);line-height:1.04;letter-spacing:-.045em}.evolution-celebration-card p{max-width:42ch;margin:0;color:#64748b;font-weight:800}.evolution-stage-row{display:grid;grid-template-columns:minmax(120px,180px) 92px minmax(140px,220px);align-items:center;gap:clamp(10px,3vw,22px);width:100%}.evolution-pet-before,.evolution-pet-after{position:relative;display:grid;place-items:center;padding:10px;border-radius:30px;background:#ffffffc2;box-shadow:0 22px 44px #0f172a1f}.evolution-pet-before{opacity:.78;transform:scale(.86);animation:evolutionBeforeWiggle 1.4s ease-in-out infinite}.evolution-pet-after{background:radial-gradient(circle at 50% 24%,rgba(250,204,21,.42),transparent 32%),#ffffffe6;animation:evolutionAfterJump 1.35s ease-in-out infinite}.evolution-pet-before img,.evolution-pet-after img{width:100%;aspect-ratio:1 / 1;border-radius:24px;object-fit:contain}.evolution-pet-before span,.evolution-pet-after span{position:absolute;right:12px;bottom:12px;padding:7px 10px;border-radius:999px;color:#fff;background:#0f172ac7;font-size:13px;font-weight:900}.evolution-pet-after span{background:linear-gradient(135deg,#ec4899,#f59e0b)}.evolution-arrow{display:grid;justify-items:center;gap:8px;color:#ec4899;font-weight:900}.evolution-arrow i{display:block;width:58px;height:58px;border-radius:999px;background:linear-gradient(90deg,transparent 0 18px,#ec4899 18px 42px,transparent 42px),linear-gradient(45deg,transparent 0 50%,#ec4899 50% 64%,transparent 64%);filter:drop-shadow(0 10px 18px rgba(236,72,153,.28));animation:evolutionArrowPulse .9s ease-in-out infinite}.evolution-spark{position:absolute;z-index:1;width:12px;height:12px;border-radius:4px;background:#facc15;box-shadow:0 0 0 8px #facc1529,0 0 30px #facc15c7}.evolution-spark-one{left:14%;top:22%;animation:evolutionSparkFly 1.8s ease-in-out infinite}.evolution-spark-two{right:18%;top:18%;animation:evolutionSparkFly 2s .2s ease-in-out infinite}.evolution-spark-three{right:24%;bottom:24%;animation:evolutionSparkFly 1.7s .4s ease-in-out infinite}@keyframes evolutionBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes evolutionCardPop{0%{opacity:0;transform:translateY(28px) scale(.9)}70%{opacity:1;transform:translateY(-4px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes evolutionAuraSpin{to{transform:rotate(360deg)}}@keyframes evolutionBeforeWiggle{0%,to{transform:scale(.86) rotate(-2deg)}50%{transform:scale(.9) rotate(2deg)}}@keyframes evolutionAfterJump{0%,to{transform:translateY(0) scale(1);filter:drop-shadow(0 16px 18px rgba(236,72,153,.12))}45%{transform:translateY(-10px) scale(1.05);filter:drop-shadow(0 24px 24px rgba(236,72,153,.24))}}@keyframes evolutionArrowPulse{0%,to{transform:translate(-3px) scale(.94);opacity:.7}50%{transform:translate(5px) scale(1.08);opacity:1}}@keyframes evolutionSparkFly{0%,to{transform:translateZ(0) rotate(0) scale(.8);opacity:.55}50%{transform:translate3d(8px,-14px,0) rotate(45deg) scale(1.2);opacity:1}}@media(prefers-reduced-motion:reduce){.evolution-celebration-backdrop,.evolution-celebration-card,.evolution-celebration-card:before,.evolution-pet-before,.evolution-pet-after,.evolution-arrow i,.evolution-spark{animation:none}}@media(max-width:1220px){.simple-app-shell,.simple-auth-shell,.simple-hero-panel,.simple-dashboard-grid,.auth-gate-card .simple-auth-shell{grid-template-columns:1fr}.simple-auth-panel{min-height:auto;border-right:0}.simple-sidebar{position:static;min-height:auto}}@media(max-width:720px){.auth-pet-strip,.simple-stats-strip,.simple-overview-stats,.feed-option-grid{grid-template-columns:1fr}.evolution-stage-row{grid-template-columns:1fr;max-width:260px}.evolution-arrow i{animation:none;transform:rotate(90deg)}.visitor-banner{align-items:flex-start;flex-direction:column}.auth-gate-card .simple-auth-visual{min-height:auto}.simple-auth-copy h1,.auth-preview-card h2{letter-spacing:-.035em}}@media(max-width:860px){html,body{width:100%;overflow-x:hidden}.top-nav-shell{align-items:flex-start;flex-wrap:wrap;gap:8px;padding:8px 10px 10px}.top-brand{min-width:0;flex:1 1 auto}.top-brand .brand-icon{width:40px;height:40px;border-radius:13px}.top-brand strong{font-size:16px}.top-nav-account{margin-left:auto}.top-nav-account span{display:none}.top-nav-scroll{order:3;width:100%;flex-basis:100%;padding-bottom:2px}.top-nav-button{min-height:34px;padding:0 11px;border-radius:12px;font-size:13px}.simple-content,.content{width:100%;min-width:0;padding:14px}.visitor-banner,.toolbar-row,.section-heading{align-items:stretch;flex-direction:column}.toolbar-actions{width:100%}.toolbar-input,.glass-button,.primary-button,.secondary-button{max-width:100%}.simple-stats-strip,.stats-strip,.pet-care-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{min-height:auto;padding:13px;border-radius:20px}.metric-card span{margin-bottom:4px;font-size:12px}.metric-card strong{font-size:24px}.simple-dashboard-grid,.pet-center-page .pet-center-shell,.page-grid,.page-grid-wide{grid-template-columns:1fr}.home-pet-board,.page-card{padding:14px;border-radius:22px}.home-pet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-pet-card{padding:10px;border-radius:20px}.home-pet-card img,.home-pet-art-frame{border-radius:16px}.home-pet-card strong{font-size:14px}.home-pet-card span{font-size:12px}.pet-center-toolbar{grid-template-columns:1fr;align-items:stretch;gap:12px;padding:14px}.level-filter-row,.pet-series-filter-row{width:100%;overflow-x:auto;padding-bottom:4px}.level-filter-row{justify-content:flex-start}.pet-center-page .pet-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pet-center-page .pet-library-card{min-height:0;padding:9px;border-radius:20px}.original-like-art{min-height:132px;border-radius:16px}.original-like-art img{height:132px}.pet-card-copy strong{font-size:15px}.pet-card-copy span,.pet-card-copy small{font-size:11px}.pet-detail-panel{position:static;padding:14px;border-radius:22px}.pet-detail-head{flex-direction:column}.pet-detail-stage img{width:min(230px,100%)}.evolution-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.evolution-form-card{padding:6px;border-radius:13px}.pet-assignment-list,.roster-grid{gap:10px}.assignment-main{align-items:stretch;flex-direction:column}.student-modal{width:calc(100vw - 16px);max-height:92dvh;border-radius:28px}.drawer-hero{align-items:stretch;flex-direction:column}.drawer-pet-art{width:min(260px,100%);margin-inline:auto}.drawer-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.drawer-tabs .tab-button{flex:0 0 auto}.auth-gate-card .simple-auth-shell{grid-template-columns:1fr}.auth-gate-card .simple-auth-panel{padding:24px}.auth-gate-card .simple-auth-visual{min-height:auto}}@media(max-width:520px){.top-nav-shell{padding-inline:8px;max-width:100vw;box-sizing:border-box}.top-brand{min-width:0;max-width:55%}.top-brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-brand span{display:none}.school-register-button,.top-exit-button{min-height:34px;padding:0 12px;font-size:12px}.simple-content,.content{padding:10px;gap:12px}.simple-stats-strip,.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.pet-care-overview{grid-template-columns:1fr}.home-pet-grid,.pet-center-page .pet-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pill-label,.pet-series-chip{font-size:13px}.level-filter{width:32px;height:32px;flex:0 0 auto}.original-like-art{min-height:118px}.original-like-art img{height:118px}.evolution-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.evolution-form-card img{max-height:120px}.simple-overview-card h3{font-size:28px}.simple-student-row{grid-template-columns:38px 48px 1fr;gap:10px}.simple-student-row img{width:48px;border-radius:14px}.modal-backdrop{align-items:end;padding:8px}.student-modal{width:100%;max-height:94dvh;border-radius:26px 26px 18px 18px}.feed-option-grid,.quick-action-grid,.detail-grid,.form-grid,.management-grid{grid-template-columns:1fr}.toast{left:10px;right:10px;bottom:12px;width:auto;text-align:center}}@media(max-width:380px){.home-pet-grid,.pet-center-page .pet-library-grid,.simple-stats-strip,.stats-strip{grid-template-columns:1fr}}.student-directory-page{display:grid;gap:16px}.student-directory-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#0f172a;background:radial-gradient(circle at 12% 10%,rgba(236,72,153,.14),transparent 28%),linear-gradient(135deg,#fff,#fff7ed)}.student-directory-hero h3{margin:4px 0;font-size:clamp(28px,4vw,42px)}.student-directory-hero p{margin:0;color:#64748b;font-weight:800}.student-directory-hero>strong{display:grid;place-items:center;width:96px;height:96px;border-radius:28px;background:linear-gradient(135deg,#ec4899,#f97316);color:#fff;font-size:34px;box-shadow:0 18px 38px #ec489938}.student-directory-card{display:grid;gap:16px;color:#0f172a}.student-directory-toolbar{display:flex;flex-wrap:wrap;gap:10px}.student-name-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--student-card-min, 180px)),1fr));gap:10px}.student-name-card{display:grid;gap:4px;min-width:128px;padding:14px 16px;border:1px solid rgba(226,232,240,.95);border-radius:18px;background:#fffffff5;color:#0f172a;cursor:pointer;text-align:left;box-shadow:0 12px 26px #0f172a0d;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.student-name-card:hover{transform:translateY(-2px);border-color:#ec489975;box-shadow:0 18px 34px #ec489921}.student-name-card span{color:#94a3b8;font-size:12px;font-weight:900}.student-name-card strong{font-size:20px}.rollcall-page{display:grid;gap:16px}.rollcall-stage{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(260px,.8fr);gap:22px;align-items:start;overflow:hidden;min-height:300px;color:#fff;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.28),transparent 18%),radial-gradient(circle at 86% 18%,rgba(250,204,21,.38),transparent 24%),linear-gradient(135deg,#0f172a,#7c3aed 46%,#ec4899)}.rollcall-stage:before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.24),transparent,rgba(250,204,21,.18),transparent);animation:rollcallAura 7s linear infinite}.rollcall-copy,.rollcall-machine,.rollcall-actions{position:relative;z-index:1}.rollcall-copy h3{margin:10px 0;font-size:clamp(30px,4.2vw,52px);line-height:1.08;overflow-wrap:anywhere}.rollcall-copy p{max-width:520px;margin:0;color:#ffffffc7;font-weight:800;line-height:1.65}.rollcall-machine{display:grid;place-items:center;min-height:260px;padding:28px;border:1px solid rgba(255,255,255,.24);border-radius:42px;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff1f,0 28px 70px #0f172a47;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.rollcall-machine strong{position:relative;z-index:1;font-size:clamp(40px,7vw,86px);line-height:1;text-align:center;text-shadow:0 16px 32px rgba(15,23,42,.28)}.rollcall-machine span{position:relative;z-index:1;margin-top:12px;color:#ffffffc7;font-weight:900}.rollcall-rings,.rollcall-rings i{position:absolute;inset:22px;border-radius:34px;pointer-events:none}.rollcall-rings i{border:1px solid rgba(255,255,255,.24);animation:rollcallPulse 1.8s ease-in-out infinite}.rollcall-rings i:nth-child(2){inset:42px;animation-delay:.2s}.rollcall-rings i:nth-child(3){inset:62px;animation-delay:.4s}.rollcall-machine.rolling strong{animation:rollcallNameShake .16s ease-in-out infinite}.rollcall-actions{display:flex;flex-wrap:wrap;gap:10px;grid-column:1 / -1}.rollcall-controls{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:16px}.rollcall-control-card{display:grid;gap:12px}.rollcall-filter-row{display:flex;flex-wrap:wrap;gap:10px}.rollcall-toggle{min-height:44px;padding:0 16px;border:0;border-radius:999px;background:#f1f5f9;color:#334155;font-weight:900;cursor:pointer}.rollcall-toggle.active{background:linear-gradient(135deg,#22c55e,#84cc16);color:#fff}.rollcall-records{display:grid;gap:14px}.rollcall-record-list{display:grid;gap:10px}.rollcall-record-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid rgba(226,232,240,.9);border-radius:18px;background:#fff}.rollcall-record-item span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#fce7f3;color:#db2777;font-weight:1000}.rollcall-record-item strong{color:#0f172a;font-size:18px}.rollcall-record-item small{color:#64748b;font-weight:800}.rollcall-class-card{position:relative;z-index:1;display:grid;gap:8px;padding:clamp(16px,2.4vw,24px);border:1px solid rgba(255,255,255,.24);border-radius:32px;background:#ffffff24;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.rollcall-class-card span,.rollcall-class-card small{color:#ffffffc2;font-weight:900}.rollcall-class-card strong{color:#fff;font-size:clamp(26px,3.8vw,46px);line-height:1.1;overflow-wrap:anywhere}.rollcall-roster-card{display:grid;gap:16px}.rollcall-name-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}.rollcall-name-chip{display:grid;gap:4px;min-height:78px;padding:14px;border:1px solid rgba(226,232,240,.95);border-radius:20px;background:#fff;color:#0f172a;cursor:pointer;text-align:left;box-shadow:0 12px 26px #0f172a0d}.rollcall-name-chip.selected{border-color:#22c55e73;background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}.rollcall-name-chip strong{font-size:20px}.rollcall-name-chip span{color:#64748b;font-size:12px;font-weight:900}.rollcall-name-chip.selected span{color:#16a34a}.rollcall-fullscreen{position:fixed;inset:0;z-index:120;display:grid;place-items:center;overflow:hidden;padding:32px;background:radial-gradient(circle at 22% 18%,rgba(250,204,21,.34),transparent 24%),radial-gradient(circle at 82% 18%,rgba(236,72,153,.34),transparent 24%),linear-gradient(135deg,#020617,#312e81 48%,#be185d)}.rollcall-fullscreen:before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.18),transparent,rgba(250,204,21,.2),transparent);animation:rollcallAura 6s linear infinite}.rollcall-full-close{position:fixed;top:24px;right:24px;z-index:3;width:54px;height:54px;border:0;border-radius:999px;background:#ffffff29;color:#fff;font-size:34px;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.rollcall-big-card{position:relative;z-index:2;display:grid;justify-items:center;gap:20px;width:min(980px,calc(100vw - 48px));min-height:min(680px,calc(100vh - 72px));padding:clamp(28px,5vw,64px);border:1px solid rgba(255,255,255,.26);border-radius:48px;background:#ffffff21;color:#fff;text-align:center;box-shadow:0 36px 110px #00000057;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.rollcall-big-card h2{margin:0;font-size:clamp(46px,8vw,110px);line-height:.95;text-shadow:0 18px 40px rgba(0,0,0,.25)}.rollcall-big-card p{margin:0;color:#ffffffc7;font-size:18px;font-weight:900}.rollcall-big-card.rolling{animation:rollcallCardPulse .72s ease-in-out infinite alternate}.rollcall-count-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.rollcall-count{min-width:92px;min-height:72px;border:1px solid rgba(255,255,255,.22);border-radius:24px;background:#ffffff1f;color:#fff;cursor:pointer;font-size:24px;font-weight:1000}.rollcall-count.active{background:linear-gradient(135deg,#facc15,#fb7185);box-shadow:0 18px 44px #fb718552}.rollcall-start-big{min-width:220px;min-height:64px;font-size:20px}.rollcall-rolling-name{animation:rollcallNameShake .13s ease-in-out infinite}.rollcall-winner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;width:100%}.rollcall-winner-card{display:grid;justify-items:center;gap:8px;padding:14px;border:1px solid rgba(255,255,255,.22);border-radius:26px;background:#ffffff24}.rollcall-winner-card img{width:132px;aspect-ratio:1 / 1;border-radius:26px;object-fit:cover;box-shadow:0 18px 38px #00000038}.rollcall-winner-card strong{font-size:24px}.rollcall-winner-card span{color:#ffffffc2;font-weight:900}.rollcall-actions.center{justify-content:center}.rollcall-confetti i{position:absolute;top:-40px;width:12px;height:22px;border-radius:4px;background:#facc15;animation:confettiFall 4s linear infinite}.rollcall-confetti i:nth-child(2n){background:#fb7185}.rollcall-confetti i:nth-child(3n){background:#22c55e}.rollcall-confetti i:nth-child(4n){background:#38bdf8}.rollcall-confetti i:nth-child(1){left:10%;animation-delay:0s}.rollcall-confetti i:nth-child(2){left:22%;animation-delay:.6s}.rollcall-confetti i:nth-child(3){left:34%;animation-delay:1.2s}.rollcall-confetti i:nth-child(4){left:46%;animation-delay:.3s}.rollcall-confetti i:nth-child(5){left:58%;animation-delay:1.6s}.rollcall-confetti i:nth-child(6){left:70%;animation-delay:.9s}.rollcall-confetti i:nth-child(7){left:82%;animation-delay:1.9s}.rollcall-confetti i:nth-child(8){left:92%;animation-delay:.2s}.rollcall-side-burst{position:absolute;inset:0;z-index:1;pointer-events:none}.rollcall-side-burst i{position:absolute;left:-28px;top:50%;width:14px;height:28px;border-radius:5px;opacity:0;background:#facc15;box-shadow:0 0 18px #ffffff73;animation:sideConfettiLeft 1.35s cubic-bezier(.12,.82,.18,1) forwards}.rollcall-side-burst.right i{right:-28px;left:auto;animation-name:sideConfettiRight}.rollcall-side-burst i:nth-child(2n){background:#fb7185}.rollcall-side-burst i:nth-child(3n){background:#38bdf8}.rollcall-side-burst i:nth-child(4n){background:#22c55e}.rollcall-side-burst i:nth-child(5n){background:#a78bfa}.rollcall-side-burst i:nth-child(1){top:18%;--burst-y: -110px;animation-delay:0s}.rollcall-side-burst i:nth-child(2){top:24%;--burst-y: 80px;animation-delay:.04s}.rollcall-side-burst i:nth-child(3){top:34%;--burst-y: -180px;animation-delay:.08s}.rollcall-side-burst i:nth-child(4){top:44%;--burst-y: 150px;animation-delay:.12s}.rollcall-side-burst i:nth-child(5){top:54%;--burst-y: -70px;animation-delay:.16s}.rollcall-side-burst i:nth-child(6){top:64%;--burst-y: 120px;animation-delay:.2s}.rollcall-side-burst i:nth-child(7){top:72%;--burst-y: -150px;animation-delay:.24s}.rollcall-side-burst i:nth-child(8){top:82%;--burst-y: 72px;animation-delay:.28s}.rollcall-side-burst i:nth-child(9){top:38%;--burst-y: 210px;animation-delay:.32s}.rollcall-side-burst i:nth-child(10){top:58%;--burst-y: -220px;animation-delay:.36s}@keyframes confettiFall{0%{transform:translateY(-40px) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(110vh) rotate(460deg);opacity:0}}@keyframes sideConfettiLeft{0%{opacity:0;transform:translateZ(0) rotate(0) scale(.7)}12%{opacity:1}to{opacity:0;transform:translate3d(58vw,var(--burst-y),0) rotate(760deg) scale(1.05)}}@keyframes sideConfettiRight{0%{opacity:0;transform:translateZ(0) rotate(0) scale(.7)}12%{opacity:1}to{opacity:0;transform:translate3d(-58vw,var(--burst-y),0) rotate(-760deg) scale(1.05)}}@keyframes rollcallAura{to{transform:rotate(360deg)}}@keyframes rollcallCardPulse{0%{transform:scale(.985);box-shadow:0 36px 110px #00000057}to{transform:scale(1.015);box-shadow:0 42px 130px #facc1547}}@keyframes rollcallPulse{0%,to{transform:scale(.96);opacity:.5}50%{transform:scale(1.04);opacity:1}}@keyframes rollcallNameShake{0%,to{transform:translate(0) scale(1);filter:blur(0)}50%{transform:translate(4px) scale(1.02);filter:blur(.4px)}}@media(max-width:900px){.rollcall-stage,.rollcall-controls{grid-template-columns:1fr}.student-directory-hero{align-items:flex-start;flex-direction:column}}.teacher-rewards-panel{position:relative;overflow:hidden;padding:24px;border:1px solid rgba(226,232,240,.9);border-radius:32px;background:radial-gradient(circle at 12% 10%,rgba(236,72,153,.13),transparent 28%),radial-gradient(circle at 92% 4%,rgba(251,191,36,.16),transparent 28%),#ffffffe6;box-shadow:0 28px 70px #0f172a14}.teacher-rewards-hero,.reward-board-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.teacher-rewards-hero h3,.reward-board-head h4,.reward-preview-card h4{margin:4px 0;color:#0f172a}.teacher-rewards-hero h3{font-size:clamp(24px,3vw,36px)}.teacher-rewards-hero p,.reward-board-head p,.reward-preview-card p{margin:0;color:#64748b;font-weight:700}.reward-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.reward-metric-grid div{padding:16px;border:1px solid rgba(226,232,240,.88);border-radius:22px;background:#f8fafcd1}.reward-metric-grid span{display:block;color:#64748b;font-weight:800}.reward-metric-grid strong{display:block;margin-top:6px;color:#0f172a;font-size:30px}.teacher-rewards-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.8fr);gap:18px}.reward-preview-card,.reward-template-board{padding:20px;border:1px solid rgba(226,232,240,.9);border-radius:28px;background:#ffffffd1;box-shadow:0 18px 44px #0f172a0f}.reward-preview-card{display:grid;align-content:start;gap:16px}.reward-preview-kicker{display:inline-flex;width:fit-content;padding:8px 12px;border-radius:999px;background:#fff1f2;color:#fb7185;font-weight:900}.reward-preview-orb{display:grid;place-items:center;width:118px;height:118px;border-radius:36px;color:#fff;font-size:56px;font-weight:1000;box-shadow:0 22px 42px #ec489940}.reward-preview-orb.reward{background:linear-gradient(135deg,#22c55e,#84cc16)}.reward-preview-orb.penalty{background:linear-gradient(135deg,#fb7185,#ef4444)}.reward-preview-stats{display:flex;flex-wrap:wrap;gap:8px}.reward-preview-stats span,.reward-tab,.preset-chip,.reward-template-meta span{border-radius:999px;font-weight:900}.reward-preview-stats span,.reward-template-meta span{padding:8px 10px;background:#f1f5f9;color:#475569}.reward-board-tabs,.quick-preset-row,.reward-template-actions{display:flex;flex-wrap:wrap;gap:8px}.reward-tab{padding:8px 12px}.reward-tab.reward{background:#dcfce7;color:#15803d}.reward-tab.penalty{background:#ffe4e6;color:#e11d48}.reward-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.reward-template-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid rgba(226,232,240,.9);border-radius:22px;background:linear-gradient(135deg,#fffffff5,#f8fafce6);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.reward-template-card:hover,.reward-template-card.active{transform:translateY(-2px);border-color:#ec489980;box-shadow:0 18px 36px #ec489924}.reward-template-card.penalty.active,.reward-template-card.penalty:hover{border-color:#ef444473;box-shadow:0 18px 36px #ef44441f}.reward-template-main{display:grid;grid-template-columns:42px minmax(0,1fr);gap:4px 10px;align-items:center;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.reward-template-icon{display:grid;place-items:center;grid-row:span 2;width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,#22c55e,#84cc16);color:#fff;font-size:24px;font-weight:1000}.reward-template-icon.penalty,.reward-template-card.penalty .reward-template-icon{background:linear-gradient(135deg,#fb7185,#ef4444)}.reward-template-main strong{overflow:hidden;color:#0f172a;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.reward-template-main small{color:#64748b;font-weight:800}.reward-template-meta{display:flex;grid-column:1 / -1;flex-wrap:wrap;gap:8px}.reward-template-actions{justify-content:flex-end}.compact{min-height:34px;padding:0 12px;border-radius:999px;font-size:13px}.quick-preset-row{margin-top:16px;padding-top:16px;border-top:1px dashed rgba(148,163,184,.35)}.preset-chip{padding:9px 12px;border:0;cursor:pointer}.preset-chip.reward{background:#f0fdf4;color:#15803d}.preset-chip.penalty{background:#fff1f2;color:#e11d48}.reward-editor-backdrop{z-index:80}.reward-editor-modal{width:min(720px,calc(100vw - 32px));padding:28px;gap:18px}.reward-editor-head{display:flex;align-items:center;gap:14px}.reward-editor-head h3{margin:0;color:#0f172a;font-size:30px}.reward-editor-head p{margin:4px 0 0;color:#64748b;font-weight:800}.reward-score-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.student-archive-toolbar{display:flex;flex-wrap:wrap;gap:10px}.student-archive-page,.student-archive-hero,.student-archive-list-card{color:#0f172a}.student-archive-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:radial-gradient(circle at 8% 10%,rgba(236,72,153,.16),transparent 28%),linear-gradient(135deg,#fff,#fff7ed)}.student-archive-hero h3,.roll-call-card h3,.student-archive-list-card h3{margin:4px 0;color:#0f172a;font-size:clamp(24px,3vw,34px)}.student-archive-hero p,.roll-call-card p{margin:0;color:#64748b;font-weight:800}.student-archive-summary{display:grid;place-items:center;min-width:118px;min-height:96px;border-radius:28px;background:linear-gradient(135deg,#ec4899,#f97316);color:#fff;box-shadow:0 18px 38px #ec489938}.student-archive-summary strong{font-size:34px;line-height:1}.student-archive-summary span{font-weight:900}.student-archive-tools{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1fr);gap:16px}.roll-call-card{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:16px;align-items:center;background:radial-gradient(circle at 88% 12%,rgba(34,197,94,.2),transparent 32%),#fffffff2}.roll-call-card img,.roll-call-placeholder{width:112px;aspect-ratio:1 / 1;border-radius:28px;object-fit:cover;box-shadow:0 18px 34px #0f172a1f}.roll-call-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#fbcfe8,#fed7aa);color:#ec4899;font-size:52px;font-weight:1000}.roll-call-actions,.student-archive-actions{display:flex;flex-wrap:wrap;gap:8px}.roll-call-actions{grid-column:1 / -1}.student-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.student-archive-card{display:grid;gap:12px;padding:14px;border:1px solid rgba(226,232,240,.92);border-radius:26px;background:radial-gradient(circle at 20% 0%,rgba(236,72,153,.08),transparent 34%),#ffffffe6;box-shadow:0 18px 42px #0f172a0f;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.student-archive-card:hover{transform:translateY(-2px);border-color:#ec489959;box-shadow:0 22px 48px #ec48991c}.student-archive-main{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:center;padding:0;border:0;background:transparent;color:#0f172a;text-align:left;cursor:pointer}.student-archive-pet{overflow:hidden;border-radius:22px;background:#f8fafc}.student-archive-pet img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover}.student-archive-main strong{display:block;margin:2px 0;overflow:hidden;color:#0f172a;font-size:20px;text-overflow:ellipsis;white-space:nowrap}.student-archive-main small{display:block;margin-bottom:6px;overflow:hidden;color:#64748b;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.student-archive-stats{display:flex;flex-wrap:wrap;gap:8px}.student-archive-stats span{padding:7px 10px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:900}.student-archive-actions .primary-button,.student-archive-actions .glass-button{flex:1;justify-content:center}.student-pet-switcher{display:grid;gap:8px}.student-pet-switcher span{color:#64748b;font-size:13px;font-weight:900}.student-pet-switcher select{width:100%;min-height:42px;padding:0 12px;border:1px solid rgba(203,213,225,.86);border-radius:15px;background:#f8fafceb;color:#0f172a;font-weight:800}.pet-roster-card.readonly{cursor:default}.pet-roster-card.readonly small{display:block;margin-top:4px;color:#94a3b8;font-weight:800}.readonly-roster-grid .pet-roster-card{pointer-events:none}.pet-switch-backdrop{z-index:80}.pet-switch-modal{width:min(980px,calc(100vw - 32px));padding:24px}.pet-switch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;overflow:auto;padding-right:4px}.pet-switch-card{display:grid;gap:8px;padding:10px;border:1px solid rgba(226,232,240,.95);border-radius:20px;background:#fff;color:#0f172a;cursor:pointer;text-align:center}.pet-switch-card.active{border-color:#ec4899;box-shadow:0 18px 34px #ec489929}.pet-switch-card img{width:100%;aspect-ratio:1 / 1;border-radius:16px;object-fit:cover}.pet-switch-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet-switch-card span{color:#64748b;font-size:12px;font-weight:900}@media(max-width:980px){.teacher-rewards-layout,.reward-card-grid,.reward-metric-grid,.student-archive-tools{grid-template-columns:1fr}.teacher-rewards-hero,.reward-board-head{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.teacher-rewards-panel,.reward-preview-card,.reward-template-board{padding:14px;border-radius:22px}.reward-template-card,.reward-score-grid{grid-template-columns:1fr}.student-archive-main{grid-template-columns:76px minmax(0,1fr)}.student-archive-hero,.roll-call-card{grid-template-columns:1fr}}@media(max-width:1180px){.top-nav-shell{align-items:stretch;flex-wrap:wrap;gap:8px 12px}.top-brand{min-width:190px}.top-nav-scroll{order:3;flex:1 0 100%;padding-bottom:6px}.top-nav-account{margin-left:auto}.simple-content{padding:18px}.rollcall-stage{grid-template-columns:minmax(0,1fr) minmax(240px,.75fr);min-height:auto}.rollcall-copy h3{font-size:clamp(28px,4vw,44px)}}@media(max-width:900px){.top-nav-shell{position:sticky;padding:8px 12px}.top-brand{min-width:0}.top-brand .brand-icon{width:42px;height:42px}.top-brand strong{font-size:17px}.top-nav-account span{max-width:96px}.visitor-banner{align-items:stretch;flex-direction:column}.visitor-banner .primary-button{width:100%}.rollcall-stage{grid-template-columns:1fr;gap:16px;padding:18px;border-radius:26px}.rollcall-copy h3{margin:8px 0;font-size:clamp(28px,8vw,42px)}.rollcall-class-card{width:100%}.rollcall-actions{gap:8px}.rollcall-actions button{flex:1 1 170px}.rollcall-controls{grid-template-columns:1fr}.rollcall-fullscreen{padding:18px}.rollcall-big-card{width:min(100%,calc(100vw - 24px));min-height:min(620px,calc(100vh - 36px));border-radius:32px}}@media(max-width:640px){.simple-content{gap:14px;padding:12px}.top-nav-shell{min-height:auto}.top-brand div{max-width:132px}.top-brand strong{font-size:15px}.top-brand span{font-size:8px;letter-spacing:.04em}.top-nav-account{width:100%;justify-content:space-between}.top-nav-account span{max-width:calc(100vw - 160px)}.school-register-button,.top-exit-button{min-height:36px;padding:0 12px;border-radius:11px}.top-nav-button{min-height:36px;padding:0 11px;font-size:13px}.page-card{padding:16px;border-radius:24px}.rollcall-stage{padding:16px}.rollcall-copy h3{font-size:clamp(26px,10vw,36px)}.rollcall-copy p{font-size:14px}.rollcall-class-card strong{font-size:clamp(24px,9vw,34px)}.rollcall-actions button{flex-basis:100%}.rollcall-name-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}.rollcall-full-close{top:12px;right:12px;width:44px;height:44px;font-size:28px}.rollcall-big-card{gap:14px;padding:24px 16px;border-radius:28px}.rollcall-winner-grid{grid-template-columns:1fr}}@media(max-width:520px){.shop-prize-grid,.management-actions{grid-template-columns:1fr}.hero-panel{padding:18px 16px;border-radius:22px}.auth-gate-card .simple-auth-shell{grid-template-columns:1fr}.student-directory-toolbar{width:100%}.shop-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}.shop-tabs::-webkit-scrollbar{display:none}.shop-tab{flex:0 0 auto;padding:0 14px 14px;font-size:16px}.ocean-metrics,.ocean-controls{width:100%}.ocean-title p{display:none}.pet-center-toolbar{grid-template-columns:1fr;padding:14px}.level-filter-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none;justify-content:flex-start}.level-filter-row::-webkit-scrollbar{display:none}.pet-series-filter-row{padding:4px 0}.evolution-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.reward-metric-grid,.tool-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-redeem-modal{padding:24px 20px;border-radius:24px}.student-name-card{min-width:0}.rollcall-name-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}.import-preview-card{grid-template-columns:1fr 1fr}.leaderboard-board-tabs{justify-content:center}.leaderboard-board-tab{flex:1 1 auto;justify-content:center;padding:10px 14px;font-size:15px}.leaderboard-period-tabs{flex-wrap:wrap;justify-content:center}.student-archive-grid,.student-archive-tools,.roll-call-card{grid-template-columns:1fr}.roll-call-actions{width:100%}.roll-call-actions button,.student-archive-actions button{flex:1}.rollcall-record-item{grid-template-columns:36px 1fr auto;gap:8px;padding:10px 12px}.reward-editor-modal{padding:20px}.pet-switch-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.reward-template-card,.reward-score-grid{grid-template-columns:1fr}.reward-template-actions{justify-content:flex-start}.quick-preset-row{flex-wrap:wrap}.assignment-main{align-items:stretch;flex-direction:column}.assignment-main img{width:min(140px,100%);margin-inline:auto}.ocean-intro{left:16px;right:16px;transform:none;padding:20px;margin-inline:auto;width:calc(100% - 32px)}.ocean-intro h3{font-size:22px}}@media(max-width:430px){.simple-content,.content{padding:10px;gap:12px}.page-card,.page-card-large{padding:14px;border-radius:20px}.top-nav-shell{padding:6px 8px 8px;gap:6px}.top-brand .brand-icon{width:36px;height:36px;border-radius:12px}.top-brand strong{font-size:14px}.top-brand span{display:none}.top-nav-button{min-height:32px;padding:0 10px;font-size:12px;border-radius:10px}.school-register-button,.top-exit-button{min-height:32px;padding:0 10px;font-size:11px;border-radius:10px}.student-toolbar-actions{grid-template-columns:1fr;min-width:0;width:100%}.card-size-control{box-sizing:border-box;max-width:100%;min-width:0;width:100%}.card-size-control input{max-width:100%;min-width:0}.section-title h1,.section-heading h3{font-size:20px}.stats-strip,.simple-stats-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{padding:12px;border-radius:18px}.metric-card strong{font-size:22px}.student-grid{grid-template-columns:1fr}.hero-panel{padding:16px 14px;border-radius:20px;gap:16px}.hero-copy h2{font-size:22px}.hero-actions{gap:6px}.hero-actions button{padding:10px 12px;font-size:13px}.hero-pet-stage{padding:12px;border-radius:22px}.hero-pet-image{width:min(200px,100%);border-radius:22px}.hero-mini-stats{grid-template-columns:1fr;gap:8px}.hero-mini-stats div{padding:10px 12px;border-radius:16px}.hero-mini-stats strong{font-size:18px}.modal-backdrop{align-items:end;padding:8px}.student-modal{width:100%;max-height:94dvh;border-radius:26px 26px 18px 18px}.student-drawer{padding:16px;border-radius:26px 26px 0 0}.drawer-hero{flex-direction:column;padding:14px;gap:12px}.drawer-hero img{width:min(160px,100%);border-radius:22px}.drawer-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none}.drawer-tabs::-webkit-scrollbar{display:none}.drawer-tabs .tab-button{flex:0 0 auto}.shop-manager-page{gap:16px}.shop-manager-hero h3{font-size:26px}.shop-manager-hero p{font-size:18px}.shop-prize-card{border-radius:22px}.shop-prize-icon{min-height:220px}.shop-prize-body{padding:16px}.shop-prize-title{font-size:18px}.shop-prize-readonly-meta{grid-template-columns:1fr}.shop-redeem-modal{padding:20px 16px;border-radius:22px;gap:14px}.shop-redeem-modal h3{font-size:22px}.shop-redeem-icon{font-size:64px}.shop-student-choice{padding:12px 14px;flex-direction:column;align-items:flex-start}.shop-student-choice .primary-button{width:100%}.leaderboard-podium{max-width:100%;gap:10px}.podium-avatar-wrap{width:90px;height:90px}.podium-avatar-wrap img,.podium-avatar-wrap>strong{width:76px;height:76px;border-width:4px}.rank-1 .podium-avatar-wrap img,.rank-1 .podium-avatar-wrap>strong{width:86px;height:86px}.leaderboard-podium-card h4{font-size:18px}.pet-center-library,.pet-center-students{padding:14px;border-radius:22px}.pet-center-students{padding:14px}.pet-center-page .pet-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pet-center-page .pet-library-card{padding:8px;border-radius:16px;min-height:0}.original-like-art{min-height:110px;border-radius:14px}.original-like-art img{height:110px}.pet-card-copy strong{font-size:14px}.pet-card-copy span,.pet-card-copy small{font-size:10px}.pet-detail-stage{padding:12px;gap:10px}.pet-detail-stage-preview{width:min(180px,100%);max-height:180px}.pet-detail-stage img{width:min(180px,100%);height:auto;aspect-ratio:1 / 1}.pet-detail-stage strong{display:block;line-height:1.4}.pet-detail-panel{padding:14px;border-radius:20px}.pet-detail-head h3{font-size:20px}.pet-image-adjuster{padding:12px}.pet-image-adjuster label{grid-template-columns:64px minmax(0,1fr)}.pet-care-overview{margin-top:12px}.evolution-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.evolution-form-card{padding:6px;border-radius:12px}.evolution-form-card span{font-size:13px}.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pet-roster-card{padding:10px}.feed-option-grid,.quick-action-grid,.detail-grid{grid-template-columns:1fr}.management-card{padding:16px;border-radius:22px}.management-head h4{font-size:20px}.management-actions,.form-grid{grid-template-columns:1fr}.teacher-rewards-panel{padding:14px;border-radius:22px}.teacher-rewards-hero{flex-direction:column;align-items:flex-start}.teacher-rewards-hero h3{font-size:22px}.reward-preview-card,.reward-template-board{padding:14px;border-radius:20px}.reward-preview-orb{width:90px;height:90px;font-size:42px;border-radius:28px}.reward-template-icon{width:36px;height:36px;font-size:20px;border-radius:12px}.reward-preview-kicker{font-size:12px}.reward-board-head{flex-direction:column;align-items:flex-start}.reward-metric-grid{grid-template-columns:1fr 1fr;gap:8px}.reward-metric-grid div{padding:12px;border-radius:16px}.reward-metric-grid strong{font-size:22px}.rollcall-stage{padding:14px;border-radius:20px;gap:12px}.rollcall-copy h3{font-size:22px}.rollcall-copy p{font-size:13px}.rollcall-class-card{padding:14px;border-radius:22px}.rollcall-class-card strong{font-size:22px}.rollcall-actions{flex-direction:column}.rollcall-actions button{width:100%;flex:none}.rollcall-toggle{min-height:40px}.rollcall-name-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rollcall-name-chip{min-height:64px;padding:10px 12px;border-radius:16px}.rollcall-name-chip strong{font-size:16px}.rollcall-fullscreen{padding:12px}.rollcall-full-close{top:10px;right:10px;width:40px;height:40px;font-size:26px}.rollcall-big-card{padding:20px 14px;gap:12px;border-radius:24px;min-height:auto}.rollcall-big-card h2{font-size:32px}.rollcall-big-card p{font-size:14px}.rollcall-count-row{flex-wrap:wrap}.rollcall-count{min-width:72px;min-height:56px;font-size:20px;border-radius:18px}.rollcall-start-big{min-width:0;width:100%}.rollcall-winner-grid{grid-template-columns:1fr}.rollcall-winner-card img{width:100px;border-radius:20px}.rollcall-winner-card strong{font-size:20px}.ocean-shell{border-radius:20px}.ocean-topbar{padding:10px 12px;flex-direction:column;align-items:stretch}.ocean-title-emoji{font-size:24px}.ocean-title strong{font-size:15px}.ocean-title p{display:none}.ocean-metrics{flex-wrap:wrap;gap:6px}.ocean-pill{min-width:72px;padding:6px 8px}.ocean-pill strong{font-size:14px}.ocean-controls{flex-direction:column;gap:8px}.ocean-mode-switch{width:fit-content}.ocean-range{width:100%}.ocean-button{width:100%;text-align:center;padding:10px 14px}.ocean-bottombar{padding:10px 12px}.ocean-volume-row,.ocean-score-row{flex-wrap:wrap;gap:8px}.ocean-meter-track,.ocean-score-track{width:100%;flex:none}.ocean-intro{padding:16px;border-radius:20px}.ocean-intro h3{font-size:20px}.ocean-intro-emoji{font-size:32px}.sound-shell{border-radius:22px}.sound-topbar{padding:10px;flex-wrap:wrap;gap:8px}.sound-title span{display:none}.sound-settings-card{width:calc(100vw - 16px);padding:16px;border-radius:22px}.evolution-celebration-card{width:calc(100vw - 16px);padding:20px 16px;border-radius:28px}.evolution-celebration-card h2{font-size:22px}.evolution-stage-row{grid-template-columns:1fr;max-width:200px;gap:10px}.evolution-pet-before,.evolution-pet-after{padding:8px;border-radius:22px}.auth-panel{padding:20px 16px}.simple-auth-copy h1{font-size:28px}.auth-preview-card{padding:20px;border-radius:28px}.auth-preview-card h2{font-size:26px}.auth-pet-strip{grid-template-columns:1fr;gap:10px}.auth-pet-mini{padding:10px;border-radius:22px}.auth-gate-card{width:calc(100vw - 16px);border-radius:28px}.auth-gate-card .simple-auth-panel{padding:20px 16px}.auth-gate-close{top:12px;right:12px;width:36px;height:36px}.import-preview-card{grid-template-columns:1fr 1fr;padding:10px 12px;gap:8px;border-radius:16px}.student-directory-hero{flex-direction:column;align-items:flex-start;padding:16px;border-radius:20px}.student-directory-hero h3{font-size:24px}.student-directory-hero>strong{width:64px;height:64px;font-size:26px;border-radius:20px}.student-directory-card{padding:14px;border-radius:20px}.student-directory-toolbar{flex-wrap:wrap;gap:6px}.student-archive-hero{flex-direction:column;align-items:flex-start;padding:16px;gap:12px;border-radius:20px}.student-archive-hero h3{font-size:22px}.student-archive-summary{min-width:0;min-height:72px;border-radius:20px}.student-archive-summary strong{font-size:26px}.student-archive-main{grid-template-columns:72px minmax(0,1fr)}.student-archive-pet{border-radius:16px}.student-archive-card{padding:12px;border-radius:20px}.student-archive-main strong{font-size:18px}.theme-grid,.data-status-grid{grid-template-columns:1fr 1fr}.backup-status-panel{grid-template-columns:1fr}.invite-row{flex-direction:column;align-items:flex-start;padding:12px;gap:8px}.invite-row .glass-button{width:100%;text-align:center}.toast{left:10px;right:10px;bottom:10px;width:auto;text-align:center;padding:12px 14px;border-radius:16px}}@media(max-width:380px){.home-pet-grid,.pet-center-page .pet-library-grid,.simple-stats-strip,.stats-strip,.rollcall-name-grid,.evolution-gallery{grid-template-columns:1fr}.ocean-metrics{flex-direction:column}.ocean-pill{min-width:0;width:100%;text-align:center}.roster-grid,.reward-metric-grid,.tool-form-grid,.import-preview-card,.theme-grid,.data-status-grid,.podium-grid,.auth-pet-strip{grid-template-columns:1fr}}@media(max-width:430px){.top-nav-scroll{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.top-nav-button{scroll-snap-align:start;min-height:30px;padding:0 9px;font-size:12px;border-radius:10px;white-space:nowrap}}@media(max-width:560px){.pet-center-page .pet-library-grid{grid-template-columns:1fr;gap:12px}.pet-center-page .pet-library-card{min-height:0;padding:12px;border-radius:20px}.original-like-art{min-height:180px;border-radius:18px}.original-like-art img{height:180px}.pet-card-copy strong{font-size:16px}.pet-card-copy span,.pet-card-copy small{font-size:12px}}.device-lock-control{display:inline-flex;align-items:center;gap:8px}.device-lock-count{font-size:12px;color:#64748b;white-space:nowrap}.device-lock-toggle{min-height:30px;padding:0 10px;border-radius:12px;border:1px solid rgba(244,114,182,.18);background:#ffffffb8;color:#0f172a;font-size:12px;font-weight:600;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.device-lock-toggle:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #0f172a14}.device-lock-toggle.locked{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#ef44444d}.device-lock-toggle:disabled{opacity:.5;cursor:not-allowed}.device-lock-status{display:inline-flex;align-items:center;gap:6px}.device-lock-dot{width:8px;height:8px;border-radius:999px}.device-lock-dot.unlocked{background:#22c55e;box-shadow:0 0 6px #22c55e80}.device-lock-dot.locked{background:#ef4444;box-shadow:0 0 6px #ef444480;animation:lockPulse 2s ease-in-out infinite}.device-lock-label{font-size:12px;font-weight:600;color:#64748b}.device-lock-count.device-lock-offline{color:#ef4444;font-weight:700}.device-role-selector{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.device-role-dot{width:8px;height:8px;border-radius:999px;flex-shrink:0}.device-role-dot.role-dot-classroom{background:#22c55e;box-shadow:0 0 6px #22c55e80}.device-role-dot.role-dot-mobile{background:#3b82f6;box-shadow:0 0 6px #3b82f680}.device-role-dot.role-dot-desktop{background:#f59e0b;box-shadow:0 0 6px #f59e0b80}.device-role-dot{background:#94a3b8;box-shadow:0 0 4px #94a3b84d}.device-role-select{min-height:30px;padding:0 20px 0 6px;border:1px solid rgba(203,213,225,.5);border-radius:10px;background:#fff9;color:#475569;font-size:12px;font-weight:600;cursor:pointer;outline:none;transition:border-color .18s ease,background .18s ease;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center}.device-role-select:hover{border-color:#ec48994d;background-color:#fffc}.device-role-select:focus{border-color:#ec4899;box-shadow:0 0 0 2px #ec489926}@keyframes lockPulse{0%,to{opacity:1}50%{opacity:.4}}.screen-lock-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(239,68,68,.12),transparent 40%),radial-gradient(circle at 70% 80%,rgba(148,163,184,.15),transparent 35%),linear-gradient(135deg,#f8fafc,#e2e8f0);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:screenLockIn .4s ease-out}.screen-lock-content{text-align:center;max-width:420px;padding:40px 32px}.screen-lock-icon{width:80px;height:80px;margin:0 auto 24px;color:#ef4444;animation:lockShake .6s ease-in-out}.screen-lock-icon svg{width:100%;height:100%}.screen-lock-content h2{margin:0 0 12px;font-size:clamp(24px,4vw,32px);color:#1e293b}.screen-lock-content p{margin:0 0 8px;color:#64748b;font-size:15px;line-height:1.6}.screen-lock-hint{margin-top:24px;padding:12px 20px;border-radius:16px;background:#ef444414;border:1px solid rgba(239,68,68,.15);font-size:13px;font-weight:600;color:#991b1b}@keyframes screenLockIn{0%{opacity:0}to{opacity:1}}@keyframes lockShake{0%,to{transform:rotate(0)}10%{transform:rotate(-6deg)}20%{transform:rotate(6deg)}30%{transform:rotate(-4deg)}40%{transform:rotate(4deg)}50%{transform:rotate(0)}}.announcement-panel-section{margin-top:4px}.announcement-panel{padding:24px;border-radius:24px;background:radial-gradient(circle at 0% 0%,rgba(255,228,238,.4),transparent 30%),linear-gradient(135deg,#fffffff5,#fff6f0fa);border:1px solid rgba(244,114,182,.12);box-shadow:0 18px 40px #0f172a0f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:grid;gap:16px}.announcement-panel-header .eyebrow{margin-bottom:4px}.announcement-panel-header h4{margin:0;font-size:16px;color:#1e293b}.announcement-quick-phrases{display:flex;flex-wrap:wrap;gap:8px}.announcement-phrase-btn{padding:8px 14px;border-radius:999px;border:1px solid rgba(99,102,241,.15);background:linear-gradient(135deg,#6366f114,#a855f70f);color:#4338ca;font-size:13px;font-weight:600;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.announcement-phrase-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6366f11f;background:linear-gradient(135deg,#6366f124,#a855f71a)}.announcement-textarea-label{display:grid;gap:6px}.announcement-textarea-label>span{font-size:13px;font-weight:600;color:#475569}.announcement-textarea{width:100%;min-height:80px;padding:12px 16px;border-radius:16px;border:1px solid rgba(148,163,184,.2);background:#fffc;font:inherit;font-size:14px;color:#0f172a;resize:vertical;transition:border-color .18s ease,box-shadow .18s ease}.announcement-textarea:focus{outline:none;border-color:var(--accent, #ff6b6b);box-shadow:0 0 0 3px #ff6b6b26}.announcement-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.announcement-voice-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:600;color:#475569}.announcement-voice-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent, #ff6b6b);cursor:pointer}.announcement-overlay-backdrop{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:overlayIn .3s ease-out}.announcement-overlay-card{width:min(90vw,520px);max-height:80vh;padding:32px 28px;border-radius:28px;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(255,228,238,.5),transparent 40%),linear-gradient(180deg,#fff,#fff7ef);box-shadow:0 24px 64px #00000026,0 0 0 1px #f472b61a;animation:modalIn .4s ease-out;display:grid;gap:12px;overflow-y:auto}.announcement-overlay-icon{width:56px;height:56px;margin:0 auto;color:var(--accent, #ff6b6b)}.announcement-overlay-icon svg{width:100%;height:100%}.announcement-overlay-eyebrow{font-size:12px;color:var(--accent, #ff6b6b)}.announcement-overlay-title{margin:0;font-size:clamp(20px,3vw,26px);color:#1e293b}.announcement-overlay-message{margin:0;color:#475569;font-size:16px;line-height:1.7;white-space:pre-wrap;word-break:break-word;max-height:30vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px;border-radius:16px;background:#fff9;border:1px solid rgba(148,163,184,.1)}.announcement-overlay-card .primary-button{justify-self:center;margin-top:4px;min-width:140px}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@media(max-width:720px){.device-lock-control{gap:4px}.device-lock-count{display:none}.device-lock-toggle{min-height:28px;padding:0 8px;font-size:11px}.device-role-select{min-height:28px;font-size:11px;padding:0 18px 0 4px;max-width:100px}.device-role-dot{width:6px;height:6px}.announcement-panel{padding:18px 16px;border-radius:20px}.announcement-quick-phrases{gap:6px}.announcement-phrase-btn{padding:6px 10px;font-size:12px}.announcement-overlay-card{width:95vw;padding:24px 20px;border-radius:22px}.announcement-overlay-message{font-size:14px;max-height:40vh}.screen-lock-content{padding:24px 20px}.screen-lock-icon{width:64px;height:64px;margin-bottom:20px}.screen-lock-content h2{font-size:22px}.screen-lock-content p{font-size:14px}}@media(max-width:430px){.announcement-footer{flex-direction:column;align-items:stretch}.announcement-voice-toggle{justify-content:center}.announcement-panel .primary-button{width:100%;text-align:center}}