@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/fraunces-var.woff2) format("woff2")}@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(../fonts/fraunces-italic-var.woff2) format("woff2")}:root{--bg: #faf5ef;--card: rgba(255, 255, 255, .72);--card-border: rgba(122, 92, 74, .1);--ink: #3a2e28;--muted: #a3907f;--accent: #c96f52;--accent-deep: #b45a3e;--accent-soft: #f3ddd2;--gold: #c9a36a;--good: #5a9367;--serif: "Fraunces", "New York", Georgia, serif;--sans: -apple-system, "Segoe UI", system-ui, sans-serif;font-family:var(--sans)}*{margin:0;padding:0;box-sizing:border-box}a{color:var(--accent-deep);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(201,111,82,.35)}a:hover{border-bottom-color:var(--accent-deep)}body{background:radial-gradient(120% 90% at 85% -10%,#f7e3d3,#f7e3d300 55%),radial-gradient(100% 80% at -10% 105%,#f0e3da,#f0e3da00 50%),var(--bg);background-attachment:fixed;color:var(--ink);font-size:14px;letter-spacing:.01em;user-select:none;-webkit-user-select:none}#app{padding:22px 20px 18px;display:flex;flex-direction:column;gap:16px;min-height:100vh}.wordmark{display:flex;align-items:baseline;gap:8px}.wordmark .name{font-family:var(--serif);font-weight:600;font-size:20px;letter-spacing:.02em}.wordmark .tagline{font-family:var(--serif);font-style:italic;font-weight:500;font-size:12px;color:var(--muted)}h1{font-family:var(--serif);font-weight:600;font-size:22px;line-height:1.2;letter-spacing:.005em}.status-header{display:flex;align-items:center;gap:12px}.status-mark{width:48px;height:48px;flex-shrink:0;filter:drop-shadow(0 4px 10px rgba(122,92,74,.18))}.status-mark svg{width:100%;height:100%;transition:opacity .3s ease}.status-mark.faded svg{opacity:.3}.status-text{flex:1}.status-text .title{font-size:21px}.status-text .sub{color:var(--muted);font-size:12.5px;margin-top:2px}.card{background:var(--card);backdrop-filter:blur(8px);border:1px solid var(--card-border);border-radius:18px;padding:16px;box-shadow:0 8px 24px #7a5c4a14;display:flex;flex-direction:column;gap:11px}.stat-row{display:flex;justify-content:space-between;align-items:baseline;font-size:13px}.stat-row .label{color:var(--muted);letter-spacing:.02em}.stat-row .value{font-family:var(--serif);font-weight:600;font-size:15px;font-variant-numeric:tabular-nums}button{border:none;border-radius:999px;padding:11px 18px;font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:.01em;cursor:pointer;background:var(--accent-soft);color:var(--accent-deep);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}button:hover:not(:disabled){transform:translateY(-1px)}button.primary{background:linear-gradient(135deg,var(--accent) 0%,#dd8a66 100%);color:#fff8f2;box-shadow:0 6px 18px #c96f5259}button.primary:hover:not(:disabled){box-shadow:0 8px 22px #c96f5273}button.small{padding:7px 13px;font-size:12px}button:disabled{opacity:.4;cursor:default}.row{display:flex;gap:8px;align-items:center}.row .spacer{flex:1}.preview{width:100%;aspect-ratio:4 / 3;border-radius:18px;overflow:hidden;background:#241a15;position:relative;box-shadow:inset 0 0 0 1px #ffffff40,0 10px 28px #7a5c4a38}.preview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.progress-track{height:7px;border-radius:4px;background:#c96f5224;overflow:hidden}.progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent) 0%,#e19a76 100%);transition:width .2s ease-out}.progress-fill.good{background:linear-gradient(90deg,var(--gold) 0%,#dcc08e 100%)}.meter{display:flex;align-items:center;gap:10px}.meter-label{font-family:var(--serif);font-style:italic;font-weight:500;font-size:12px;color:var(--muted);white-space:nowrap}.meter-track{flex:1;position:relative}.meter-marker{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--ink);opacity:.4;border-radius:1px}.cal-tint{position:fixed;inset:0;z-index:-1;transition:background-color .7s ease}.cal-tint-neutral{background-color:#d6caba47}.cal-tint-gentle{background-color:#f7c39559}.cal-tint-big{background-color:#f0946f61}.cal-tint-done{background-color:#c9a36a40}.cal-dots{display:flex;gap:8px;justify-content:center}.cal-dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:#fff9;color:var(--muted);border:1px solid var(--card-border);transition:all .4s ease}.cal-dot.active{background:var(--accent);color:#fff8f2;transform:scale(1.15);box-shadow:0 4px 12px #c96f5266}.cal-dot.passed{background:var(--accent-soft);color:var(--accent-deep)}h1.pop{animation:title-pop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes title-pop{0%{transform:scale(.92);opacity:.4}to{transform:scale(1);opacity:1}}.card.proof{gap:8px}.proof-row{display:flex;justify-content:space-between;align-items:baseline;font-size:13px}.proof-label{color:var(--muted)}.proof-value{font-family:var(--serif);font-weight:600;font-variant-numeric:tabular-nums}.proof-value.proof-zero{color:var(--good)}.proof-dare{font-family:var(--serif);font-style:italic;font-size:12.5px;color:var(--muted);margin-top:2px;transition:color .3s ease}.proof-dare.proof-offline{color:var(--good);font-style:normal;font-weight:600}.welcome{display:flex;flex-direction:column;gap:16px;padding-top:26px;text-align:center;align-items:center}.welcome h1{font-size:26px;line-height:1.25}.welcome .hint,.welcome .privacy{max-width:300px}.welcome button{margin-top:6px;min-width:200px}.paywall{text-align:center;align-items:center;gap:12px}.paywall h1{font-size:20px}.button-link{display:block;width:100%;border-radius:999px;padding:11px 18px;font-family:var(--sans);font-size:14px;font-weight:600;text-align:center;border-bottom:none;background:linear-gradient(135deg,var(--accent) 0%,#dd8a66 100%);color:#fff8f2;box-shadow:0 6px 18px #c96f5259}.hint{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--muted);font-size:13.5px;text-align:center;line-height:1.5}.footer{margin-top:auto;font-size:11.5px;color:var(--muted);text-align:center;letter-spacing:.02em}.footer a{color:var(--accent);font-weight:600;text-decoration:none}label.setting{display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:8px}select,input[type=text]{border:1px solid var(--card-border);border-radius:10px;padding:7px 10px;font-size:13px;font-family:var(--sans);background:#ffffffd9;color:var(--ink)}input[type=text]{width:100%}input[type=checkbox]{accent-color:var(--accent)}.error{color:#c05252;font-size:12px}.privacy{font-size:11.5px;color:var(--muted);line-height:1.6;text-align:center;padding:0 6px}
