:root{color-scheme:dark;--bg: #0f1419;--bg-elevated: #1a222c;--text: #e8eef4;--muted: #8b9aab;--accent: #3d9cf0;--accent-soft: rgba(61, 156, 240, .16);--danger: #f07178;--radius: 14px;--font: "Segoe UI", "SF Pro Text", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);background:radial-gradient(1200px 500px at 10% -10%,#1c3a55 0%,transparent 55%),radial-gradient(900px 400px at 100% 0%,#243447 0%,transparent 50%),var(--bg);color:var(--text)}.app{max-width:720px;margin:0 auto;padding:16px 16px 28px;min-height:100dvh;display:flex;flex-direction:column;width:100%;min-width:0;overflow-x:clip;gap:16px}.top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.brand{font-size:1.45rem;font-weight:700;letter-spacing:-.03em}.user{color:var(--muted);font-size:.85rem;text-align:right}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:var(--bg-elevated);color:var(--muted);border-radius:999px;padding:10px 8px;font:inherit;font-size:.92rem;cursor:pointer}.tab.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft)}.panel{flex:1;padding:8px 2px 0;min-width:0;width:100%}.panel h1{margin:0 0 8px;font-size:1.35rem;letter-spacing:-.02em}.lead{margin:0 0 18px;color:var(--muted);line-height:1.45}.badge{display:inline-block;margin:0;padding:8px 12px;border-radius:var(--radius);background:var(--bg-elevated);color:var(--muted);font-size:.9rem}.muted{color:var(--muted)}.error{color:var(--danger);line-height:1.4}.stats-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}.stats-row>div,.stat-card{background:var(--bg-elevated);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:4px;text-align:left;color:inherit;border:1px solid transparent}.stats-row b,.stat-card b{font-size:1.25rem}.stats-row span,.stat-card span{color:var(--muted);font-size:.82rem}.stat-card.clickable{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;cursor:pointer;border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:var(--accent-soft)}.stat-card.clickable:active{transform:scale(.98)}.back{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--accent);font:inherit;font-size:.95rem;padding:0;margin:0 0 10px;cursor:pointer}.block{margin-bottom:18px}.block h2{margin:0 0 10px;font-size:1.05rem}.count{color:var(--muted);font-weight:500}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.list li{background:var(--bg-elevated);border-radius:var(--radius);padding:12px}.list a{color:var(--accent);text-decoration:none;font-weight:600}.op-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.op-duration{flex-shrink:0;font-variant-numeric:tabular-nums;font-weight:700;font-size:.95rem;color:var(--text)}.build-stamp{opacity:.55;font-size:.85em}.meta{margin-top:4px;color:var(--muted);font-size:.86rem;line-height:1.35}.raw{white-space:pre-wrap;background:var(--bg-elevated);border-radius:var(--radius);padding:12px;color:var(--muted);font-size:.82rem;overflow:auto}.action{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 92%,#fff) 0%,var(--accent) 100%);color:#061018;font:inherit;font-size:1.05rem;font-weight:700;letter-spacing:.01em;border-radius:14px;padding:14px 18px;cursor:pointer;margin:0 0 12px;display:inline-flex;align-items:center;justify-content:center;text-align:center;width:100%;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 28%,transparent)}.action.secondary{background:var(--bg-elevated);color:var(--text);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:none;font-weight:650}.action:disabled{opacity:.6;cursor:default;box-shadow:none}.stats-row.single{margin-top:-8px}.period{margin-bottom:14px}.period-label{color:var(--muted);font-size:.86rem;margin-bottom:8px}.period-presets{display:flex;flex-wrap:wrap;gap:6px}.period-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:var(--bg-elevated);color:var(--muted);border-radius:999px;padding:8px 12px;font:inherit;font-size:.85rem;cursor:pointer}.period-chip.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft)}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:var(--bg-elevated);color:var(--muted);border-radius:999px;padding:8px 12px;font:inherit;font-size:.82rem;cursor:pointer}.chip.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft)}.chip-row.counters{gap:8px}.counter-pill{color:var(--muted);font-size:.82rem;background:var(--bg-elevated);border-radius:999px;padding:6px 10px}.counter-pill b{color:var(--text);margin-right:2px}.section-title{margin:18px 0 8px;font-size:1rem;font-weight:650}.section-title-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:8px;width:100%;margin:18px 0 8px;padding:0;border:none;background:transparent;color:var(--text);font:inherit;font-size:1rem;font-weight:650;text-align:left;cursor:pointer}.section-chevron{color:var(--muted);font-weight:400;width:1ch}.list li.tone-bad{box-shadow:inset 3px 0 #c45c5c}.list li.tone-warn{box-shadow:inset 3px 0 #c9a227}.period-custom{display:flex;gap:10px;margin-top:10px}.period-custom label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:.8rem;flex:1}.period-custom input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:var(--bg-elevated);color:var(--text);border-radius:10px;padding:10px;font:inherit}.create-form{display:flex;flex-direction:column;gap:14px;margin-top:8px;min-width:0;width:100%}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:12px;background:color-mix(in srgb,var(--bg-elevated) 80%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}.mode-toggle button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);font:inherit;font-size:.92rem;font-weight:600;padding:10px 8px;border-radius:9px;cursor:pointer}.mode-toggle button.active{background:var(--accent-soft);color:var(--text)}.prefill-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.prefill-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);background:var(--accent-soft);color:var(--text);border-radius:12px;padding:12px 14px;font:inherit;font-weight:650;cursor:pointer;white-space:nowrap}.prefill-btn:disabled{opacity:.55;cursor:default}.prefill-card{padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);background:color-mix(in srgb,var(--bg) 45%,var(--bg-elevated));display:flex;flex-direction:column;gap:4px;min-width:0}.prefill-card p{margin:0;line-height:1.35;overflow-wrap:anywhere}.prefill-title{color:var(--muted);font-size:.82rem;font-weight:650;text-transform:uppercase;letter-spacing:.04em}.prefill-actions{margin-top:8px;display:flex;flex-wrap:wrap;gap:10px}.field{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.86rem;min-width:0;max-width:100%}.field input,.field select,.field textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);background:var(--bg-elevated);color:var(--text);border-radius:12px;padding:12px 14px;font:inherit;font-size:1rem;width:100%;max-width:100%;min-width:0}.field select{text-overflow:ellipsis}.field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-width:0;width:100%}.field-row>.field{min-width:0}.phone-input{display:flex;align-items:stretch;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);background:var(--bg-elevated);border-radius:12px;overflow:hidden}.phone-prefix{display:flex;align-items:center;padding:0 10px 0 14px;color:var(--muted);font-weight:650;font-variant-numeric:tabular-nums;border-right:1px solid color-mix(in srgb,var(--muted) 25%,transparent)}.phone-input input{border:none;border-radius:0;flex:1;min-width:0}.field-hint{color:var(--muted);font-size:.78rem}.suggest-list{list-style:none;margin:-6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:220px;overflow:auto}.suggest-list button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;text-align:left;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);background:var(--bg-elevated);color:var(--text);border-radius:10px;padding:10px 12px;font:inherit;font-size:.9rem;cursor:pointer}.selected-address{margin:-4px 0 0}.success-badge a{color:inherit;font-weight:700}.cart-block{display:flex;flex-direction:column;gap:12px;padding:12px 0 4px;border-top:1px solid color-mix(in srgb,var(--muted) 25%,transparent);border-bottom:1px solid color-mix(in srgb,var(--muted) 25%,transparent);min-width:0;width:100%}.cart-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.cart-title{margin:0}.cart-add{width:auto;padding:8px 12px;font-size:.9rem}.cart-line{display:flex;flex-direction:column;gap:10px;padding:12px;background:color-mix(in srgb,var(--bg) 55%,var(--bg-elevated));border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:12px;min-width:0;width:100%;overflow:hidden}.cart-line .field input,.cart-line .field select{padding:10px 12px}.cart-line .field-row{gap:8px}.cart-line-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;flex-wrap:wrap}@media(max-width:380px){.field-row,.cart-line .field-row{grid-template-columns:1fr}}.cart-total{margin:0;font-size:1.05rem}.linkish{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--accent);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;padding:0}.money-rain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;overflow:hidden}.money-rain-drop{position:absolute;top:-12%;color:#5dde9a;font-weight:800;line-height:1;text-shadow:0 1px 0 color-mix(in srgb,#061018 35%,transparent);animation-name:money-fall;animation-timing-function:linear;animation-fill-mode:forwards;will-change:transform,opacity}@keyframes money-fall{0%{transform:translateZ(0) rotate(0);opacity:0}12%{opacity:.95}to{transform:translate3d(var(--money-drift, 0),115vh,0) rotate(var(--money-rotate, 360deg));opacity:.15}}