:root{--paper:#fbf4e8;--tomato:#d85a30;--brick:#993c1d;--ink:#2a1a12;--brass:#ef9f27;--muted:#7a6558;--line:#e6d8c3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:480px;padding:max(32px, env(safe-area-inset-top)) 16px 32px;margin:0 auto}.wordmark{color:var(--brick);letter-spacing:-.5px;margin:24px 0 8px;font:italic 600 44px/1 Georgia,Times New Roman,serif}h2{margin:0 0 24px;font-size:22px}form{gap:16px;display:grid}.field{gap:4px;display:grid}.field span{font-weight:600}.field small{color:var(--muted)}input{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:10px;padding:12px}input:focus-visible,button:focus-visible{outline:2px solid var(--tomato);outline-offset:2px}input[aria-invalid=true]{border-color:var(--brick)}button{background:var(--tomato);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:12px 16px;font-weight:600}button:disabled{opacity:.6}button.secondary{color:var(--brick);border:1px solid var(--brick);background:0 0}button.link{color:var(--brick);background:0 0;margin-top:16px;padding:0;text-decoration:underline}a{color:var(--brick)}.error,.field small.error{color:var(--brick);font-weight:600}.muted{color:var(--muted)}.actions{flex-wrap:wrap;gap:12px;display:flex}.button{background:var(--tomato);color:#fff;text-align:center;border-radius:999px;padding:12px 16px;font-weight:600;text-decoration:none;display:inline-block}.button.small,button.small{padding:6px 12px;font-size:14px}.button.secondary{color:var(--brick);border:1px solid var(--brick);background:0 0}.button.block{width:100%;margin-top:12px;display:block}button.danger{background:var(--brick)}.icon{width:40px;height:40px;color:var(--ink);background:0 0;border-radius:999px;place-items:center;padding:0;font-size:24px;line-height:1;text-decoration:none;display:inline-grid}.screen{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.screen-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.screen-head h1,.screen-head h2{margin:0;font-size:28px}.screen-head .title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:22px;overflow:hidden}.screen-head .countdown{margin-right:auto}.screen-head .close{color:var(--ink);margin-left:auto;font-size:22px;text-decoration:none}.sub{color:var(--muted);margin:-8px 0 16px;font-size:14px}.note{color:var(--muted);font-size:14px}.row{gap:8px;display:flex}.row input{flex:1}.empty{text-align:center;padding:48px 0}.countdown{white-space:nowrap;font-weight:600}.countdown.urgent{color:var(--tomato)}.card{border:1px solid var(--line);background:#fffaf2;border-radius:16px;margin-bottom:16px;padding:16px}.pill-nav{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:10;background:var(--ink);border-radius:999px;gap:4px;padding:4px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #2a1a1240}.pill-nav a{color:#f3e7d6;border-radius:999px;padding:10px 20px;font-weight:600;text-decoration:none}.pill-nav a.active{background:var(--paper);color:var(--ink)}.offline{z-index:5;background:var(--ink);color:var(--paper);text-align:center;padding:8px 16px;font-size:14px;position:sticky;top:0}.toasts{left:50%;bottom:calc(88px + env(safe-area-inset-bottom));z-index:30;gap:8px;width:min(440px,100% - 32px);display:grid;position:fixed;transform:translate(-50%)}.toast{background:var(--ink);color:var(--paper);border-radius:12px;margin:0;padding:12px 16px}.avatar{color:#fff;border-radius:999px;flex:none;place-items:center;font-weight:700;display:inline-grid}.tiles{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.tile{aspect-ratio:1;color:var(--ink);font:inherit;text-align:center;background:#f3e7d6;border:0;border-radius:12px;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.tile img{object-fit:cover;width:100%;height:100%}.tile.blurred img{filter:blur(6px);transform:scale(1.15)}.tile.posted{color:#fff;background:#f0997b}.tile.pending{border:2px dashed var(--brick);color:var(--brick);background:0 0}.tile.nudge{background:linear-gradient(180deg, #f6b25c, var(--brass));color:#fff;cursor:pointer;box-shadow:0 0 0 2px var(--brick) inset}.tile.nudge:active{transform:scale(.97)}.tile.post{color:var(--brick);box-shadow:0 0 0 2px var(--brick) inset;background:linear-gradient(#f8e0a8,#fdc77f);text-decoration:none}.tile.post:active{transform:scale(.97)}.tile-camera{font-size:40px;line-height:1}.tile.compact .tile-camera{font-size:26px}.tile.deleted{color:#6f6358;background:#d9cfc3}.tile-text{overflow-wrap:anywhere;padding:4px;line-height:1.2;display:grid}.tile.compact .tile-text{font-size:12px}.tile-text small{font-size:11px}.tile-name{color:#fff;background:#2a1a1299;border-radius:999px;padding:2px 8px;font-size:12px;position:absolute;bottom:6px;left:6px}.tile.big{width:100%;margin-bottom:12px}.skeleton{background:linear-gradient(90deg,#f1e6d6,#f8efe2,#f1e6d6) 0 0/200% 100%;animation:1.4s linear infinite shimmer}.skeleton.line{border-radius:8px;height:20px;margin-bottom:12px}@keyframes shimmer{to{background-position:-200% 0}}.group-card-head{color:var(--ink);align-items:center;gap:8px;margin-bottom:12px;text-decoration:none;display:flex}.group-card-head h2{text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:18px;overflow:hidden}.mark{font-weight:800}.mark.open{color:var(--tomato)}.mark.done{color:#5b8c5a}.streak{color:var(--brass);white-space:nowrap;font-weight:700}.chevron{color:var(--muted);font-size:22px}.carousel{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;gap:12px;margin:0 -16px;padding:0 16px 8px;display:flex;overflow-x:auto;container-type:inline-size}.carousel:before,.carousel:after{content:"";flex:0 0 calc(50cqi - min(22cqi,90px) - 12px)}.slide{scroll-snap-align:center;flex:0 0 min(44cqi,180px)}.slide.sentinel{flex-basis:1px}.strip{border:1px solid var(--line);background:#fffaf2;border-radius:16px;padding:10px}.strip header h3{margin:0;font-size:16px}.strip-status{color:var(--muted);margin:2px 0 10px;font-size:12px;line-height:1.3}.strip-status.done{color:var(--tomato);font-weight:700}.strip-status.missed{color:var(--brick)}.strip-status.missed span{color:var(--muted);display:block}.strip-tiles{gap:6px;display:grid}.strip.voided .strip-tiles,.strip.missed .strip-tiles{opacity:.75}.sticky-action{bottom:calc(80px + env(safe-area-inset-bottom));position:sticky}.backdrop{z-index:20;background:#2a1a1266;align-items:end;display:grid;position:fixed;inset:0}.sheet-panel{width:min(480px,100%);max-height:85vh;padding:16px 16px calc(24px + env(safe-area-inset-bottom));background:var(--paper);border-radius:20px 20px 0 0;margin:0 auto;overflow-y:auto}.sheet-panel .screen-head h2{flex:1;font-size:22px}.members{gap:12px;margin:0 0 16px;padding:0;list-style:none;display:grid}.members li{align-items:center;gap:12px;display:flex}.menu-actions{gap:8px;display:grid}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chips li{background:#f3e7d6;border-radius:999px;align-items:center;gap:4px;padding:4px 4px 4px 12px;display:flex}.chips button{color:var(--brick);background:0 0;padding:2px 8px}.viewer{z-index:25;background:#000;position:fixed;inset:0}.viewer-close{top:max(12px, env(safe-area-inset-top));z-index:1;color:#fff;position:absolute;right:12px}.viewer-track{scroll-snap-type:x mandatory;height:100%;display:flex;overflow-x:auto}.viewer figure{scroll-snap-align:center;flex:0 0 100%;place-content:center;margin:0;display:grid}.viewer img{width:min(100vw,100vh - 80px)}.viewer figcaption{color:#fff;text-align:center;padding:12px}.camera{max-width:480px;min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));background:var(--ink);color:var(--paper);grid-template-rows:auto 1fr auto;margin:0 auto;display:grid}.camera-head{align-items:center;gap:12px;display:flex}.camera-head .icon{color:var(--paper)}.camera-head .title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.viewfinder{aspect-ratio:1;background:#000;border-radius:20px;align-self:center;width:100%;position:relative;overflow:hidden}.viewfinder video,.viewfinder>img{object-fit:cover;width:100%;height:100%}.viewfinder video.mirrored{transform:scaleX(-1)}.camera-message{text-align:center;place-content:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.camera-controls{grid-template-columns:1fr auto 1fr;align-items:center;padding-top:16px;display:grid}.camera-controls .flip{color:var(--paper);justify-self:end}.shutter{border:5px solid var(--paper);background:var(--tomato);border-radius:999px;width:76px;height:76px;padding:0}.camera-confirm{text-align:center;gap:8px;padding-top:16px;display:grid}.camera-confirm .note{color:#e6d8c3}.camera-confirm .actions{justify-content:center}.camera-confirm progress{width:100%;accent-color:var(--tomato)}.camera .error{color:#ffb59c}.profile-head{align-items:center;gap:16px;margin-bottom:24px;display:flex}.profile-head h1{margin:0;font-size:24px}.profile-head p{margin:0}.profile-head .button{margin-left:auto}.archive-day h3{margin:16px 0 8px;font-size:15px}.archive-row{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;display:grid}.archive-item{color:var(--ink);text-align:left;background:0 0;gap:4px;padding:0;font-size:13px;display:grid}.archive-item.blurred .tile img{filter:blur(6px);transform:scale(1.15)}.archive-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings .card a{font-weight:600}.danger-zone h2{margin-bottom:8px;font-size:18px}.banner{color:var(--brick);background:#fde3d6;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-weight:600;text-decoration:none;display:block}.steps{gap:8px;padding-left:20px;display:grid}.notifications .button.block,.notifications button.block{width:100%;margin-top:12px;display:block}.chips-row{flex-wrap:wrap;gap:8px;display:flex}button.chip{border:1px solid var(--line);color:var(--ink);background:#fffaf2;padding:6px 12px;font-size:14px;font-weight:500}textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;resize:vertical;background:#fff;border-radius:10px;padding:12px}.sheet-panel .screen-head .avatar+h2{font-size:20px}.setting{margin:0 0 8px}