.app-frame{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.topbar{position:sticky;z-index:20;top:0;min-height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:12px clamp(18px,4vw,56px);border-bottom:1px solid rgb(109 85 61 / 16%);background:#f4f0e8e0;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.brand-logo{width:42px;height:42px;flex:0 0 auto;filter:drop-shadow(0 7px 12px rgb(20 32 58 / 16%))}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.05}.brand small{margin-top:5px;color:var(--muted);font-size:.66rem;letter-spacing:.04em;text-transform:uppercase}.topbar nav{display:flex;justify-content:center;gap:6px}.topbar nav a{padding:9px 13px;border-radius:999px;color:#594d40;text-decoration:none}.topbar nav a:hover,.topbar nav a.active{color:var(--ink);background:#ffffffb3}.topbar-action{min-width:42px;display:flex;justify-content:flex-end}.page-shell{width:min(1280px,100%);margin:0 auto;padding:clamp(24px,4vw,52px) clamp(16px,4vw,52px)}.app-frame.agent-route{height:100vh;height:100dvh;min-height:0}.page-shell.agent-page-shell{min-height:0;overflow:hidden}.app-frame>footer{display:flex;justify-content:space-between;gap:20px;padding:24px clamp(18px,4vw,56px);border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}.app-frame>footer>div{display:flex;gap:16px}@media(max-width:720px){.topbar{grid-template-columns:1fr auto;gap:10px;padding-block:9px}.topbar nav{grid-column:1 / -1;grid-row:2;justify-content:flex-start;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.topbar nav::-webkit-scrollbar{display:none}.topbar nav a{white-space:nowrap}.brand small{display:none}.app-frame>footer{align-items:flex-start}}:root{color-scheme:light;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#251d15;background:#f4f0e8;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #251d15;--muted: #71675a;--paper: #fffdf9;--line: #ded6ca;--line-strong: #c7baa9;--accent: #b44a22;--accent-dark: #873419;--accent-soft: #f7e4d9;--green: #27694a;--green-soft: #e1f0e7;--red: #a6312a;--red-soft: #fae4e1;--shadow: 0 12px 34px rgb(63 43 21 / 7%)}*{box-sizing:border-box}html{min-width:320px;background:#f4f0e8}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 83% 3%,#ead8c0 0,transparent 26rem),#f4f0e8}button,textarea,input,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 17px;border:1px solid var(--line-strong);border-radius:999px;color:var(--ink);background:#fff;text-decoration:none;cursor:pointer;transition:.15s ease}button:hover:not(:disabled),.button:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 8px 18px #3d24101a}button:focus-visible,.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgb(180 74 34 / 35%);outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}button.primary,.button.primary{color:#fff;border-color:var(--accent);background:var(--accent)}button.danger{color:#fff;border-color:var(--red);background:var(--red)}button.danger-text{min-height:36px;padding-inline:9px;border-color:transparent;color:var(--red);background:transparent}a{color:var(--accent-dark)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:500}h1{max-width:19ch;margin-bottom:10px;font-size:clamp(2.2rem,5vw,4rem);line-height:1;letter-spacing:-.035em}h2{margin-bottom:10px;font-size:clamp(1.35rem,2vw,1.8rem)}p{color:var(--muted);line-height:1.65}.page-stack{display:grid;gap:24px}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:end}.page-heading p:last-child{max-width:64ch;margin-bottom:0}.eyebrow{margin-bottom:9px;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.notice{width:min(1280px,100%);margin:0 0 20px;padding:12px 15px;border:1px solid #ead7b7;border-radius:12px;color:#75511c;background:#fff4df}.panel{padding:clamp(19px,2.4vw,28px);border:1px solid var(--line);border-radius:18px;background:#fffdf9f0;box-shadow:var(--shadow)}.panel-heading,.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.panel-heading h2,.panel-heading p,.section-heading h2{margin-bottom:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.full{grid-column:1 / -1}.hero{position:relative;min-height:360px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;gap:clamp(24px,5vw,72px);padding:clamp(30px,5vw,64px);overflow:hidden;border:1px solid rgb(136 125 112 / 22%);border-radius:30px;background:radial-gradient(circle at 8% 0%,rgb(255 255 255 / 90%),transparent 38%),linear-gradient(135deg,#f9f6f1,#eee8df);box-shadow:0 28px 80px #2c231c1a}.hero p:not(.eyebrow){max-width:58ch;font-size:clamp(1rem,1.6vw,1.16rem)}.hero-network{position:relative;z-index:1;width:min(560px,44vw);aspect-ratio:4 / 3;justify-self:center;display:grid;place-items:center;margin:0}.hero-network img{width:112%;height:112%;object-fit:contain;user-select:none;filter:drop-shadow(0 22px 24px rgb(52 42 34 / 16%))}.runtime-card{display:grid;gap:12px;align-content:center;padding:28px;border:1px solid rgb(255 255 255 / 75%);border-radius:22px;background:#fffdf9b8;backdrop-filter:blur(12px)}.runtime-card strong{font-family:Georgia,serif;font-size:1.75rem;font-weight:500}.runtime-card p{margin-bottom:0}.status{display:inline-flex;width:fit-content;padding:5px 9px;border-radius:999px;color:var(--muted);background:#eee9e1;font-size:.76rem;font-weight:750}.status.good{color:var(--green);background:var(--green-soft)}.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.recipe-card{position:relative;min-height:155px;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:19px;overflow:hidden;border:1px solid var(--line);border-radius:17px;color:var(--ink);text-align:left;background:#fff}.recipe-card strong{margin-top:auto;font-family:Georgia,serif;font-size:1.28rem;font-weight:500}.recipe-card small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.recipe-index{color:var(--accent);font-size:.75rem;text-transform:uppercase}.card-arrow{position:absolute;top:16px;right:18px}.empty-library{text-align:center;padding-block:54px}.empty-library .actions{justify-content:center}.share-hero{padding:clamp(28px,5vw,62px);border-radius:28px;color:#fff9f0;background:radial-gradient(circle at 82% 15%,#b44a22 0,#5b2c1b 36%,#211812 76%);box-shadow:0 24px 70px #3f2b1533}.share-hero p{max-width:58ch;color:#e8d8c8}.share-hero .eyebrow{color:#ffb28e}.recipe-story{padding:clamp(22px,4vw,42px)}.recipe-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0 34px}.recipe-metrics div{padding:18px;border-radius:14px;background:#f5f0e8}.recipe-metrics span,.pour-timeline span{display:block;color:var(--muted);font-size:.86rem}.recipe-metrics strong{display:block;margin-top:6px;font-family:Georgia,serif;font-size:1.55rem}.pour-timeline{display:grid;gap:14px}.pour-timeline article{display:flex;gap:16px;align-items:center;padding-bottom:14px;border-bottom:1px solid #e6ded3}.pour-timeline article>b{display:grid;width:34px;height:34px;flex:none;place-items:center;border-radius:50%;color:#fff;background:var(--accent)}.pour-timeline article div strong{display:block;margin-bottom:3px}.recipe-editor{display:grid;gap:30px}.editor-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.editor-fields label,.pour-fields label{display:grid;gap:6px;color:var(--muted);font-size:.82rem}.editor-fields input,.editor-fields select,.pour-fields input,.pour-fields select{width:100%;min-height:42px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:10px;color:var(--ink);background:#fff}.editor-fields .toggle{display:flex;gap:9px;align-items:center;padding-top:24px}.toggle input{width:18px;min-height:18px}.section-heading{align-items:end}.section-heading h3{margin:0 0 12px;font-size:1.5rem}.pour-card{display:grid;grid-template-columns:36px 1fr auto;gap:14px;align-items:center;padding:16px 0;border-top:1px solid #e6ded3}.pour-card>b{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:#fff;background:var(--accent)}.pour-fields{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:10px}.quiet{min-height:34px;padding:6px 10px;border-color:transparent;background:transparent}.advanced{margin:28px 0 16px;padding:14px 0;border-top:1px solid #e6ded3}.advanced summary{margin-bottom:14px;cursor:pointer;font-weight:700}textarea{width:100%;min-height:220px;padding:13px;border:1px solid var(--line-strong);border-radius:12px;color:var(--ink);background:#fff;line-height:1.45}.advanced textarea{min-height:120px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem}.answer{white-space:pre-wrap;padding:14px;overflow:auto;border-radius:12px;background:#f5f0e8}.machine-panel{background:linear-gradient(145deg,#fffdf9,#f5eee4)}.machine-state{display:grid;gap:5px;margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}.machine-state span,.machine-state small{color:var(--muted)}.machine-state strong{font-size:1.12rem}.state-ready,.state-brewing,.state-operating{border-color:#7ea17c;background:#f1f7ef}.state-unknown,.state-error{border-color:#c88981;background:#fff1ef}.preflight{padding:11px 13px;border-radius:10px}.preflight.good{color:#355b34;background:#eef6ec}.preflight.blocked,.text-bad{color:#8a332b;background:#fff0ed}.text-bad{padding:12px;border-radius:10px}.brew-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:18px;align-items:start}.capability-panel ul{padding-left:20px;color:var(--muted);line-height:1.8}.capability-list{display:grid;gap:0;margin:0}.capability-list div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}.capability-list dd{color:var(--muted);text-align:right}.manual-controls{display:grid;gap:14px}.manual-controls-heading-copy{min-width:0}.manual-controls-heading-copy>p{margin:5px 0 0}.manual-controls-heading-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 18px}.manual-controls-heading-line h2{margin:0}.live-machine-metrics{display:flex;flex-wrap:wrap;gap:8px}.live-machine-metrics span{padding:5px 9px;border-radius:999px;color:var(--muted);background:#eee9e1;font-size:.76rem;font-weight:700}.live-machine-metrics strong{color:var(--ink);font-variant-numeric:tabular-nums}.manual-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.direct-control-card{min-height:260px;display:flex;flex-direction:column;justify-content:space-between;gap:22px}.direct-control-card h3{margin-bottom:8px;font-size:1.35rem}.direct-control-card p{margin-bottom:10px}.compact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compact-fields label{display:grid;gap:6px;color:var(--muted);font-size:.78rem;font-weight:700}.compact-fields input{width:100%;min-width:0;min-height:42px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:10px;color:var(--ink);background:#fff}.small{font-size:.87rem}.compact-stop{white-space:nowrap}@media(max-width:900px){.editor-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.pour-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.recipe-grid,.manual-control-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-network{width:min(520px,86vw)}.brew-layout{grid-template-columns:1fr}}@media(max-width:720px){.grid{grid-template-columns:1fr}.full{grid-column:auto}.recipe-metrics{grid-template-columns:repeat(2,1fr)}.page-heading{display:grid}.compact-stop{min-width:42px;max-width:42px;overflow:hidden;color:transparent!important}.compact-stop:after{content:"■";color:#fff}}@media(max-width:560px){.panel{padding:18px}.editor-fields,.pour-fields{grid-template-columns:1fr 1fr}.pour-card{grid-template-columns:34px 1fr}.pour-card>button{grid-column:2;justify-self:start}.recipe-grid,.manual-control-grid{grid-template-columns:1fr}.actions button{flex:1 1 auto}.hero{min-height:0;padding:28px 22px}.hero-network{width:min(380px,100%)}.runtime-card{padding:20px}.direct-control-card{min-height:0}.manual-controls .section-heading{align-items:center}.app-frame>footer{display:grid}.app-frame>footer>div{display:grid;gap:8px}}