:root{--background: #05070a;--background-soft: #0b0f17;--surface: rgba(255, 255, 255, .06);--surface-stronger: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .1);--text-primary: #f5f5f7;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #0a84ff;--accent-hover: #409cff;--success: #30d158;--warning: #ffd60a;--destructive: #ff453a;color:var(--text-primary);background:var(--background);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;overflow-x:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{position:relative;display:grid;min-height:100vh;place-items:center;padding:28px;isolation:isolate;overflow:hidden}.background{position:fixed;inset:0;z-index:-2;overflow:hidden;background:linear-gradient(180deg,#05070aad,#05070ac2 48%,#020305e6),url(/oneshot-background.jpg) center / cover no-repeat}.background:before{position:absolute;inset:0;content:"";background:radial-gradient(ellipse at center,transparent 18%,rgba(1,3,6,.48) 100%)}.background:after{position:absolute;inset:0;content:"";background:linear-gradient(110deg,#04080e29,#04080e0a 46%,#04080e4d)}.card{width:min(100%,460px);min-width:0;margin-block:-5vh 0;padding:32px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#ffffff14,#ffffff0c);box-shadow:0 24px 80px #00000057;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.card-history-open{align-self:start;margin-block:0}.app-header{margin-bottom:34px}.app-header-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{margin:0;font-family:Space Grotesk,Inter,sans-serif;font-size:1.38rem;font-weight:600;line-height:1}.subtitle{margin:12px 0 0;color:var(--text-secondary);font-size:.98rem;line-height:1.5}.history-trigger{flex:0 0 auto;padding:4px 0;border:0;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.8rem;line-height:1.4;opacity:.72;transition:color .16s ease,opacity .16s ease}.history-trigger:hover{color:var(--text-secondary);opacity:1}.history-trigger:focus-visible{outline:3px solid rgba(64,156,255,.45);outline-offset:4px}.empty-today{display:grid;gap:16px}.empty-today,.today-shot,.completed-shot{animation:state-enter .18s ease-out}.shot-label{color:var(--text-primary);font-family:Space Grotesk,Inter,sans-serif;font-size:1.42rem;font-weight:500;line-height:1.18}.shot-input{width:100%;min-height:54px;padding:0 17px;color:var(--text-primary);border:1px solid var(--border);border-radius:8px;outline:none;background:#05070a85;caret-color:var(--accent);transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.shot-input::placeholder{color:var(--text-muted)}.shot-input:focus{border-color:#0a84ffc7;background:#05070aad;box-shadow:0 0 0 4px #0a84ff29}.primary-action{min-height:52px;margin-top:4px;padding:0 22px;color:#fff;border:0;border-radius:999px;background:var(--accent);cursor:pointer;font-weight:600;transition:background-color .16s ease,color .16s ease,transform .16s ease}.primary-action:hover{background:var(--accent-hover)}.primary-action:disabled{color:#ffffff94;background:#ffffff1f;cursor:default}.primary-action:disabled:hover{background:#ffffff1f}.primary-action:focus-visible{outline:3px solid rgba(64,156,255,.45);outline-offset:3px}.primary-action:active:not(:disabled){transform:translateY(1px)}.today-shot{display:grid;gap:12px}.today-shot-label{margin:0;color:var(--text-secondary);font-family:Space Grotesk,Inter,sans-serif;font-size:.98rem;font-weight:500;line-height:1.4}.today-shot-goal{margin:0;color:var(--text-primary);font-size:1.32rem;font-weight:500;line-height:1.45;overflow-wrap:anywhere}.check-in-prompt{margin:20px 0 2px;color:var(--text-secondary);font-size:.96rem;line-height:1.4}.check-in-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-in-action{min-height:50px;padding:0 18px;border:1px solid var(--border);border-radius:999px;background:#ffffff0e;color:var(--text-primary);cursor:pointer;font-weight:600;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.check-in-action-hit{border-color:#30d15852;background:#30d15814;color:#b9f6c6}.check-in-action-missed{border-color:#ffd60a47;background:#ffd60a13;color:#f6e79b}.check-in-action:hover{background:#ffffff18}.check-in-action-hit:hover{border-color:#30d1587a;background:#30d1581f}.check-in-action-missed:hover{border-color:#ffd60a70;background:#ffd60a1c}.check-in-action:focus-visible,.dev-reset:focus-visible{outline:3px solid rgba(64,156,255,.45);outline-offset:3px}.check-in-action:active{transform:translateY(1px)}.completed-shot{display:grid;gap:9px}.completed-status{margin:0;color:var(--text-primary);font-family:Space Grotesk,Inter,sans-serif;font-size:1.48rem;font-weight:600;line-height:1.2}.completed-shot-hit .completed-status{color:#9aefad}.completed-shot-missed .completed-status{color:#f0dc78}.completed-message{margin:0;color:var(--text-secondary);font-size:1rem;line-height:1.5}.completed-goal{margin:20px 0 0;color:var(--text-muted);font-size:.9rem;line-height:1.5;overflow-wrap:anywhere}.completed-goal span{color:var(--text-secondary)}.streak-indicator{margin:22px 0 0;color:var(--text-muted);font-size:.8rem;font-weight:500;line-height:1.4}.history-panel{margin-top:24px;padding-top:20px;border-top:1px solid var(--border);animation:state-enter .16s ease-out}.history-title{margin:0 0 14px;color:var(--text-secondary);font-family:Space Grotesk,Inter,sans-serif;font-size:.9rem;font-weight:500;line-height:1.4}.history-empty{margin:0;color:var(--text-muted);font-size:.82rem;line-height:1.5}.history-list{display:grid;max-height:330px;padding:0;margin:0;overflow-y:auto;list-style:none;scrollbar-color:rgba(255,255,255,.18) transparent;scrollbar-width:thin}.history-item{display:grid;grid-template-columns:58px 58px minmax(0,1fr);gap:10px;align-items:center;min-height:43px;padding-block:9px;border-bottom:1px solid rgba(255,255,255,.065);color:var(--text-secondary);font-size:.8rem;line-height:1.35}.history-item:last-child{border-bottom:0}.history-date{color:var(--text-muted);white-space:nowrap}.history-status{font-weight:500}.status-hit{color:var(--success)}.status-missed{color:var(--warning)}.status-pending{color:var(--text-muted)}.history-goal{min-width:0;overflow:hidden;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap}.dev-reset{position:fixed;right:16px;bottom:16px;z-index:1;padding:6px 8px;border:0;border-radius:999px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.75rem;opacity:.35;transition:opacity .16s ease,color .16s ease,background-color .16s ease}.dev-reset:hover{background:#ffffff0e;color:var(--text-secondary);opacity:.72}@keyframes state-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:540px){.background{background-position:44% center}.app-shell{align-items:start;padding:22px;padding-top:min(18vh,92px)}.card{margin:0;padding:24px}.app-header{margin-bottom:30px}.app-header-row{gap:14px}.history-trigger{font-size:.78rem}.shot-label{font-size:1.24rem}.shot-input{min-height:52px;padding-inline:13px}.shot-input::placeholder{font-size:.82rem}.check-in-actions{gap:10px}.check-in-action{min-height:52px}.history-item{grid-template-columns:auto 1fr;gap:4px 12px;padding-block:11px}.history-status{justify-self:end}.history-goal{grid-column:1 / -1;white-space:normal}.dev-reset{right:12px;bottom:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}