:root{color:#dce8ed;background:#081722;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#0b1c27}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}.shell{min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr);background:radial-gradient(circle at 70% -10%,#164555 0,transparent 34%),#edf2f0;color:#14242b}.sidebar{min-height:100vh;padding:28px 18px;background:#081722;color:#dae5e8;display:flex;flex-direction:column;border-right:1px solid #1c3440}.brand-mark{width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid #79e3d0;color:#79e3d0;position:relative;border-radius:50%;letter-spacing:-1px;font-size:12px;font-weight:800}.brand-mark i{width:12px;height:2px;background:#fc6;position:absolute;right:-5px;bottom:5px;transform:rotate(-40deg)}.sidebar .brand-mark{margin:0 0 15px 4px}.brand-copy strong{display:block;font-size:17px;letter-spacing:.06em}.brand-copy small{color:#7e9aa5;font-size:10px;letter-spacing:.15em;text-transform:uppercase}nav{margin-top:52px;display:grid;gap:5px}nav button,.sign-out{padding:12px 14px;border:0;background:transparent;color:#a8c0c7;text-align:left;border-radius:7px}nav button:hover,nav button.active{background:#12313d;color:#8ef1db}.sign-out{margin-top:auto;color:#77919a}.workspace{padding:40px clamp(22px,5vw,76px) 60px;max-width:1600px;width:100%}.topbar,.editor-head,.section-title,.field-row,.parameter-band,.quick-add,.table-head,.table-row{display:flex;align-items:center}.topbar{justify-content:space-between;gap:16px;margin-bottom:28px}.topbar h1{margin:3px 0 0;font-size:34px;letter-spacing:-.05em}.eyebrow{color:#43737a;letter-spacing:.15em;font-size:10px;font-weight:800;margin:0 0 7px}.primary,.accent{border:0;padding:11px 17px;border-radius:5px;font-weight:700}.primary{background:#0d765f;color:#fff}.primary:hover{background:#095b4a}.accent{background:#ffcb68;color:#163039}.quiet{background:#e2ece9;color:#33505a;border:1px solid #c7d7d4;padding:10px 14px;border-radius:5px;margin-right:8px}.text-button{border:0;color:#087460;background:transparent;padding:0;font-weight:700}.notice{background:#e4f8f0;border-left:3px solid #13a37f;padding:11px 14px;display:flex;justify-content:space-between;margin-bottom:20px;color:#165949}.notice button{border:0;background:transparent;color:inherit;font-size:18px}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);max-width:610px;margin:0 0 30px;border-top:1px solid #bdd2cf;border-bottom:1px solid #bdd2cf}.metric-strip div{padding:18px 25px;border-right:1px solid #d0ddda}.metric-strip div:last-child{border:0}.metric-strip span{display:block;font-size:28px;font-weight:750}.metric-strip small{color:#618083}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:17px}.recipe-card{border:1px solid #d4dfdc;padding:0;text-align:left;background:#fff;color:inherit;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.recipe-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #274f4a1c}.card-image{height:130px;background:repeating-linear-gradient(90deg,#cfe6df 0 1px,transparent 1px 23px),#193b49;color:#b9f4e5;padding:14px;position:relative}.card-image img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.card-image span{font-weight:700;letter-spacing:.12em;font-size:11px}.status{position:absolute;top:11px;right:11px;padding:4px 7px;font-size:10px;border-radius:2px}.status.published{background:#85e2cb;color:#0c473c}.status.draft{background:#f5e1a7;color:#715a21}.status.archived{background:#d9e1e3;color:#50666e}.card-copy{padding:16px}.card-copy p{margin:0;color:#37736e;font-size:12px}.card-copy h2{font-size:18px;margin:5px 0 10px}.card-copy small{color:#6f8587}.empty{padding:46px;text-align:center;background:#fff;border:1px dashed #a8c7c0;color:#617a7f;grid-column:1/-1}.editor{background:#fff;border:1px solid #d3dedb;padding:26px}.editor-head{justify-content:space-between;margin-bottom:23px}.editor-head>div{display:flex}.formula-header{display:grid;grid-template-columns:145px 1fr 125px;gap:24px;align-items:stretch;border-bottom:1px solid #cfddda;padding-bottom:25px}.cover-drop{position:relative;background:#143a45;color:#b2f2e3;display:grid;place-items:center;text-align:center;min-height:140px;font-size:12px;letter-spacing:.08em}.cover-drop input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.formula-main label{display:grid;gap:7px;color:#577174;font-size:12px}.large-label input{font-size:28px;font-weight:760;letter-spacing:-.05em}.formula-main textarea{min-height:45px;resize:vertical}.field-row{gap:12px;margin-top:12px}.field-row label{flex:1}.yield-ruler{background:linear-gradient(#f5faf7,#e8f1ed);padding:16px;position:relative;overflow:hidden}.yield-ruler small{display:block;color:#4a7874}.yield-ruler strong{display:inline-block;font-size:36px;margin-top:20px;letter-spacing:-.08em}.yield-ruler em{font-style:normal;font-size:12px;margin-left:4px}.yield-ruler i{position:absolute;left:0;right:0;bottom:15px;height:10px;background:repeating-linear-gradient(90deg,#7ebdb1 0 1px,transparent 1px 10px)}.parameter-band{gap:15px;padding:17px 0;border-bottom:1px solid #d8e2df}.parameter-band label{font-size:11px;color:#628082;display:grid;gap:5px;flex:1}.parameter-band input{width:100%}.editor-columns{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:28px}.section-title{justify-content:space-between;margin-bottom:12px}.ingredient-row{display:grid;grid-template-columns:28px 1fr 74px 50px 22px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #edf1ef}.ingredient-row>span,.step-row b{color:#1e9f87;font-size:11px}.ingredient-row button,.step-row button{border:0;background:transparent;color:#9aa9a7;font-size:18px}.step-row{display:grid;grid-template-columns:25px 1fr 52px 22px;gap:8px;padding:8px 0;border-bottom:1px solid #edf1ef;align-items:start}.step-row textarea{min-height:62px;resize:vertical}.step-row input{margin-top:0}.notes{margin-top:28px}.notes textarea{width:100%;min-height:80px;resize:vertical}.share-hint{color:#14735d;background:#e7f7f0;padding:11px;font-size:13px}input,textarea{border:1px solid #ccd9d6;background:#fdfefd;padding:9px 10px;color:#17272d;outline:none;border-radius:3px;width:100%}input:focus,textarea:focus{border-color:#1da88d;box-shadow:0 0 0 3px #1da88d1c}.form-error{color:#bd3d3d;margin:10px 0;font-size:13px}.library,.ai-lab{background:#fff;border:1px solid #d3dedb}.quick-add{gap:10px;padding:22px;border-bottom:1px solid #dce6e3}.quick-add .eyebrow{margin:0;min-width:90px}.quick-add input{flex:1}.material-table{padding:8px 22px 22px}.table-head,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 70px;gap:10px;padding:14px 6px;border-bottom:1px solid #e7eeeb}.table-head{color:#698388;font-size:11px}.table-row button{color:#9d4a4a;background:transparent;border:0;text-align:right}.ai-lab{display:grid;grid-template-columns:.8fr 1.2fr;gap:0}.ai-intro{background:#0c2532;color:#eaf7f4;padding:42px}.ai-intro .eyebrow{color:#75d9c6}.ai-intro h2{font-size:32px;letter-spacing:-.06em;margin:8px 0 18px}.ai-intro p:last-child{color:#a8c3c7;line-height:1.7}.ai-form{padding:36px;display:grid;gap:16px}.ai-form label{display:grid;gap:7px;font-size:12px;color:#567277}.ai-form textarea{min-height:85px;resize:vertical}.ai-result{grid-column:1/-1;border-top:1px solid #d5e1dd;padding:30px 36px;background:#f9fbfa}.ai-result h3{font-size:25px;margin:4px 0}.draft-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:20px 0}.draft-columns p{color:#506c70;font-size:13px}.warning{color:#8a6722;background:#fff4d9;padding:10px;font-size:12px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 83% 17%,#1e5a60 0,transparent 22%),#081722}.login-card{width:min(450px,100%);padding:46px;background:#f6faf8;color:#15272e;border:1px solid #a8d3cb}.login-card h1{margin:12px 0 34px;font-size:33px;line-height:1.12;letter-spacing:-.065em}.login-card form{display:grid;gap:16px}.login-card label{display:grid;gap:6px;font-size:12px;color:#577176}.full{width:100%;margin-top:5px}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{min-height:auto;padding:15px 20px;flex-direction:row;align-items:center;gap:12px}.sidebar .brand-mark{margin:0}.brand-copy{margin-right:auto}nav{margin:0;display:flex}.sign-out{margin:0}.workspace{padding:28px 20px}.formula-header,.editor-columns,.ai-lab{grid-template-columns:1fr}.yield-ruler{min-height:110px}.parameter-band{flex-wrap:wrap}.parameter-band label{min-width:110px}.quick-add{flex-wrap:wrap}.quick-add .eyebrow{width:100%}.draft-columns{grid-template-columns:1fr;gap:12px}}@media(max-width:560px){.sidebar nav{display:none}.topbar h1{font-size:28px}.editor{padding:16px}.formula-header{grid-template-columns:1fr}.cover-drop{min-height:90px}.editor-head{align-items:start;gap:13px;flex-direction:column}.metric-strip div{padding:14px 10px}.metric-strip span{font-size:23px}.ingredient-row{grid-template-columns:24px 1fr 55px 38px 18px;gap:4px}.step-row{grid-template-columns:20px 1fr 38px 18px;gap:4px}.table-head,.table-row{grid-template-columns:1.3fr 1fr .7fr 45px;font-size:12px}.workspace{padding:20px 14px}}