:root{--bg:#0f1115;--panel:#171a21;--panel2:#222632;--text:#f4f1e8;--muted:#a7abb8;--line:#ffffff1f;--accent:#d7ff55;--accent2:#6ee7b7;--bad:#ff7a90;--warn:#ffd166}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #d7ff552e, transparent 32rem), var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.app{max-width:520px;min-height:100vh;margin:0 auto;padding:18px 14px 92px}.hero{padding:10px 2px 18px}.kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}h1{letter-spacing:-.05em;margin:6px 0 8px;font-size:36px;line-height:.98}h2{margin:0}h3{margin:2px 0 0;font-size:15px}p{color:var(--muted);margin:0;line-height:1.45}.card{border:1px solid var(--line);background:linear-gradient(#ffffff0d,#ffffff05);border-radius:24px;padding:16px;box-shadow:0 18px 50px #00000038}.stack{gap:12px;display:grid}.row{align-items:center;gap:10px;display:flex}.row>*{flex:1}.primary{background:var(--accent);color:#141414;border:0;border-radius:18px;width:100%;padding:15px 16px;font-weight:900;transition:transform 80ms,filter .15s}.primary:active{transform:scale(.98)}.primary:disabled{filter:saturate(.4)brightness(.8);cursor:default}.primary.slim{white-space:nowrap;border-radius:14px;width:auto;padding:10px 14px;font-size:14px}.secondary{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:16px;padding:12px 14px;font-weight:800}.secondary.selected{background:var(--accent);color:#111;border-color:#0000}.secondary.ghost{color:var(--muted);background:0 0;flex:none}.dismiss{border:1px solid var(--line);background:var(--panel2);width:34px;height:34px;color:var(--muted);border-radius:999px;flex-shrink:0;align-self:flex-start;font-weight:900}.install{border-color:#d7ff5540}.typebadge{border:1px solid;border-radius:999px;margin-top:8px;padding:5px 11px;font-size:12px;font-weight:800;display:inline-block}.typebadge.sativa{color:var(--accent2);background:#6ee7b714;border-color:#6ee7b766}.typebadge.indica{color:#c4b0ff;background:#c4b0ff14;border-color:#c4b0ff66}.typebadge.hybrid{color:var(--warn);background:#ffd16614;border-color:#ffd16666}.brandnotes{border-left:3px solid var(--line);padding-left:10px}.editlink{color:var(--muted);background:0 0;border:0;padding:4px 0;font-weight:800}.danger{width:100%;color:var(--bad);background:#ff7a9014;border:1px solid #ff7a9066;border-radius:16px;padding:12px 14px;font-weight:800}.input,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#0003;border-radius:18px;padding:14px}textarea{resize:vertical;min-height:94px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);color:var(--text);background:var(--panel2);border-radius:999px;padding:9px 12px;font-weight:800}.chip.active{background:var(--accent);color:#111;border-color:#0000}.chip.best{color:var(--accent2);background:#6ee7b729;border-color:#6ee7b766}.chip.warn{color:var(--warn);background:#ffd1661f;border-color:#ffd16659}.chip.mini{padding:5px 10px;font-size:12px;font-weight:700}label{color:var(--muted);gap:7px;font-size:13px;font-weight:700;display:grid}.filebtn{border:1px dashed var(--line);background:var(--panel2);color:var(--text);text-align:center;cursor:pointer;border-radius:16px;place-items:center;padding:14px 10px;font-size:14px;font-weight:800;display:grid}.filebtn input[type=file]{display:none}.preview-wrap{position:relative}.preview{object-fit:cover;border:1px solid var(--line);border-radius:18px;width:100%;max-height:250px;display:block}.clear{width:32px;height:32px;color:var(--text);background:#000000a6;border:0;border-radius:999px;font-weight:900;position:absolute;top:8px;right:8px}.score{background:conic-gradient(var(--ring,var(--accent)) calc(var(--score) * 1%), #ffffff1c 0);border-radius:999px;flex-shrink:0;place-items:center;width:110px;height:110px;margin:0 auto;display:grid}.score span{background:#11151d;border-radius:999px;place-items:center;width:82px;height:82px;font-size:28px;font-weight:900;display:grid}.why{border-left:3px solid var(--line);padding-left:10px}.metric{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.metric b{color:var(--text)}.metric span{color:var(--muted);text-align:right}.session-card{border:1px solid var(--line);background:#00000026;border-radius:18px;gap:8px;padding:12px 14px;display:grid}.session-card .notes{font-style:italic}.expand-hint{color:var(--accent);font-weight:700}.stars{gap:2px;display:inline-flex}.stars .star{color:#ffffff2e;background:0 0;border:0;padding:0;font-size:18px;line-height:1}.stars.tappable .star{padding:2px 4px;font-size:34px}.stars .star.on{color:var(--warn)}.banner{color:var(--warn);background:#ffd16614;border:1px solid #ffd16659;border-radius:14px;padding:10px 12px}.onboard-card{animation:.25s rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.dots{gap:6px;display:flex}.dot{background:#ffffff26;border-radius:999px;width:8px;height:8px;transition:all .2s}.dot.on{background:var(--accent);width:22px}.dot.done{background:#d7ff5573}.slider-ends{justify-content:space-between;display:flex}.hint{color:var(--accent2)}.toast{max-width:min(460px,100% - 40px);color:var(--text);border:1px solid var(--line);z-index:20;background:#1c212c;border-radius:16px;padding:12px 16px;font-size:14px;font-weight:700;animation:.2s rise;position:fixed;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000073}.tuning{color:var(--muted);text-align:left;background:0 0;border:0;padding:0}.tuning:active{color:var(--text)}.nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);z-index:10;background:#0f1115cc;border-radius:24px;grid-template-columns:repeat(4,1fr);gap:8px;width:min(500px,100% - 28px);padding:8px;display:grid;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.nav button{color:var(--muted);background:0 0;border:0;border-radius:16px;justify-items:center;gap:2px;padding:8px 6px;font-size:12px;font-weight:800;display:grid}.nav button.active{background:var(--panel2);color:var(--text)}.nav-icon{font-size:17px}.small{color:var(--muted);font-size:12px}.pillline{justify-content:space-between;align-items:center;gap:10px;display:flex}input[type=range]{accent-color:var(--accent);width:100%}