.nav-links a,.nav-actions .text-button{font-size:15px}.hero-for{font-size:13px;gap:20px}.hero-for span{font-size:13px}
.cafe-tagline p{max-width:440px}.professional-note{display:flex;align-items:center;gap:14px;max-width:none}.professional-note p{font-size:14px;line-height:1.7}.professional-note b{font-size:15px}.professional-note p span{font-size:13px}
.professional-note .shield{width:40px;height:44px;flex:0 0 40px;border:0;transform:none;margin:0;display:grid;place-items:center;background:none}.shield svg{width:30px;height:30px;fill:none;stroke:#617d56;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.stack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px 24px;position:relative;isolation:isolate}
.stack-card[data-stack=cafe]{grid-column:1/-1;justify-self:center;width:min(100%,520px);min-height:220px;position:relative;overflow:visible;background:#eef0e3}
.stack-card[data-stack=cafe]::after{content:'';position:absolute;left:50%;bottom:-32px;height:30px;border-left:2px solid #c2cbb3}
.stack-card:not([data-stack=cafe]){position:relative;overflow:visible;min-height:320px}
.stack-card:not([data-stack=cafe])::before{content:'';position:absolute;left:50%;top:-31px;height:30px;border-left:2px solid #c2cbb3}
.stack-card[data-stack=server]::after{content:'';position:absolute;top:-32px;left:calc(-50% - 25px);width:calc(200% + 50px);border-top:2px solid #c2cbb3;z-index:-1}
.stack-card p{max-width:42ch}.stack-status{margin-top:20px}.stack-card.language{background:#f0eaf6;border-color:#c6b7dc}.stack-card.language h3 small{color:#75518f;background:#e6d9ef}
.tour-progress{padding:22px;background:#fffaf1;border-top:1px solid #ded6c5}.tour-progress-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;font-size:14px}.tour-progress-title>span{font-size:12px;color:#8f704c}
.recipe-pipeline{height:auto;padding:0;display:flex;align-items:center;gap:12px;background:none;color:#56684e;overflow:visible}
.recipe-pipeline>[data-step]{--phase-progress:0;flex:1;position:relative;display:flex;gap:12px;align-items:center;padding:13px 11px 17px;border-radius:12px;background:#f1efe6;color:#89917d;overflow:hidden;min-width:0}
.recipe-pipeline>[data-step]>span:last-child{display:flex;flex-direction:column;gap:4px}.recipe-pipeline b{font-size:14px;font-weight:650}.recipe-pipeline small{font-size:11px;line-height:1.4}.recipe-pipeline>i{width:14px;flex:0 0 14px;height:2px;background:#d3d9c5;margin:0}
.step-node{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;border:1px solid #c5ceb7;font-size:12px;background:#fffaf1}
.recipe-pipeline>[data-step].current{background:#e2ead6;color:#304d32;box-shadow:inset 0 0 0 1px #a6b991}
.recipe-pipeline>[data-step].current::after{content:'';position:absolute;bottom:0;left:0;height:3px;width:100%;transform-origin:left;transform:scaleX(var(--phase-progress));background:#6b8a52}
.recipe-pipeline>.current .step-node{background:#49633f;color:#fffaf1;border-color:#49633f;animation:node-breathe 1.6s ease-in-out infinite}
.recipe-pipeline>[data-step].done{background:#edf1e4;color:#5e774e}.done .step-node{background:#dbe6cb;border-color:#b0c398}
[data-tour-phase=ready] .current .step-node{animation:none}[data-tour-phase=ready] .current::after{transform:scaleX(1)}
.tour-impulse{position:fixed;width:14px;height:14px;border-radius:50%;background:#d5ac63;box-shadow:0 0 0 5px #d5ac6330,0 0 24px #d5ac6355;pointer-events:none;z-index:40;opacity:0}
@keyframes node-breathe{50%{box-shadow:0 0 0 7px #6b8a5226}}
.result-room>canvas{height:346px;max-height:346px}.recipe-presets{border-top:0;padding-top:6px}.recipe-presets button.playing::before{content:'●';margin-right:7px;animation:node-breathe 1.6s infinite}
.footer-bottom{flex-wrap:wrap}.legal-links{display:flex;gap:22px;flex-wrap:wrap}.legal-nav{display:flex;gap:24px;align-items:center;justify-content:space-between;padding-block:28px}.legal-document{max-width:850px;margin:60px auto;padding:0 30px 80px}.legal-document h1{font-size:clamp(40px,6vw,64px);margin-bottom:32px}.legal-document h2{font:600 23px/1.3 'Segoe UI',sans-serif;letter-spacing:-.02em;margin:34px 0 12px}.legal-document p{margin:14px 0;color:#5c6657;font-size:16px}.legal-document a{text-decoration:underline}
dialog{width:min(650px,calc(100% - 28px));max-height:90dvh;overflow:auto}dialog input,dialog select,dialog textarea{font:inherit;width:100%;background:#fffdf8;color:#33422e;border:1px solid #cbd0bf;border-radius:7px;padding:12px;box-sizing:border-box;min-width:0}dialog textarea{resize:vertical}dialog label{display:block;font-size:13px;font-weight:600;margin:16px 0 6px}dialog label small{font-weight:400;color:#829075}dialog form>.button{width:100%;margin-top:16px}dialog p{font-size:14px}dialog .check-row{display:flex;align-items:flex-start;gap:11px;font-weight:400;line-height:1.55}dialog .check-row input{width:18px;height:18px;flex:0 0 18px;margin:2px 0 0;padding:0;accent-color:#4a6542}dialog .check-row a{text-decoration:underline}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-feedback{color:#9d472e!important;white-space:pre-wrap}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.success-seal{border-radius:50%;width:60px;height:60px;margin:24px 0;display:grid;place-items:center;background:#e0e9d1;color:#4c6e38;font-size:28px}
.admin-shell{max-width:1480px;margin:auto;padding:32px}.admin-header{display:flex;gap:20px;align-items:center;justify-content:space-between}.admin-header h1{font:600 34px/1.2 'Segoe UI';letter-spacing:-.04em}.admin-controls{margin:36px 0 24px;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.admin-controls label{display:block;width:100%;font-size:13px}.admin-controls input{flex:1;min-width:180px;font:inherit;border:1px solid #cbd0bf;border-radius:12px;background:#fffdf6;padding:14px 18px}.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.lead-column{border:1px solid #d5d9c9;border-radius:18px;background:#fffaf1;overflow:hidden;align-self:start}.lead-column>header{position:static;padding:22px;background:#edf0e4;z-index:auto}.lead-column.creator>header{background:#f0dfc3}.lead-column.studio>header{background:#334f42;color:#fffaf1}.lead-column h2{font:600 20px/1.3 'Segoe UI';letter-spacing:-.02em}.lead-count{font:500 42px/1 Georgia;display:block;margin-top:16px}.lead-column small{font-size:12px}.lead-list{max-height:62vh;overflow:auto;padding:8px}.lead-row{display:block;width:100%;text-align:left;padding:16px 12px;border:0;border-bottom:1px solid #e5e4d8;background:transparent;font:inherit;overflow-wrap:anywhere}.lead-row:hover{background:#edf0e2;border-radius:10px}.lead-row b,.lead-row span,.lead-row small{display:block}.lead-row b{font-size:14px}.lead-row span{font-size:13px;color:#748068}.lead-row small{font-size:11px;color:#87917e;margin-top:6px}.column-page{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;font-size:12px}.column-page button{padding:7px;border:1px solid #d2d6c7;border-radius:6px;background:#fcfbf2}.admin-meta{font-size:12px;color:#718069;margin-left:auto}.detail-grid{display:grid;grid-template-columns:130px 1fr;gap:12px;font-size:14px}.detail-grid dt{color:#7c856f}.detail-grid dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.admin-error{color:#a24e35;min-height:24px}.empty-list{padding:25px;color:#7c856f;font-size:14px}
.manage-card{max-width:600px;margin:70px auto;padding:32px;border:1px solid #d5d9c9;border-radius:20px;background:#fffaf1}.manage-card h1{font-size:42px;margin-bottom:20px}.manage-card p{margin:15px 0}.manage-card input,.manage-card select{width:100%;padding:12px;margin:10px 0 20px;font:inherit;border:1px solid #cbd0bf;border-radius:8px}.manage-card label{display:block}.manage-card .button{width:100%}
@media(max-width:960px){.nav-links{gap:18px}.nav-links a{font-size:14px}.recipe-pipeline small{display:none}.recipe-pipeline{gap:7px}.recipe-pipeline>i{width:7px;flex-basis:7px}.recipe-pipeline>[data-step]{padding:12px 8px;gap:7px}.admin-grid{gap:12px}.admin-shell{padding:22px}}
@media(max-width:760px){.nav-links{display:none}.stack-grid{grid-template-columns:1fr;gap:22px;padding-left:22px}.stack-card[data-stack=cafe]{width:100%;min-height:0}.stack-card:not([data-stack=cafe]){min-height:0}.stack-card::after,.stack-card::before{display:none}.stack-grid::before{content:'';position:absolute;left:0;top:100px;bottom:70px;border-left:2px solid #c2cbb3}.stack-card:not([data-stack=cafe])::before{display:block;left:-23px;top:50%;width:22px;height:0;border:0;border-top:2px solid #c2cbb3}.stack-card.language{min-height:260px}.professional-note{align-items:flex-start}.professional-note p span{font-size:13px}.hero-for{flex-wrap:wrap}.hero-for span{font-size:12px}.result-room>canvas{height:256px;max-height:256px}.tour-progress{padding:16px}.tour-progress-title{align-items:flex-start;flex-direction:column;gap:5px;font-size:13px}.recipe-pipeline{gap:4px}.recipe-pipeline>[data-step]{display:flex;flex-direction:column;padding:13px 2px;gap:8px;border-radius:9px}.recipe-pipeline b{font-size:11px}.recipe-pipeline>i{width:4px;flex-basis:4px}.recipe-presets>span{display:none}.form-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.admin-header{flex-wrap:wrap}.admin-header h1{font-size:28px}.admin-meta{width:100%;margin:0}.lead-list{max-height:400px}.legal-nav{flex-wrap:wrap;padding:20px}.manage-card{margin:30px 18px}.detail-grid{grid-template-columns:1fr;gap:5px}.detail-grid dd{margin-bottom:12px}.legal-document{margin-top:35px}.footer-bottom .legal-links{font-size:12px}}
@media(prefers-reduced-motion:reduce){.tour-impulse{display:none}.recipe-pipeline .step-node,.recipe-presets button.playing::before{animation:none}}
.stack-card{transition:background .18s,box-shadow .18s,border-color .18s;transform:none!important}
.stack-card:hover{box-shadow:0 8px 25px #344d3020;border-color:#8aa27b}
.stack-card.selected{background:#e4edd9;border-color:#4f7040;box-shadow:0 0 0 3px #4f7040,0 14px 35px #344d301c}
.stack-card.selected .stack-icon{background:#45613a;color:#fffaf1}.stack-card.selected .stack-status{color:#35522c;font-weight:700}
.stack-card.language.selected{background:#ede1f6;border-color:#8761a4;box-shadow:0 0 0 3px #8761a4,0 14px 35px #57377322}
.stack-card.language.selected .stack-icon{background:#7f559c}.stack-card.language.selected .stack-status{color:#744d91}
.stack-card.selected::before{background:transparent;right:auto;width:0}.stack-card[data-stack=cafe].selected::before{display:none}
.stack-card.selected:not([data-stack=cafe])::before{border-color:#4f7040;border-left-width:3px}.stack-card.language.selected::before{border-color:#8761a4}
.stack-detail{display:block;margin-top:32px;padding:30px 34px;border:1px solid #34513f;background:#334e3e;border-radius:18px;box-shadow:0 16px 40px #344d3016;color:#faf6e8;min-height:180px}
.stack-detail-heading{display:flex;gap:15px;align-items:center;margin-bottom:18px}.stack-detail .connection-orb{width:14px;height:14px;flex:0 0 14px;background:#bdd49c;box-shadow:0 0 0 6px #bdd49c1c;margin:0}
.stack-detail-label{display:block;font-size:10px;font-weight:600;letter-spacing:.13em;color:#b9c9a9;margin-bottom:4px}.stack-detail h3{font-size:25px;color:#fff9e8}.stack-detail-badge{margin-left:auto;font-size:12px;padding:7px 12px;border:1px solid #77916a;border-radius:30px;color:#d9e6ca}
.stack-detail #stack-detail{color:#f0f0df;font-size:17px;line-height:1.7;max-width:980px}.stack-detail[data-active=lang]{background:#4d365f;border-color:#715087}.stack-detail[data-active=lang] .connection-orb{background:#d9b7f2;box-shadow:0 0 0 6px #d9b7f21c}.stack-detail[data-active=lang] .stack-detail-label,.stack-detail[data-active=lang] .stack-detail-badge{color:#e3c8f3;border-color:#9c7cb4}
@media(max-width:760px){.stack-detail{padding:24px;min-height:220px}.stack-detail-heading{flex-wrap:wrap}.stack-detail-badge{margin-left:29px}.stack-detail #stack-detail{font-size:15px}.stack-card.selected:not([data-stack=cafe])::before{width:22px;border-left-width:0;border-top-width:3px}}

.stack-benefit{display:block;margin-bottom:.65em;font-size:1.15em;line-height:1.3;color:#fff9e8}
[data-modal="film"]:disabled{cursor:default;opacity:.65}
.column-page button:disabled{cursor:default}