@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#1f2926;background:#f6efe4;font-family:Manrope,sans-serif;font-synthesis:none;line-height:1.5;font-weight:500;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #f6efe4;--surface: rgba(255, 251, 246, .78);--surface-strong: rgba(255, 251, 246, .95);--ink: #1f2926;--muted: #67706c;--line: rgba(38, 42, 41, .08);--shadow: 0 28px 70px rgba(30, 36, 35, .12);--brand: #173c3e;--brand-soft: rgba(23, 60, 62, .12);--accent: #c47b49;--danger: #8b3d2a;--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at top left,rgba(196,123,73,.22),transparent 30%),radial-gradient(circle at top right,rgba(23,60,62,.18),transparent 28%),linear-gradient(180deg,#fbf6ef 0%,var(--bg) 100%)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.device-shell{height:100%;display:grid;place-items:center;padding:12px}.app-chrome{position:relative;width:min(100%,430px);height:100%;max-height:100%;border-radius:36px;overflow:hidden;border:1px solid rgba(255,255,255,.45);background:linear-gradient(180deg,#fcf8f1f0,#f7efe4fa);box-shadow:var(--shadow)}.grain,.ambient{position:absolute;inset:auto;pointer-events:none}.grain{top:0;right:0;bottom:0;left:0;opacity:.15;background-image:radial-gradient(rgba(35,39,38,.06) .8px,transparent .8px);background-size:12px 12px;mix-blend-mode:multiply}.ambient{width:240px;height:240px;filter:blur(28px)}.ambient-left{left:-50px;top:80px;background:#c47b4947}.ambient-right{right:-60px;top:220px;background:#173c3e2e}.page-header h2,.hero-copy h2,.panel h2,.panel h3,.panel h4,.empty-state h3{margin:0;font-family:Fraunces,serif;letter-spacing:-.03em;font-weight:700}.page-scroll{position:relative;z-index:2;height:100%;overflow-y:auto;padding:calc(env(safe-area-inset-top) + 18px) 18px calc(110px + env(safe-area-inset-bottom));scroll-behavior:smooth}.page-scroll::-webkit-scrollbar{width:0}.stack,.login-shell{display:grid;gap:14px}.login-shell{min-height:100%;padding:calc(env(safe-area-inset-top) + 18px) 18px calc(24px + env(safe-area-inset-bottom))}.panel,.hero-card,.class-card,.metric-card,.empty-state,.segment-control{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.55);border-radius:var(--radius-xl);background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 18px 46px #20252414}.panel,.hero-card,.class-card,.empty-state{padding:18px}.hero-card{display:grid;grid-template-columns:1.25fr .95fr;align-items:center;gap:12px;min-height:220px;background:radial-gradient(circle at top right,rgba(255,255,255,.94),transparent 38%),linear-gradient(145deg,#fcf7f1f5,#f2e7d6eb)}.hero-card:after,.spotlight-panel:after,.hero-strip:after{content:"";position:absolute;inset:auto -18px -28px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(196,123,73,.22),transparent 70%)}.nfc-hero{min-height:180px;grid-template-columns:auto 1fr}.hero-copy{display:grid;gap:8px}.hero-copy h2,.page-header h2,.hero-strip h2{font-size:clamp(1.7rem,6vw,2.2rem);line-height:1.02}.hero-glyph,.success-glyph{width:100%;height:auto}.orbit{fill:none;stroke:#173c3e26;stroke-width:2.5;stroke-dasharray:6 10;transform-origin:center}.orbit-one{animation:spin 24s linear infinite}.orbit-two{animation:spinReverse 18s linear infinite}.eyebrow,.field span,.metric-card span,.count-pill,.status-pill,.helper-text,.micro-copy{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.eyebrow{margin:0;color:var(--accent);font-weight:800}.muted-copy,.helper-text,.micro-copy{margin:0;color:var(--muted)}.helper-text{color:var(--brand)}.micro-copy{letter-spacing:.05em;text-transform:none}.field{display:grid;gap:8px}.field input{width:100%;min-height:52px;padding:0 16px;border:1px solid rgba(31,41,38,.08);border-radius:18px;background:#ffffffbd;color:var(--ink);outline:none;box-shadow:inset 0 1px #ffffff8c}.field input:focus{border-color:#173c3e57;box-shadow:0 0 0 4px #173c3e14,inset 0 1px #ffffff8c}.field input[type=color]{min-height:56px;padding:6px}.form-grid,.stats-row,.button-group,.class-grid{display:grid;gap:12px}.stats-row,.button-group,.button-group.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.button-group.compact>:nth-child(3),.button-group.compact>:nth-child(4){grid-column:span 1}.panel>.primary-button,.panel>.secondary-button,.panel>.danger-button{width:100%}.primary-button,.secondary-button,.ghost-button,.danger-button,.bottom-nav-link{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:16px;border:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary-button{background:linear-gradient(145deg,var(--brand),#28585a);color:#fff9f3;box-shadow:0 16px 34px #173c3e2e}.secondary-button,.upload-button,.ghost-button{background:#ffffffa8;color:var(--ink)}.danger-button{background:#8b3d2a1a;color:var(--danger)}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.danger-button:hover,.bottom-nav-link:hover{transform:translateY(-1px)}.upload-button{position:relative;overflow:hidden}.upload-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.sub-panel{display:grid;gap:12px;padding:14px;border-radius:22px;background:#ffffff80}.hero-inline,.list-item-top,.compact-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.compact-line{justify-content:flex-start}.spotlight-panel{background:linear-gradient(145deg,#fdf9f3f5,#ece2d3db)}.page-header{display:grid;gap:8px;padding-top:20px}.metric-card{padding:16px;min-height:112px;display:flex;flex-direction:column;justify-content:space-between}.metric-card strong{font-family:Fraunces,serif;font-size:2rem;line-height:1}.class-grid{grid-template-columns:1fr}.class-card{display:grid;gap:14px}.class-card-head{display:flex;align-items:center;gap:12px}.class-chip{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;color:#fff8f0;font-family:Fraunces,serif;font-size:1.3rem}.count-pill,.status-pill{padding:8px 12px;border-radius:999px;background:#173c3e14;color:var(--brand);font-weight:700;letter-spacing:.08em}.list{display:grid;gap:10px}.list-item{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:22px;background:#ffffff94}.list-item.dense{gap:14px}.list-item h4{font-size:1.12rem}.row-form{display:grid;gap:12px}.toggle{display:inline-flex;align-items:center;gap:10px;font-size:.92rem}.toggle input{width:18px;height:18px;accent-color:var(--brand)}.segment-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:6px}.segment-button{min-height:46px;border:none;background:transparent;border-radius:18px;color:var(--muted);cursor:pointer}.segment-button.is-active{background:linear-gradient(145deg,var(--brand),#28585a);color:#fff8f0;box-shadow:0 14px 32px #173c3e2e}.range-control{grid-template-columns:repeat(3,minmax(0,1fr))}.empty-state{text-align:center;display:grid;gap:10px;place-items:center;min-height:220px}.empty-icon{width:68px;height:68px;border-radius:24px;background:radial-gradient(circle at 30% 30%,rgba(196,123,73,.26),transparent 46%),#173c3e14}.bottom-nav{position:absolute;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:3;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:6px;border-radius:24px;background:#fffaf4d1;border:1px solid rgba(255,255,255,.6);box-shadow:0 20px 40px #191e1d1a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav-link{min-height:42px;padding:0 8px;color:var(--muted);background:transparent;font-size:.92rem}.bottom-nav-link.is-active{background:var(--brand-soft);color:var(--brand)}.stats-row-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.class-card-actions{display:flex;width:auto;flex-wrap:wrap;justify-content:flex-end}.form-grid-tight{grid-template-columns:minmax(0,1fr)}.color-field{max-width:132px}.notice-panel{background:linear-gradient(145deg,#fdf9f3f5,#efe9dceb)}.danger-panel{background:linear-gradient(145deg,#fff8f5f5,#fbece6eb)}.student-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.student-chip{display:grid;gap:4px;padding:14px;border-radius:18px;border:1px solid var(--line);background:#ffffff94}.student-chip strong{font-size:.96rem}.student-chip span{color:var(--muted);font-size:.82rem}.text-button{width:100%;margin-top:10px}.settings-form{display:grid;gap:12px}.hero-strip{padding-top:22px}.loading-screen,.standalone-screen{display:grid;place-content:center;gap:16px;padding:24px}.success-glyph{width:120px;justify-self:center;animation:pulse 1.8s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media(min-width:768px){.device-shell{padding:24px}.app-chrome{max-height:880px}}