:root{font-family:Inter,ui-rounded,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;color:#f5f7f6;background:#080a0b;font-synthesis:none;--green:#57e389;--yellow:#f5c451;--red:#ff6b68;--surface:rgba(28,33,33,.82);--line:rgba(255,255,255,.1)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 90% -10%,#18372b 0,transparent 35%),#080a0b}button,input,textarea,select{font:inherit}.app{max-width:760px;margin:auto;min-height:100vh}main{padding:calc(24px + env(safe-area-inset-top)) 18px calc(110px + env(safe-area-inset-bottom))}header{margin:8px 0 26px}h1{font-size:clamp(2rem,9vw,3.6rem);line-height:1;margin:.15em 0;letter-spacing:-.045em}h2{font-size:1.15rem;margin:24px 0 12px}h3{margin:9px 0 5px}.eyebrow{color:var(--green);font-size:.76rem;font-weight:800;letter-spacing:.18em}.muted,.disclaimer,small{color:#9da8a5}.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px;margin:12px 0;box-shadow:0 14px 50px #0003;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-button,button{min-height:52px;border:0;border-radius:16px;padding:0 18px;background:var(--green);color:#062112;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;cursor:pointer;width:100%}button:disabled{opacity:.45}.hero-button{min-height:74px;font-size:1.18rem;box-shadow:0 12px 35px #57e3892e}.secondary{background:#252b2a;color:#fff;border:1px solid var(--line);margin:10px 0}.danger{background:transparent;color:var(--red);margin-top:8px}.danger-link{background:none;color:var(--red);padding:0;min-height:34px;width:auto}.shortcut-state{font-size:.82rem;margin:14px 4px 30px;color:#aeb7b5}.shortcut-state a{color:#fff;float:right}.pulse{display:inline-block;width:8px;height:8px;background:var(--yellow);border-radius:50%;margin-right:7px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-grid .card{margin:0;min-height:112px;display:flex;flex-direction:column;justify-content:space-between}.metric-grid strong{font-size:1.7rem;letter-spacing:-.04em}.metric-grid .accent{background:linear-gradient(135deg,#163c29,#162821);border-color:#306f4e}.notice{display:flex;gap:14px;align-items:flex-start}.notice svg{color:var(--green);flex:0 0 auto}.notice p{margin:4px 0;color:#aeb7b5;line-height:1.45}.nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(760px,100%);display:flex;z-index:5;background:#0d1010e6;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-top:1px solid var(--line);padding:9px 8px calc(8px + env(safe-area-inset-bottom))}.nav a{flex:1;color:#7f8986;text-decoration:none;text-align:center;font-size:.66rem;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:48px;justify-content:center}.nav a.active{color:var(--green)}label{display:flex;flex-direction:column;gap:7px;color:#cbd1cf;font-size:.84rem;margin:14px 0}input,textarea,select{width:100%;background:#101413;color:#fff;border:1px solid #303735;border-radius:13px;padding:13px;min-height:48px}textarea{resize:vertical;line-height:1.45}.upload{min-height:56px;border:1px dashed #52605b;border-radius:15px;align-items:center;justify-content:center;flex-direction:row;color:var(--green);cursor:pointer}.upload input{display:none}.preview img{width:100%;max-height:260px;object-fit:contain;border-radius:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.result{border-top:4px solid}.result.profitable{border-top-color:var(--green)}.result.regular{border-top-color:var(--yellow)}.result.unprofitable{border-top-color:var(--red)}.pill{font-size:.7rem;text-transform:uppercase;font-weight:800;letter-spacing:.08em;background:#262d2b;padding:6px 9px;border-radius:99px}.result h2{font-size:1.65rem;margin:16px 0}.result-hero{display:flex;flex-direction:column;background:#0e1211;border-radius:17px;padding:18px}.result-hero strong{font-size:2.8rem}.result-hero span{color:#b6c2be}.details{margin-top:14px}.details div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.details span{color:#9da8a5}.filters{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}.history-item{display:flex;justify-content:space-between;border-left:3px solid}.history-item.profitable{border-left-color:var(--green)}.history-item.regular{border-left-color:var(--yellow)}.history-item.unprofitable{border-left-color:var(--red)}.right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.right select{min-height:38px;padding:5px;width:auto;font-size:.75rem}.empty{text-align:center;padding:45px 20px}.empty svg{color:#59635f}.bar-row{display:grid;grid-template-columns:50px 1fr 24px;gap:10px;align-items:center;margin:16px 0}.bar-row div{height:10px;border-radius:10px;background:#202624;overflow:hidden}.bar-row i{height:100%;display:block;background:var(--green)}.toggle{flex-direction:row;align-items:center}.toggle input{width:22px;min-height:22px}.steps li{padding:7px 0;line-height:1.4}.steps pre{overflow:auto;background:#0b0e0d;padding:14px;border-radius:12px;color:#a8e9c1}code{color:#a8e9c1}@media(min-width:700px){main{padding-left:30px;padding-right:30px}.metric-grid{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(prefers-color-scheme:light){:root{color:#17201d;background:#eff3f1;--surface:rgba(255,255,255,.8);--line:rgba(0,0,0,.1)}body{background:radial-gradient(circle at 90% -10%,#c4efd4,transparent 35%),#eff3f1}.muted,.disclaimer,small{color:#5e6b67}.nav{background:#fafcfbe6}.nav a{color:#69736f}.nav a.active{color:#087d3f}input,textarea,select{background:#f7faf8;color:#17201d;border-color:#cad2cf}.secondary{background:#e3e9e6;color:#17201d}.result-hero{background:#edf2ef}.shortcut-state a{color:#17201d}}.image-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.image-actions .upload{margin:8px 0;padding:8px;text-align:center}.notification-button{margin:10px 0 0}.error{background:#ff6b681f;border:1px solid rgba(255,107,104,.35);color:#ffaaa7;padding:12px;border-radius:12px}@media(max-width:360px){.image-actions{grid-template-columns:1fr}}