@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&display=swap";*{box-sizing:border-box}html,body,#root{margin:0;height:100%}.mise{--paper:#EAEDE2;--panel:#FBFBF6;--ink:#1E2A23;--ink-soft:#46524A;--muted:#7C857A;--line:#D7DBCF;--flame:#D9772B;--flame-deep:#BC5F1C;--herb:#5E7E50;--chili:#B23A2E;--turmeric:#9A7B2E;--fd:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--fb:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--fm: ui-monospace, "SF Mono", Menlo, Consolas, monospace;background:var(--paper);color:var(--ink);font-family:var(--fb);min-height:100%;width:100%;-webkit-font-smoothing:antialiased}.mise .wrap{max-width:760px;margin:0 auto;padding:34px 22px 80px}.mise .brand{display:flex;align-items:baseline;gap:12px}.mise .word{font-family:var(--fd);font-weight:700;font-size:30px;letter-spacing:-.03em;line-height:1}.mise .word .dot{color:var(--flame)}.mise .tag{font-family:var(--fm);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.mise .status{margin-left:auto;font-family:var(--fm);font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.mise .tabs{display:flex;gap:4px;margin:26px 0 22px;border-bottom:1px solid var(--line)}.mise .tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;font-family:var(--fb);font-weight:600;font-size:14px;color:var(--muted);padding:10px 4px;margin-right:18px;display:flex;align-items:center;gap:7px;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s}.mise .tab:hover{color:var(--ink-soft)}.mise .tab.on{color:var(--ink);border-bottom-color:var(--flame)}.mise .card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.mise .lbl{font-family:var(--fm);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.mise .cookbar{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:6px 6px 6px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 1px #1e2a2308}.mise .cookbar:focus-within{border-color:var(--flame);box-shadow:0 0 0 3px #d9772b21}.mise .cookbar input{flex:1;border:none;background:none;outline:none;font-family:var(--fb);font-size:15.5px;color:var(--ink);padding:10px 0}.mise .cookbar input::placeholder{color:var(--muted)}.mise .cookbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;color:#fff;background:var(--flame);border-radius:11px;padding:11px 16px;font-weight:600;font-family:var(--fb);font-size:14px;display:flex;align-items:center;gap:7px;transition:background .15s,transform .05s}.mise .cookbtn:hover{background:var(--flame-deep)}.mise .cookbtn:active{transform:translateY(1px)}.mise .cookbtn:disabled{opacity:.55;cursor:default}.mise .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.mise .pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:var(--fb);font-size:12.5px;color:var(--ink-soft);background:#5e7e501a;border:1px solid transparent;border-radius:999px;padding:6px 12px;transition:background .15s}.mise .pill:hover{background:#5e7e502e}.mise .idea{animation:rise .35s ease both}.mise .idea+.idea{margin-top:14px}.mise .ititle{font-family:var(--fd);font-weight:600;font-size:19px;letter-spacing:-.01em}.mise .meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.mise .mchip{font-family:var(--fm);font-size:11px;letter-spacing:.02em;color:var(--ink-soft);background:#1e2a230d;border-radius:6px;padding:3px 8px;display:inline-flex;align-items:center;gap:4px}.mise .saved{color:var(--turmeric);background:#9a7b2e1f}.mise .cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}@media (max-width:520px){.mise .cols{grid-template-columns:1fr}}.mise .li{display:flex;align-items:flex-start;gap:7px;font-size:13.5px;color:var(--ink-soft);padding:2px 0}.mise .li svg{flex:none;margin-top:2px}.mise .have svg{color:var(--herb)}.mise .buy svg{color:var(--chili)}.mise .subs{margin-top:12px;font-size:13px;color:var(--ink-soft);background:#d9772b12;border-radius:9px;padding:9px 12px}.mise .steptog{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;font-family:var(--fb);font-weight:600;font-size:13px;color:var(--ink);display:flex;align-items:center;gap:6px;margin-top:14px;padding:0}.mise .steps{margin:10px 0 0;padding:0;counter-reset:s;list-style:none}.mise .steps li{position:relative;padding:5px 0 5px 30px;font-size:13.5px;color:var(--ink-soft)}.mise .steps li:before{counter-increment:s;content:counter(s);position:absolute;left:0;top:4px;width:20px;height:20px;border-radius:6px;background:var(--ink);color:var(--paper);font-family:var(--fm);font-size:11px;display:flex;align-items:center;justify-content:center}.mise .field{display:flex;gap:8px}.mise .field input{flex:1;border:1px solid var(--line);background:var(--panel);border-radius:11px;padding:11px 13px;font-family:var(--fb);font-size:14px;color:var(--ink);outline:none}.mise .field input:focus{border-color:var(--flame);box-shadow:0 0 0 3px #d9772b1f}.mise .ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:1px solid var(--line);background:var(--panel);border-radius:11px;padding:0 14px;color:var(--ink);font-family:var(--fb);font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px;transition:border-color .15s}.mise .ghost:hover{border-color:var(--ink-soft)}.mise .ghost:disabled{opacity:.5;cursor:default}.mise .group{margin-top:22px}.mise .items{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.mise .item{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 7px 6px 13px}.mise .item .nm{font-size:13.5px}.mise .item .qt{font-family:var(--fm);font-size:11.5px;color:var(--muted)}.mise .xb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;background:none;display:flex;padding:3px;border-radius:50%;color:var(--muted);transition:background .12s,color .12s}.mise .xb:hover{background:#b23a2e1f;color:var(--chili)}.mise .dev .item{background:#1e2a230a}.mise .rec{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:14px 16px}.mise .rec+.rec{margin-top:10px}.mise .rec .top{display:flex;align-items:center;gap:10px;cursor:pointer;flex-wrap:wrap}.mise .rec .rt{font-family:var(--fd);font-weight:600;font-size:16px}.mise .src{font-family:var(--fm);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--turmeric);background:#9a7b2e1f;border-radius:6px;padding:3px 7px}.mise .rnotes{margin-top:10px;font-size:13.5px;color:var(--ink-soft);white-space:pre-wrap;line-height:1.55}.mise textarea{width:100%;border:1px solid var(--line);background:var(--panel);border-radius:11px;padding:11px 13px;font-family:var(--fb);font-size:14px;color:var(--ink);outline:none;resize:vertical;min-height:84px;line-height:1.5}.mise textarea:focus{border-color:var(--flame);box-shadow:0 0 0 3px #d9772b1f}.mise .srcpick{display:flex;gap:7px;margin:10px 0}.mise .srcpick button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:var(--fb);font-size:12.5px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink-soft)}.mise .srcpick button.on{border-color:var(--turmeric);color:var(--turmeric);background:#9a7b2e1a}.mise .empty{text-align:center;padding:30px 16px;color:var(--muted);font-size:14px;line-height:1.6}.mise .empty b{color:var(--ink-soft);font-weight:600}.mise .err{color:var(--chili);font-size:13px;margin-top:10px}.mise .didit{font-family:var(--fm);font-size:12px;color:var(--herb);margin-top:10px}.mise .spin{animation:spin 1s linear infinite}.mise .hint{font-size:13px;color:var(--muted);margin-top:9px;line-height:1.5}.mise .h{font-family:var(--fd);font-weight:600;font-size:15px;margin:0 0 4px}.mise .ract{display:flex;gap:8px;flex-wrap:wrap}.mise .rlink{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:13px;font-weight:600;color:var(--flame-deep);text-decoration:none}.mise .rlink:hover{text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.mise *{animation:none!important;transition:none!important}}