*{box-sizing:border-box}
html{width:100%;min-height:100%;overflow-x:hidden;background:var(--bg);touch-action:pan-y;-webkit-text-size-adjust:100%}
body{margin:0;width:100%;min-height:100%;overflow-x:hidden;overscroll-behavior-x:none;background:var(--bg);background-image:var(--hero-glow);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
button,input,select,label{touch-action:manipulation}button{font:inherit}.app{max-width:760px;margin:auto;min-height:100dvh;padding-bottom:calc(108px + env(safe-area-inset-bottom))}.topbar{min-height:calc(72px + env(safe-area-inset-top));display:flex;align-items:flex-end;justify-content:space-between;padding:env(safe-area-inset-top) 22px 12px;position:sticky;top:0;background:var(--topbar);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:4;border-bottom:1px solid var(--line)}.product-lockup{display:grid;gap:3px}.brand{font-weight:900;letter-spacing:.16em}.build{font-size:.72rem;color:var(--muted);margin-left:8px}.maker{font-size:.54rem;font-weight:800;letter-spacing:.14em;color:var(--muted)}.icon-btn{border:0;background:var(--accent);color:var(--accent-ink);width:40px;height:40px;border-radius:50%;font-size:1.6rem}.hero{padding:52px 22px 34px}.eyebrow,.mini-label{color:var(--accent-text);font-size:.72rem;font-weight:800;letter-spacing:.12em}.hero h1{font-size:clamp(3rem,11vw,5.4rem);line-height:.9;letter-spacing:-.065em;margin:12px 0 30px}.search{height:58px;background:var(--panel);border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;gap:12px;padding:0 17px}.search span{font-size:1.5rem;color:var(--muted)}.search input{width:100%;border:0;outline:0;background:none;color:var(--text);font-size:16px}.search input::placeholder{color:var(--muted)}.section{padding:24px 22px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-title h2,.unplaced h2{margin:0;font-size:1.05rem}.muted,.hint{color:var(--muted);font-size:.82rem}.text-btn{border:0;background:none;color:var(--accent-text);font-weight:700}.horizontal{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:3px;scrollbar-width:none}.horizontal::-webkit-scrollbar{display:none}.item-card{min-width:190px;background:linear-gradient(145deg,var(--panel-strong),var(--panel));border:1px solid var(--line);border-radius:20px;padding:18px;text-align:left;color:var(--text)}.item-card strong{display:block;font-size:1rem;margin-bottom:7px}.path{color:var(--muted);font-size:.8rem;line-height:1.35}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.place-card{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:20px;padding:20px;text-align:left;min-height:120px}.place-card .count{display:block;color:var(--accent-text);font-size:1.7rem;font-weight:800;margin-top:20px}.chips{display:flex;gap:9px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:10px 14px;border-radius:999px}.unplaced{margin:24px 22px;padding:22px!important;border:1px dashed var(--unplaced-border);border-radius:22px;display:flex;align-items:center;justify-content:space-between}.unplaced p{margin:7px 0 0;color:var(--muted);font-size:.85rem}.unplaced strong{font-size:2rem;color:var(--accent-text)}.bottom-nav{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 24px),520px);display:grid;grid-template-columns:repeat(4,1fr);background:var(--nav);border:1px solid var(--line);border-radius:22px;padding:8px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:5;box-shadow:0 10px 35px rgba(0,0,0,.10)}.bottom-nav button{border:0;background:none;color:var(--muted);padding:7px;display:grid;gap:2px;font-size:1.15rem}.bottom-nav span{font-size:.67rem}.bottom-nav .nav-active{color:var(--accent-text)}dialog{border:0;padding:0;background:transparent;color:var(--text);width:min(calc(100% - 24px),520px);max-height:calc(100dvh - 28px)}dialog::backdrop{background:var(--backdrop);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.sheet{background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow);max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain}.sheet-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.sheet h2{margin:5px 0 0;font-size:1.8rem}.close{border:0;background:var(--panel-strong);color:var(--text);border-radius:50%;width:38px;height:38px;font-size:1.4rem}.sheet label{display:grid;gap:8px;margin:15px 0;color:var(--muted);font-size:.8rem;font-weight:700}.sheet input,.sheet select{width:100%;background:var(--input);border:1px solid var(--line);border-radius:14px;padding:14px;color:var(--text);font-size:16px}.primary{width:100%;border:0;background:var(--accent);color:var(--accent-ink);border-radius:15px;padding:15px;font-weight:900;margin-top:8px}.stack{display:grid;gap:10px}.result{display:block;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:15px;text-align:left;color:var(--text);margin-bottom:8px}.result strong{display:block;margin-bottom:4px}.hidden{display:none!important}.detail-actions{display:flex;gap:10px;margin-top:20px}.detail-actions button{flex:1}.empty{color:var(--muted);font-size:.9rem;padding:12px 0}
.settings-sheet{display:grid;gap:18px}.settings-group{display:grid;gap:14px}.settings-copy{display:grid;gap:4px}.settings-copy span,.settings-card p{color:var(--muted);font-size:.82rem;line-height:1.5;margin:4px 0 0}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-option{position:relative!important;display:grid!important;gap:8px!important;margin:0!important;color:var(--text)!important;font-size:.78rem!important}.theme-option input{position:absolute;opacity:0;pointer-events:none}.theme-preview{height:72px;border-radius:16px;border:2px solid var(--line);padding:10px;display:grid;align-content:end;gap:5px;transition:.15s ease}.theme-preview i{display:block;height:5px;border-radius:999px}.theme-preview i:nth-child(1){width:72%}.theme-preview i:nth-child(2){width:52%}.theme-preview i:nth-child(3){width:32%}.theme-preview-day{background:#f4f4ef}.theme-preview-day i{background:#59624f}.theme-preview-day i:last-child{background:#9ec520}.theme-preview-night{background:#0d1015}.theme-preview-night i{background:#a3abb5}.theme-preview-night i:last-child{background:#d9ff69}.theme-preview-oled{background:#000}.theme-preview-oled i{background:#b0b0b0}.theme-preview-oled i:last-child{background:#d9ff69}.theme-option input:checked+.theme-preview{border-color:var(--accent-text);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.settings-card{background:var(--panel-soft);border:1px solid var(--line);border-radius:20px;padding:18px;display:grid;gap:6px}.settings-card strong{font-size:1rem}.settings-card small{color:var(--muted);font-weight:600}.nivareq-signature{margin-top:10px;padding-top:12px;border-top:1px solid var(--line);font-size:.8rem;letter-spacing:.04em}.privacy-note{font-size:.75rem!important}.brand-card b{letter-spacing:.08em}
@media(min-width:700px){.grid{grid-template-columns:repeat(3,1fr)}}