:root{--ink: #16191c;--ink-soft: #93a0a8;--surface: #1f242a;--surface-alt: #262c33;--border: #2c3237;--brass: #d9ac46;--error: #d9776b;--good: #3b6e52;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink);color:#e9ebe8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;padding-top:max(1.5rem,env(safe-area-inset-top));padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.mark{width:64px;height:64px;margin-bottom:1.25rem}h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .25rem}.subtitle{color:var(--ink-soft);font-size:.9rem;margin:0 0 2rem;text-align:center}form{width:100%;max-width:340px;display:flex;flex-direction:column;gap:.85rem}label{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);display:block;margin-bottom:.35rem}input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.85rem .9rem;font-size:1rem;color:inherit}input:focus{outline:2px solid var(--brass);outline-offset:1px}button{margin-top:.5rem;background:var(--brass);color:var(--ink);border:none;border-radius:8px;padding:.9rem;font-size:1rem;font-weight:600;cursor:pointer}button:disabled{opacity:.6}.error{color:var(--error);font-size:.85rem;min-height:1.2em}.home{text-align:center}.home .email{color:var(--ink-soft);margin-bottom:1.5rem}.link-button{background:none;color:var(--ink-soft);font-weight:400;font-size:.85rem;text-decoration:underline}.link-button.danger{color:var(--error);margin-top:.9rem}.inventory-screen{align-items:stretch;justify-content:flex-start;max-width:480px;margin:0 auto;width:100%}.inv-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:.5rem}.inv-header h1{margin:0}.inv-section{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:1.75rem 0 .75rem;font-weight:600}.inv-list{display:flex;flex-direction:column;gap:.6rem}.inv-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.inv-card-head{width:100%;background:none;border:none;border-radius:0;margin:0;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;color:inherit;text-align:left}.inv-name{font-weight:600;font-size:.95rem}.inv-sub{color:var(--ink-soft);font-size:.82rem;margin:.15rem 0 0}.inv-type{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--brass);white-space:nowrap}.inv-card-body{padding:.75rem 1rem .9rem;border-top:1px solid var(--border)}.inv-mods{list-style:none;margin:0;padding:0;font-size:.85rem;display:flex;flex-direction:column;gap:.4rem}.inv-mod-cat{text-transform:capitalize;color:var(--brass);font-weight:600}.inv-ammo-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:10px;overflow:hidden}.inv-ammo-row{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.7rem 1rem;font-size:.88rem;background:var(--surface)}.inv-ammo-row:not(:last-child){border-bottom:1px solid var(--border)}.drill-strings{list-style:decimal;margin:0 0 .85rem;padding-left:1.1rem;display:flex;flex-direction:column;gap:.5rem;font-size:.85rem}.drill-string-desc{display:block}.drill-citation{font-size:.76rem;color:var(--ink-soft);font-style:italic;line-height:1.5;margin:.6rem 0 0;padding-top:.6rem;border-top:1px solid var(--border)}.practice-menu{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.sync-badge{margin-left:auto;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--brass);border:1px solid var(--brass);border-radius:999px;padding:.2rem .6rem;white-space:nowrap}.inv-section{display:block}.cc-select,.cc-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.75rem .85rem;font-size:1rem;color:inherit;margin-bottom:.9rem}.cc-textarea{resize:vertical;font-family:inherit}.cc-numpad{font-variant-numeric:tabular-nums}.cc-cta{margin-top:1.25rem;width:100%}.chip-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.9rem}.chip{background:var(--surface);border:1px solid var(--border);color:var(--ink-soft);border-radius:999px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;cursor:pointer;text-transform:capitalize}.chip-active{background:var(--brass);border-color:var(--brass);color:var(--ink);font-weight:600}.entry-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.6rem}.entry-row label{flex-shrink:0;font-size:.8rem;color:var(--ink-soft);text-transform:none;letter-spacing:0}.entry-row .cc-input{margin-bottom:0;width:8rem;text-align:right}.zone-steppers{display:flex;flex-direction:column;gap:.5rem;margin-top:.7rem}.zone-stepper{display:flex;align-items:center;justify-content:space-between;font-size:.85rem}.zone-stepper>span{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);font-size:.75rem}.stepper-buttons{display:flex;align-items:center;gap:.6rem}.stepper-buttons button{width:2.2rem;height:2.2rem;padding:0;margin:0;border-radius:999px;font-size:1.1rem;line-height:1;background:var(--surface-alt);border:1px solid var(--border);color:var(--brass);font-weight:700}.stepper-count{min-width:1.4rem;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.shot-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.8rem}.shot-row{display:grid;grid-template-columns:2.2rem 4.5rem 1fr 1fr 1.8rem;gap:.4rem;align-items:center}.shot-no{font-size:.78rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.shot-row .cc-input,.shot-row .cc-select{margin-bottom:0;padding:.55rem .5rem;font-size:.85rem}.shot-remove{background:none;border:none;color:var(--error);font-size:1.2rem;padding:0;margin:0;cursor:pointer}.live-preview{font-family:SF Mono,monospace;font-size:.85rem;color:var(--brass);margin:0 0 1rem}.pill-status{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.2rem .55rem;white-space:nowrap}.pill-status.pending{color:var(--brass);border:1px solid var(--brass)}.pill-status.synced{color:var(--good);border:1px solid var(--good)}.pill-status.failed{color:var(--error);border:1px solid var(--error)}.note-callout{background:#d9ac461a;border-left:3px solid var(--brass);padding:.75rem 1rem;font-size:.85rem;border-radius:4px;margin-bottom:1.25rem}.skill-rating{font-family:SF Mono,monospace;font-size:1.3rem;font-weight:700;color:var(--brass);font-variant-numeric:tabular-nums}.skill-bar-track{height:6px;border-radius:999px;background:var(--border);overflow:hidden;margin-bottom:.6rem}.skill-bar-fill{height:100%;background:var(--brass);border-radius:999px}.skill-meta-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;margin-bottom:.4rem}.trend-up{color:var(--good)}.trend-down{color:var(--error)}.skill-staleness{margin:.3rem 0 0}.skill-breakdown-label{font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 .75rem}.skill-platform-list{display:flex;flex-direction:column;gap:.9rem}.skill-platform-row{padding:.7rem .8rem;background:var(--surface-alt);border-radius:8px}.skill-platform-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.skill-platform-label{font-size:.85rem;font-weight:600;text-transform:capitalize}.skill-rating-sm{font-size:1rem}.skill-overall-note{margin-top:.9rem;padding-top:.7rem;border-top:1px solid var(--border)}