:root{--bg:#f6f7f9;--paper:#fff;--soft:#f3f5f7;--ink:#141416;--muted:#7c828b;--line:#e3e6ea;--beer:#f4aa25;--beer-dark:#8a5005;--cig:#7d98ad;--cig-dark:#344e61;--heat:#f25a3d;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.shell{place-items:stretch center;min-height:100dvh;display:grid}.phone{background:var(--paper);grid-template-rows:auto 1fr auto;width:100%;min-height:100dvh;display:grid}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;justify-content:space-between;align-items:center;height:58px;padding:0 18px;display:flex}.brand{color:var(--ink);background:0 0;border:0;padding:0;font-size:1.25rem;font-weight:950}.brand-empty{width:1px;height:1px}.top-actions{align-items:center;gap:8px;display:flex}.icon-button{background:var(--soft);width:38px;height:38px;color:var(--muted);border:0;border-radius:14px;place-items:center;display:grid}.invite-button{background:var(--soft);min-width:92px;height:38px;color:var(--muted);border:0;border-radius:14px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:.82rem;font-weight:950;display:inline-flex}.account{color:var(--muted);background:0 0;border:0;padding:0;font-size:.9rem;font-weight:850}.loading-screen,.auth-screen{place-items:center;padding:18px;display:grid}.auth-card{gap:12px;width:100%;display:grid}.locked-card{width:100%;color:var(--muted);justify-items:center;gap:14px;display:grid}.locked-card p{color:var(--ink);margin:0;font-size:1.15rem;font-weight:950}.locked-card button{background:var(--ink);color:#fff;border:0;border-radius:16px;min-width:140px;min-height:46px;font-weight:950}.auth-card input{border:1px solid var(--line);width:100%;min-height:52px;color:var(--ink);background:#fbfcfd;border-radius:18px;outline:0;padding:0 14px;font-size:1rem;font-weight:850}.auth-card input:focus{border-color:var(--heat);box-shadow:0 0 0 4px #f25a3d1f}.auth-submit{background:var(--ink);color:#fff;border:0;border-radius:18px;min-height:54px;font-weight:950}.auth-error{color:var(--heat);margin:0 4px;font-size:.84rem;font-weight:850}.content{background:linear-gradient(#fff 0%,#f7f8fa 100%);padding:14px;position:relative;overflow:auto}.toast{z-index:5;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#141416e6;border-radius:16px;place-items:center;min-height:42px;margin-bottom:10px;font-size:.88rem;font-weight:900;display:grid;position:sticky;top:0}.invite-panel{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-radius:18px;grid-template-columns:1fr 42px 42px;gap:6px;min-height:46px;margin-bottom:10px;padding:6px;display:grid;position:sticky;top:0;box-shadow:0 14px 34px #1414161a}.invite-panel input{background:var(--soft);min-width:0;color:var(--muted);border:0;border-radius:13px;outline:0;padding:0 11px;font-size:.78rem;font-weight:850}.invite-panel button{background:var(--ink);color:#fff;border:0;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.invite-panel button:last-child{background:var(--soft);color:var(--muted)}.people-screen{gap:10px;display:grid}.follow-form{background:#ffffffe0;border-radius:18px;grid-template-columns:1fr 42px;gap:6px;padding:6px;display:grid;box-shadow:0 10px 26px #1414160f}.follow-form input{background:var(--soft);min-width:0;min-height:42px;color:var(--ink);border:0;border-radius:13px;outline:0;padding:0 11px;font-size:.86rem;font-weight:850}.follow-form button{background:var(--ink);color:#fff;border:0;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.follow-list{gap:5px;display:grid}.follow-list-title,.follow-row{grid-template-columns:1fr auto;align-items:center;gap:8px;min-height:34px;display:grid}.follow-list-title{color:var(--muted);text-transform:uppercase;letter-spacing:0;font-size:.74rem;font-weight:950}.follow-list-title span{color:var(--ink)}.follow-row{background:#f7f8fa;border-radius:13px;padding:0 4px 0 9px}.profile-link{min-width:0;min-height:34px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;text-align:left;background:0 0;border:0;padding:0;font-size:.88rem;font-weight:900;overflow:hidden}.follow-action{background:var(--paper);min-height:28px;color:var(--muted);border:0;border-radius:10px;padding:0 10px;font-size:.74rem;font-weight:950}.tap-screen{grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;min-height:100%;display:grid}.capture-input{display:none}.big-tap{min-height:232px;color:var(--ink);isolation:isolate;border:0;border-radius:28px;padding:22px;transition:transform .14s,filter .14s;position:relative;overflow:hidden}.big-tap.hit,.big-tap:active{filter:saturate(1.08);transform:scale(.985)}.big-tap.beer{background:linear-gradient(145deg, #ffd56d, var(--beer))}.big-tap.cigarette{background:linear-gradient(145deg, #d4e2ec, var(--cig))}.big-tap .tap-watermark{color:#1414162e;z-index:-1;width:min(54vw,260px);height:min(54vw,260px);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-52%)rotate(-6deg)}.big-tap strong{letter-spacing:0;font-size:6.4rem;line-height:.78;position:absolute;bottom:24px;right:28px}.board-screen,.recent-screen,.profile-screen{gap:10px;display:grid}.profile-top{background:#ffffffe0;border-radius:18px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:58px;padding:8px;display:grid;box-shadow:0 10px 26px #1414160f}.profile-back{background:var(--soft);width:42px;height:42px;color:var(--muted);border:0;border-radius:13px;place-items:center;display:grid}.profile-name{gap:2px;min-width:0;display:grid}.profile-name strong,.profile-name span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.profile-name strong{font-size:1rem;font-weight:950}.profile-name span{color:var(--muted);text-transform:uppercase;letter-spacing:0;font-size:.74rem;font-weight:950}.profile-action{background:var(--soft);min-height:34px;color:var(--muted);border:0;border-radius:12px;padding:0 10px;font-size:.76rem;font-weight:950}.profile-actions{align-items:center;gap:6px;display:flex}.profile-action.strong{background:var(--ink);color:#fff}.profile-action.block{color:var(--heat)}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.profile-stat{background:#ffffffe0;border-radius:18px;gap:7px;min-width:0;padding:10px;display:grid;box-shadow:0 10px 26px #1414160f}.profile-stat span{color:var(--muted);text-transform:uppercase;letter-spacing:0;font-size:.7rem;font-weight:950}.profile-stat strong{align-items:center;gap:5px;font-size:1rem;font-weight:950;display:flex}.profile-stat strong:first-of-type svg{color:var(--beer-dark)}.profile-stat strong:last-of-type svg{color:var(--cig-dark)}.segment{background:#eef1f4;border-radius:17px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segment button{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:13px;font-size:.9rem;font-weight:950}.segment button.active{background:var(--paper);color:var(--ink);box-shadow:0 8px 18px #1414161a}.board-card{background:var(--paper);border-radius:24px;margin-top:4px;overflow:hidden;box-shadow:0 12px 34px #14141612}.row{border-left:4px solid #0000;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;min-height:54px;padding:0 14px;display:grid}.row+.row{box-shadow:inset 0 1px #1414160f}.row.you{background:#fafbfc}.row span{width:27px;height:27px;color:var(--muted);background:#edf0f3;border-radius:9px;place-items:center;font-size:.78rem;font-weight:950;display:grid}.row strong{font-size:.98rem}.row b{font-size:1.1rem}.row.rank-1{background:linear-gradient(90deg,#ffd15c33,#fff0);border-left-color:#d79b18}.row.rank-2{background:linear-gradient(90deg,#bcc6cf38,#fff0);border-left-color:#a9b0b8}.row.rank-3{background:linear-gradient(90deg,#c47d3d2e,#fff0);border-left-color:#b77a42}.row.rank-1 span{color:#3b2600;background:#f4b72a}.row.rank-2 span{color:#26323b;background:#cbd2d8}.row.rank-3 span{color:#fff7ef;background:#c77f42}.recent-row{width:100%;min-height:62px;color:inherit;text-align:left;background:#ffffffe0;border:0;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid;box-shadow:0 10px 26px #1414160f}.recent-main{min-width:0;min-height:48px;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0;display:grid}button.recent-main.has-photo{cursor:zoom-in}.recent-icon,.recent-thumb{background:var(--soft);border-radius:14px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.recent-thumb img{object-fit:contain;background:#eef1f4;width:100%;height:100%}.retry-image{opacity:0;transition:opacity .16s}.retry-image.loaded{opacity:1}.recent-icon svg{flex:none}.recent-row.beer .recent-icon svg{color:var(--beer-dark)}.recent-row.cigarette .recent-icon svg{color:var(--cig-dark)}.recent-copy,.recent-time{font-size:.84rem;font-style:normal;font-weight:800}.recent-copy{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);overflow:hidden}.recent-copy strong{color:var(--ink);font-size:.9rem}.recent-time{color:var(--muted)}.like-button{background:var(--soft);min-width:42px;height:42px;color:var(--muted);border:0;border-radius:14px;justify-content:center;align-items:center;gap:4px;padding:0 10px;font-size:.76rem;font-weight:950;display:inline-flex}.like-button.active{color:var(--heat);background:#f25a3d1f}.empty-line{color:var(--muted);text-align:center;margin:0;padding:16px 10px;font-size:.84rem;font-weight:850}.nav{padding:9px 10px calc(9px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;grid-template-columns:repeat(4,1fr);gap:6px;display:grid;box-shadow:0 -10px 30px #1414160f}.nav button{height:50px;color:var(--muted);background:0 0;border:0;border-radius:17px;place-items:center;display:grid}.nav button.active{background:var(--ink);color:#fff}.tap-nav-icon{color:currentColor;justify-content:center;align-items:center;gap:2px;display:inline-flex}.photo-viewer{z-index:20;padding:max(14px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0a0cdb;place-items:center;display:grid;position:fixed;inset:0}.photo-viewer-inner{gap:10px;width:min(100%,520px);max-height:94dvh;display:grid;position:relative}.photo-viewer-inner img{object-fit:contain;background:#0b0b0d;border-radius:20px;width:100%;max-height:82dvh}.photo-close{z-index:1;width:42px;height:42px;color:var(--ink);background:#ffffffeb;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.photo-delete{z-index:1;width:42px;height:42px;color:var(--heat);background:#ffffffeb;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;left:10px}.photo-like{z-index:1;min-width:42px;height:42px;color:var(--muted);background:#ffffffeb;border:0;border-radius:21px;justify-content:center;align-items:center;gap:5px;padding:0 12px;font-size:.78rem;font-weight:950;display:inline-flex;position:absolute;top:10px;left:62px}.photo-like.active{color:var(--heat)}.photo-like.solo{left:10px}.photo-meta{color:#fff;justify-content:space-between;align-items:center;gap:10px;min-height:44px;display:flex}.photo-meta strong,.photo-meta span{min-width:0;font-size:.9rem;font-weight:900}.photo-meta span{text-overflow:ellipsis;white-space:nowrap;color:#ffffffb8;overflow:hidden}@media (width>=520px){.shell{place-items:center;padding:28px}.phone{border:1px solid #1414161a;border-radius:34px;width:min(420px,100%);min-height:min(860px,100dvh - 56px);max-height:860px;overflow:hidden;box-shadow:0 24px 70px #14141629}}@media (height<=760px){.big-tap{min-height:184px}.big-tap strong{font-size:5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}