@font-face{font-family:InterVariable;src:url(/fonts/InterVariable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg: #f2ede4;--ink: #171717;--muted: #6f6a60;--accent: #34c759;--accent-soft: rgba(52, 199, 89, .16);--sage: #3d7a57;--sage-soft: #e3efe7;--forest: #2f6b4f;--forest-hover: #275c43;--amber: #d97706;--amber-soft: #f9ecdb;--grey: #9ca3af;--grey-soft: #ecebe7;--danger: #b3413c;--dark: #0d0d0d;--radius: 20px}*{box-sizing:border-box}body{margin:0;font-family:InterVariable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);background-image:radial-gradient(900px 500px at 8% -8%,rgba(52,199,89,.1) 0%,transparent 60%),radial-gradient(800px 460px at 105% 12%,rgba(61,122,87,.08) 0%,transparent 55%);background-attachment:fixed;color:var(--ink);min-height:100vh}#root{max-width:1080px;margin:0 auto;padding:16px}h1{font-size:32px;font-weight:600;letter-spacing:-.3px;margin:0 0 8px}h2{font-size:24px;font-weight:600;letter-spacing:-.3px;margin:0 0 12px}h3{font-size:18px;font-weight:600;margin:0 0 10px}p{margin:0 0 10px}a{color:var(--sage)}.muted{color:var(--muted)}.caption{font-size:12px;font-weight:500}.glass{position:relative;background:#ffffff8c;border:1px solid rgba(255,255,255,.65);border-radius:var(--radius);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #1717170d,0 10px 30px #17171714;padding:20px;margin-bottom:16px;overflow:hidden}.glass:before{content:"";position:absolute;inset:0 0 auto 0;height:44px;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent);pointer-events:none}.glass-elevated{background:#ffffffc7;box-shadow:inset 0 1px #fffc,inset 0 -1px #1717170d,0 18px 44px #17171724}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(23,23,23,.14);background:#ffffffb3;color:var(--ink);border-radius:14px;padding:0 18px;height:44px;font:inherit;font-size:15px;font-weight:500;cursor:pointer;text-decoration:none;transition:background .2s ease,transform .2s ease}.btn:hover{background:#fff}.btn:active{transform:scale(.98)}.btn{position:relative;overflow:hidden}.btn:active{filter:brightness(.96)}.segmented button.active{position:relative;overflow:hidden}.btn:after,.segmented button.active:after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:40%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-18deg) translate(0);pointer-events:none}.btn:hover:after,.btn:focus-visible:after,.segmented button.active:hover:after{transition:transform .6s ease;transform:skew(-18deg) translate(450%)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{height:56px;border-radius:20px;padding:0 28px;background:var(--forest);border-color:var(--forest);color:#fff;font-size:16px;font-weight:600;box-shadow:0 8px 20px #2f6b4f47}.btn-primary:hover{background:var(--forest-hover)}.btn-pill-dark{height:56px;border-radius:999px;padding:0 32px;background:var(--ink);border-color:var(--ink);color:#fff;font-size:16px;font-weight:600}.btn-pill-dark:hover{background:#000}.btn-danger{color:var(--danger)}.input{width:100%;height:48px;border:1px solid rgba(23,23,23,.12);background:#ffffffbf;border-radius:14px;padding:0 14px;font:inherit;font-size:16px;margin-bottom:10px}.input:focus{outline:2px solid var(--accent);border-color:transparent}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500}.status-present{background:var(--sage-soft);color:var(--sage)}.status-away{background:var(--amber-soft);color:var(--amber)}.status-absent{background:var(--grey-soft);color:#6b7280}.stat-row{display:flex;gap:10px}.stat-tile{flex:1;text-align:center;border-radius:18px;padding:14px 8px}.stat-count{font-size:28px;font-weight:600;letter-spacing:-.3px}.stat-label{font-size:12px;font-weight:500;margin-top:2px}.segmented{display:inline-flex;background:#1717170f;border-radius:14px;padding:4px;gap:4px}.segmented button{border:none;background:transparent;border-radius:10px;padding:8px 18px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;color:var(--muted);transition:background .2s ease}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px #17171714}.monitor-grid{display:grid;gap:16px}@media (min-width: 900px){.monitor-grid{grid-template-columns:3fr 2fr;align-items:start}}.roster-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(23,23,23,.06)}.roster-row:last-of-type{border-bottom:none}.badge-btn{border:none;background:none;padding:0;cursor:pointer;font:inherit}.avatar{width:36px;height:36px;border-radius:50%;background:var(--sage-soft);color:var(--sage);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.feed-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(23,23,23,.05)}.feed-item:last-child{border-bottom:none}.day-header{font-size:13px;font-weight:600;color:var(--muted);margin:18px 0 8px;text-transform:uppercase;letter-spacing:.4px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spread{justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.error{color:var(--danger);margin:8px 0}@keyframes breathe{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:1}}@keyframes halo{0%,to{box-shadow:0 0 0 0 var(--accent-soft)}50%{box-shadow:0 0 0 18px #34c7590a}}.breathing-check{width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#5fd97f,var(--accent));display:flex;align-items:center;justify-content:center;color:#fff;margin:12px auto;animation:breathe 2s ease-in-out infinite,halo 2s ease-in-out infinite}.breathing-check svg{width:44px;height:44px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block;animation:breathe 2s ease-in-out infinite}.orb{width:min(52vw,240px);height:min(52vw,240px);border-radius:50%;margin:28px auto;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.38),transparent 30%),radial-gradient(circle at 32% 28%,rgba(255,255,255,.35),transparent 42%),radial-gradient(circle at 60% 65%,#34c7598c,#123c23e6 75%);background-size:130% 130%,100% 100%,100% 100%;background-position:0% 0%,50% 50%,50% 50%;box-shadow:0 0 80px #34c75940,inset 0 0 40px #0006;animation:breathe 4s ease-in-out infinite,orb-drift 8s ease-in-out infinite}@keyframes orb-drift{0%,to{background-position:0% 0%,50% 50%,50% 50%}50%{background-position:60% 35%,50% 50%,50% 50%}}.page-dark{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;z-index:10;background:var(--dark);background-image:radial-gradient(600px 500px at 50% 30%,rgba(52,199,89,.08),transparent 70%);color:#f4f2ec;padding:48px 16px;text-align:center}.timer{font-size:40px;font-weight:600;letter-spacing:1px;font-variant-numeric:tabular-nums}.banner-away{background:var(--amber-soft);color:var(--amber);border-radius:14px;padding:12px 16px;margin:12px auto;max-width:420px;font-weight:500}.qr-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px;text-align:center}.qr-wrap img{width:min(70vw,60vh,480px);border-radius:16px}video.scanner{width:100%;max-width:420px;border-radius:16px;border:1px solid rgba(255,255,255,.65)}@media (prefers-reduced-motion: reduce){.breathing-check,.live-dot,.orb{animation:none}*{transition:none!important}.btn:after,.segmented button.active:after{display:none}}@supports (backdrop-filter: url(#liquid-lens)){.glass,.glass-elevated{backdrop-filter:blur(40px) url(#liquid-lens);-webkit-backdrop-filter:blur(40px)}.btn{-webkit-backdrop-filter:blur(12px) url(#liquid-lens);backdrop-filter:blur(12px) url(#liquid-lens)}}