*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5efe8;color:#30231d}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:28px;padding:16px 5vw;background:#fffaf5f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #eadfd4}.brand{display:flex;gap:6px;align-items:baseline;letter-spacing:.14em}.brand span{font-weight:400}.brand b{font-size:13px}.topbar nav{display:flex;gap:4px}.topbar button{border:0;background:transparent;padding:9px 13px;border-radius:999px;color:#66544a;cursor:pointer;font-weight:700}.topbar button.active,.topbar button:hover{background:#e9d7c6;color:#30231d}.auth{margin-left:auto;display:flex;gap:7px}.auth input,.toolbar input{border:1px solid #dfd2c7;background:#fffdf9;border-radius:12px;padding:10px 12px;outline:none}.auth>button{background:#3d2a21;color:#fff}.pill{background:#e7d6c6;padding:9px 13px;border-radius:999px;font-size:13px;font-weight:700}.notice{position:fixed;right:18px;bottom:18px;z-index:30;max-width:380px;padding:14px 17px;background:#30231d;color:#fff;border-radius:14px;box-shadow:0 15px 50px #0002}.hero{margin:34px auto 22px;width:min(1180px,90vw);min-height:340px;padding:48px;border-radius:30px;background:linear-gradient(120deg,#3b2a22,#7a5947);color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;opacity:.78}.hero h1{font-size:clamp(38px,6vw,72px);line-height:1.02;margin:14px 0}.hero p{font-size:17px;color:#eaded4;max-width:610px;line-height:1.6}.cup{font-size:150px;filter:drop-shadow(0 30px 25px #0005);transform:rotate(-8deg);margin-right:5vw}.toolbar{width:min(1180px,90vw);margin:20px auto;display:flex;align-items:center;gap:15px}.toolbar input{flex:1;font-size:16px}.toolbar span{color:#806b5d;font-size:13px}.grid{width:min(1180px,90vw);margin:0 auto 70px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fffaf5;border:1px solid #eadfd5;border-radius:22px;padding:14px;cursor:pointer;transition:.18s;box-shadow:0 8px 25px #4b2f1c08}.card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #4b2f1c14}.image{height:190px;border-radius:16px;background:linear-gradient(145deg,#e8d5c2,#c5a487);display:grid;place-items:center;font-size:72px;color:#fff8f0}.meta{display:flex;gap:7px;margin:12px 0 5px}.meta span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;background:#efe2d7;border-radius:999px;padding:5px 8px}.card h3{margin:8px 0 5px;font-size:18px}.card p{margin:0 0 13px;color:#816d60;font-size:13px;min-height:36px}.card strong{display:block;font-size:16px}.card small{display:block;margin-top:7px;color:#6d7c4c}.empty,.panel{width:min(1180px,90vw);margin:35px auto}.panel{background:#fffaf5;border:1px solid #eadfd5;border-radius:24px;padding:28px}.panel h2{margin-top:0}.cartlist{display:grid;gap:10px}.cartrow{display:grid;grid-template-columns:1fr auto auto;gap:25px;padding:15px;border-bottom:1px solid #eadfd5}.cartrow span,.order span{display:block;color:#846f62;font-size:12px;margin-top:4px}.checkout{margin-top:25px;display:grid;gap:15px;max-width:520px;margin-left:auto}.checkout>div:first-child{display:flex;justify-content:space-between;font-size:18px}.addressbox{padding:15px;border:1px dashed #d5c3b4;border-radius:14px;display:grid;gap:7px}.addressbox button{width:max-content;border:0;background:#ead8c8;border-radius:9px;padding:8px 11px;cursor:pointer}.primary{border:0;background:#3d2a21;color:#fff;border-radius:12px;padding:13px;font-weight:800;cursor:pointer}.orders{display:grid;gap:10px}.order{display:grid;grid-template-columns:1fr auto auto;align-items:center;padding:16px;border:1px solid #eadfd5;border-radius:15px}.status{background:#efe2d7;padding:7px 10px;border-radius:999px;font-size:11px!important;color:#604b3f!important}.modalback{position:fixed;inset:0;background:#1f1510a8;z-index:50;display:grid;place-items:center;padding:20px}.modal{position:relative;width:min(720px,100%);max-height:90vh;overflow:auto;background:#fffaf5;border-radius:25px;padding:32px}.modal h2{font-size:36px;margin:8px 0}.modal p{color:#735f52;line-height:1.6}.close{position:absolute;right:15px;top:12px;border:0;background:#ead8c8;border-radius:50%;width:36px;height:36px;font-size:24px;cursor:pointer}.variants{display:grid;gap:10px}.variant{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:14px;border:1px solid #e6d9cf;border-radius:14px}.variant span{display:block;color:#8b7567;font-size:11px;margin-top:4px}.variant button{border:0;background:#3d2a21;color:#fff;border-radius:10px;padding:9px 12px;font-weight:700;cursor:pointer}.variant button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.topbar{flex-wrap:wrap}.auth{width:100%;margin-left:0}.hero{padding:30px}.cup{font-size:90px;margin:0}}@media(max-width:600px){.grid{grid-template-columns:1fr}.hero{min-height:0}.cup{display:none}.cartrow,.order{grid-template-columns:1fr;gap:7px}.topbar nav{order:3;width:100%;justify-content:space-between}.auth input{min-width:0;width:40%}.variant{grid-template-columns:1fr auto}.variant button{grid-column:1/-1}.panel{padding:20px}}.chat-layout{display:grid;grid-template-columns:320px 1fr;gap:18px;min-height:560px}.chat-list{padding:16px}.chat-head,.chat-title,.chat-compose{display:flex;align-items:center;justify-content:space-between;gap:10px}.conversation{display:flex;width:100%;text-align:left;flex-direction:column;gap:5px;padding:13px;border:0;border-bottom:1px solid #eee;background:transparent;cursor:pointer}.conversation.selected{background:#f5eee7}.conversation span{font-size:12px;color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation small{color:#9a5b2b}.chat-panel{display:flex;flex-direction:column;padding:16px}.chat-title{padding-bottom:12px;border-bottom:1px solid #eee}.chat-title h2{margin:0}.chat-title span{font-size:12px;color:#777}.messages{flex:1;min-height:400px;max-height:500px;overflow:auto;padding:18px 4px;display:flex;flex-direction:column;gap:9px}.bubble{max-width:75%;padding:10px 12px;border-radius:14px;display:flex;flex-direction:column;gap:5px}.bubble.mine{align-self:flex-end;background:#efe2d5}.bubble.theirs{align-self:flex-start;background:#f4f4f4}.bubble small{font-size:10px;color:#888;align-self:flex-end}.chat-compose{border-top:1px solid #eee;padding-top:12px}.chat-compose input{flex:1}.secondary{border:1px solid #c9b29d;background:#fff;padding:10px 14px;border-radius:10px;cursor:pointer}@media(max-width:800px){.chat-layout{grid-template-columns:1fr}.chat-list{max-height:260px;overflow:auto}.messages{min-height:300px}}.seller-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.seller-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.seller-stats>div{border:1px solid #e5dfd7;border-radius:14px;padding:16px;display:grid;gap:6px}.seller-stats span,.muted{color:#766f67;font-size:13px}.seller-stats strong{font-size:20px}.order button{margin-left:auto}.addressbox label{display:block;margin-top:8px}.addressbox small{display:block;margin-top:8px;color:#766f67}@media(max-width:800px){.seller-stats{grid-template-columns:repeat(2,1fr)}}.payment-settings{display:grid;gap:10px;max-width:560px;margin:12px 0 24px}.payment-settings label{display:block}.payment-settings input:not([type=checkbox]){padding:10px;border:1px solid #ddd;border-radius:10px}.payment-settings button{width:max-content}.seller-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0 28px}.seller-form-grid>div{display:flex;flex-direction:column;gap:9px;padding:16px;border:1px solid rgba(80,55,40,.12);border-radius:16px}.seller-form-grid input,.seller-form-grid select{width:100%}.product-admin-list{display:grid;gap:10px}.admin-product{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;padding:14px;border:1px solid rgba(80,55,40,.12);border-radius:14px}.admin-product>div:first-child{display:flex;flex-direction:column;gap:5px}.admin-product span{font-size:12px;opacity:.7}.admin-variants{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.admin-variants span{padding:6px 9px;border-radius:999px;background:#5037280f}@media(max-width:900px){.seller-form-grid,.admin-product{grid-template-columns:1fr}}.image img{width:100%;height:100%;object-fit:cover;display:block}.image span{font-size:42px}.detail-image{width:100%;max-height:320px;object-fit:cover;border-radius:16px;margin:10px 0 16px}.storefront-live,.storefront-editor{display:grid;gap:18px}.storefront-section{position:relative;overflow:hidden;border-radius:24px;padding:34px;background:linear-gradient(135deg,#fff,#f6efe6);border:1px solid rgba(60,40,25,.1);min-height:180px}.storefront-section .sf-content{position:relative;z-index:1;max-width:850px}.storefront-section h2{font-size:clamp(28px,5vw,52px);margin:6px 0 10px}.sf-subtitle{font-size:18px}.sf-image{width:100%;max-height:360px;object-fit:cover;border-radius:18px;margin-bottom:18px}.sf-product-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.sf-product-card{display:grid;gap:8px;background:#fff;padding:12px;border-radius:16px;border:1px solid rgba(0,0,0,.08)}.sf-product-card .image{height:130px;border-radius:12px;overflow:hidden;background:#eee;display:grid;place-items:center}.sf-product-card img{width:100%;height:100%;object-fit:cover}.storefront-empty{padding:36px;border:1px dashed rgba(0,0,0,.18);border-radius:24px;margin-bottom:18px}.storefront-editor-grid{display:grid;grid-template-columns:280px 1fr;gap:18px}.editor-controls{height:max-content;display:grid;gap:10px;position:sticky;top:15px}.editor-list{display:grid;gap:16px}.editor-section{padding:18px}.editor-section-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.editor-section-head>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.editor-fields{display:grid;gap:10px;margin-top:14px}.editor-fields textarea{min-height:90px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.editor-preview{margin-top:16px;border-top:1px solid rgba(0,0,0,.08);padding-top:16px}.editor-preview .storefront-section{min-height:120px}.editor-actions{display:flex;gap:10px;align-items:center}.sf-hero{min-height:300px}.sf-banner{min-height:240px}.sf-cta{text-align:center}.sf-about,.sf-text{background:#f8f4ef}.sf-social{text-align:center}@media(max-width:800px){.storefront-editor-grid{grid-template-columns:1fr}.editor-controls{position:static}.sf-product-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.two-fields{grid-template-columns:1fr}.editor-section-head{align-items:flex-start;flex-direction:column}.editor-actions{width:100%;justify-content:flex-end}}.sf-category-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.sf-category-card{padding:18px;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,.08);display:grid;gap:5px}.sf-category-card span{font-size:13px;opacity:.7}@media(max-width:800px){.sf-category-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.storefront-live{font-family:var(--sf-font,inherit)}.storefront-section{border-radius:var(--sf-radius,18px)}.storefront-section .primary{background:var(--sf-primary,#6f4e37)}.storefront-section.sf-hero,.storefront-section.sf-banner{background:var(--sf-surface,#fffaf4)}