.cloud-page{--cloud-surface:#faf9f2;--cloud-raised:#e6ecdf;--cloud-input:#fffef8;--cloud-line:#d0dcc7;--cloud-ink:#294634;--cloud-muted:#576c52;--cloud-apricot:#f4c69f;--cloud-warn:#8a3f2d}
html[data-theme="dark"] .cloud-page{--cloud-surface:#263c30;--cloud-raised:#304936;--cloud-input:#21382b;--cloud-line:#4a6350;--cloud-ink:#edece0;--cloud-muted:#b1c1ac;--cloud-apricot:#efba91;--cloud-warn:#f0b8a2}
.cloud-page :is(button,input){font-family:var(--sans,system-ui,sans-serif)}
.cloud-page :is(button,input,a):focus-visible{outline:3px solid var(--cloud-ink);outline-offset:3px}
.cloud-page :is(p,small,li){color:var(--cloud-muted)}
.cloud-banner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.cloud-banner>div{min-width:0}
.cloud-beta{display:inline-flex;flex-shrink:0;padding:9px 12px;background:var(--cloud-surface);border:1px solid var(--cloud-line);border-radius:10px;color:var(--cloud-muted);font-size:11px;font-weight:650}
.cloud-panel{min-width:0;background:var(--cloud-surface);border:1px solid var(--cloud-line);border-radius:18px;padding:clamp(22px,3vw,38px);box-shadow:0 6px 24px #253f2808}
.cloud-panel h2,.cloud-story h2{font-size:clamp(28px,3vw,40px);line-height:1.15;margin:12px 0 16px;color:var(--cloud-ink)}
.cloud-panel p,.cloud-story p,.cloud-story li{font-size:13px;line-height:1.8;margin:0 0 20px}
.cloud-panel>.tinycaps{font-size:10px;letter-spacing:.13em;color:var(--cloud-muted)}
.cloud-panel>small{display:block;font-size:11px;line-height:1.7;margin-top:18px;max-width:62ch}
.cloud-welcome{max-width:850px;margin:0 auto;text-align:center;padding:clamp(30px,6vw,70px)}
.cloud-welcome h2{font-size:clamp(33px,5vw,48px)}
.cloud-welcome p{max-width:58ch;margin:0 auto 25px}
.cloud-welcome>small{margin:22px auto 0}
.cloud-welcome-mark{display:inline-grid;place-items:center;width:90px;height:90px;border-radius:24px;background:var(--cloud-raised);color:var(--cloud-ink);margin-bottom:24px;box-shadow:inset 4px 0 var(--cloud-apricot)}
.cloud-intro-grid{display:grid;grid-template-columns:minmax(300px,520px) minmax(0,1fr);gap:clamp(30px,6vw,90px);align-items:center;max-width:1200px;margin:0 auto}
.cloud-auth-panel{width:100%}
.cloud-auth-tabs{display:flex;gap:8px;background:var(--cloud-raised);padding:5px;border-radius:14px;margin:23px 0;border:1px solid var(--cloud-line)}
.cloud-auth-tabs button{flex:1;min-height:48px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--cloud-muted);font-size:11px;font-weight:650;padding:11px 16px;cursor:pointer}
.cloud-auth-tabs button.active{background:var(--cloud-apricot);border-color:#c3936e;color:#263b2d}
.cloud-auth-form{display:flex;flex-direction:column;gap:20px;margin-top:22px}
.cloud-auth-form label{display:block;color:var(--cloud-ink);font-size:12px;font-weight:650}
.cloud-auth-form input{display:block;width:100%;min-width:0;min-height:48px;padding:12px 14px;border:1px solid var(--cloud-line);border-radius:10px;background:var(--cloud-input);color:var(--cloud-ink);font-size:14px;margin-top:8px}
.cloud-auth-form .btn{justify-content:center;min-height:48px}
.cloud-reset-link{margin-top:20px;min-height:40px}
.cloud-tab-note{display:block;margin-top:20px;font-size:11px;line-height:1.8;color:var(--cloud-muted)}
.cloud-story{padding:20px 0;min-width:0;max-width:570px}
.cloud-story>span{display:block;color:var(--cloud-apricot);margin-bottom:22px}
.cloud-story h2{font-size:clamp(34px,4vw,58px);margin:0 0 25px}
.cloud-story ul{margin:0 0 26px;padding:0;list-style:none}
.cloud-story li{position:relative;padding-left:22px;margin:0 0 12px}
.cloud-story li:before{content:'✳';position:absolute;left:0;color:#b07a52}
.cloud-story .cloud-story-note{font-size:11px;border-top:1px solid var(--cloud-line);padding-top:20px}
.cloud-notice{padding:17px 20px;border:1px solid var(--cloud-line);border-left:4px solid #94b58a;background:var(--cloud-raised);border-radius:12px;font-size:13px;line-height:1.7;margin:0 0 24px;color:var(--cloud-ink)!important;overflow-wrap:anywhere}
.cloud-notice.is-error{border-left-color:#b27e59;color:var(--cloud-warn)!important}
.cloud-account-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;margin-bottom:24px;border:1px solid var(--cloud-line);border-radius:14px;background:var(--cloud-raised)}
.cloud-account-strip>div{min-width:0}
.cloud-account-strip strong{font-size:13px;color:var(--cloud-ink);overflow-wrap:anywhere}
.cloud-account-strip small{display:block;font-size:11px;line-height:1.6;margin:6px 0 0 19px}
.cloud-account-strip .btn{flex-shrink:0}
.cloud-connected-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#88aa76;margin-right:10px;box-shadow:0 0 0 3px #88aa761c}
.cloud-kitchens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.cloud-panel-icon{width:51px;height:51px;display:grid;place-items:center;border-radius:14px;background:var(--cloud-raised);color:var(--cloud-ink);margin-bottom:24px}
.cloud-panel-icon.is-warm{background:var(--cloud-apricot);color:#284330}
.cloud-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:25px 0;border-block:1px solid var(--cloud-line);padding:20px 0}
.cloud-counts>div{min-width:0;display:flex;flex-direction:column-reverse;gap:7px}
.cloud-counts dt{font-size:10px;color:var(--cloud-muted);line-height:1.5}
.cloud-counts dd{font:400 29px/1 Georgia,serif;margin:0;color:var(--cloud-ink)}
.cloud-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cloud-actions :is(button,a){min-height:44px}
.cloud-review{margin-bottom:24px;border-color:#bf966f;box-shadow:inset 4px 0 var(--cloud-apricot)}
.cloud-review h2{font-size:32px}
.cloud-review .cloud-counts{max-width:700px}
.cloud-review p{max-width:90ch}
.cloud-confirm{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.7;color:var(--cloud-ink);margin:24px 0;max-width:82ch;cursor:pointer}
.cloud-confirm input{flex-shrink:0;width:19px;height:19px;margin-top:2px;accent-color:#719465}
.cloud-replace-note{padding:15px 17px;border-radius:10px;background:var(--cloud-raised)}
.cloud-saved-date{font-size:11px!important}
.cloud-delete-link{font-size:11px;margin-top:24px;color:var(--cloud-warn)!important;min-height:40px}
.cloud-loading{font-size:14px;color:var(--cloud-muted);text-align:center;padding:60px 25px}
@media(max-width:1050px){.cloud-kitchens{gap:18px}.cloud-counts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}.cloud-intro-grid{gap:35px}}
@media(max-width:720px){.cloud-banner{align-items:flex-start;flex-direction:column;gap:14px}.cloud-banner .cloud-beta{font-size:10px}.cloud-intro-grid,.cloud-kitchens{grid-template-columns:1fr}.cloud-intro-grid{gap:24px}.cloud-story{padding:12px 10px}.cloud-story h2{font-size:38px}.cloud-panel{padding:24px 22px}.cloud-account-strip{align-items:flex-start;padding:18px;gap:12px}.cloud-account-strip strong{font-size:12px}.cloud-account-strip small{font-size:10px;margin-left:0}.cloud-account-strip .btn{padding:10px 12px;font-size:11px}.cloud-connected-dot{margin-right:7px}.cloud-review h2{font-size:28px}.cloud-actions>.btn{flex:1}.cloud-actions{gap:10px}.cloud-counts dd{font-size:28px}.cloud-welcome{padding:32px 24px}.cloud-welcome h2{font-size:34px}.cloud-auth-tabs button{padding:11px 12px}.cloud-page .footer{margin-top:42px}}
