:root{--bg:#f7f5f2;--surface:#fff;--ink:#191817;--muted:#74706c;--line:#e6e1dc;--accent:#74584a;--accent-soft:#eee7e2;--green:#397052;--green-soft:#e5f0e9;--amber:#aa741f;--amber-soft:#f6eddc;--red:#a84e4e;--red-soft:#f8e8e6;--blue:#446a77;--shadow:0 18px 55px rgba(48,35,28,.10);--radius:22px;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
    *{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 var(--sans);min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(116,88,74,.22);outline-offset:2px}
    .app{min-height:100vh}.sidebar{display:none}.main{max-width:980px;margin:auto;padding:22px 18px 106px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em;font-size:20px}.brand-mark{width:32px;height:32px;border:1px solid var(--ink);border-radius:11px;display:grid;place-items:center;font-family:Georgia,serif;font-style:italic}.profile{width:42px;height:42px;border:0;border-radius:50%;background:var(--ink);color:#fff;font-weight:750}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:750;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:31px;line-height:1.08;letter-spacing:-.045em;margin-bottom:8px}h2{font-size:20px;letter-spacing:-.025em;margin-bottom:14px}h3{font-size:16px;margin-bottom:5px}.muted{color:var(--muted)}.date-line{color:var(--muted);text-transform:capitalize}.section{margin-top:28px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:13px}.section-head h2{margin:0}.link-btn{border:0;background:transparent;color:var(--accent);font-weight:720;padding:8px}.status-strip{display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid var(--line);background:rgba(255,255,255,.68);border-radius:17px;margin-top:22px}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px var(--green-soft);flex:0 0 auto}.status-dot.red{background:var(--red);box-shadow:0 0 0 5px var(--red-soft)}.status-copy{flex:1}.status-copy strong{display:block}.status-copy span{font-size:13px;color:var(--muted)}
    .metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px}.metric strong{display:block;font-size:21px;letter-spacing:-.04em}.metric span{color:var(--muted);font-size:13px}.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.row{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:16px;display:flex;align-items:center;gap:14px;text-align:left}.row:last-child{border-bottom:0}.row:hover{background:#fcfbfa}.time{font-weight:780;min-width:47px}.row-body{flex:1;min-width:0}.row-body strong,.row-body span{display:block}.row-body span{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amount{font-weight:730;white-space:nowrap}.badge{display:inline-flex!important;align-items:center;width:max-content;padding:4px 8px;border-radius:999px;background:#f1efed;color:#625d58!important;font-size:10px!important;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-top:6px}.badge.green{background:var(--green-soft);color:var(--green)!important}.badge.amber{background:var(--amber-soft);color:var(--amber)!important}.badge.red{background:var(--red-soft);color:var(--red)!important}.ai-card{position:relative;overflow:hidden;padding:22px;background:var(--ink);color:#fff;border-radius:var(--radius)}.ai-card:after{content:"B";position:absolute;right:-10px;bottom:-55px;font:170px/1 Georgia,serif;font-style:italic;color:rgba(255,255,255,.055)}.ai-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:22px 0}.ai-number{font-size:24px;font-weight:760;display:block}.ai-label{font-size:12px;color:rgba(255,255,255,.62)}.ai-card p{color:rgba(255,255,255,.7);margin:0;max-width:430px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.nav-btn{border:0;background:transparent;padding:7px 2px;color:#837d77;font-size:11px;font-weight:650;display:grid;gap:3px;place-items:center}.nav-btn.active{color:var(--accent)}.nav-icon{font-size:19px;line-height:1}.fab{position:fixed;right:18px;bottom:94px;z-index:20;border:0;background:var(--ink);color:#fff;border-radius:18px;padding:14px 18px;font-weight:730;box-shadow:var(--shadow)}
    .toolbar{display:flex;gap:8px;align-items:center;overflow:auto;padding-bottom:2px}.segmented{display:flex;background:#ebe7e3;border-radius:12px;padding:3px}.segmented button{border:0;background:transparent;padding:8px 12px;border-radius:9px;color:var(--muted);font-weight:700}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.05)}.field{display:grid;gap:7px;margin-bottom:16px}.field label{font-size:13px;font-weight:720}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px 13px;min-height:46px}.textarea{min-height:90px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent)}.date-picker{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 11px}.timeline{border-left:1px solid var(--line);margin-left:12px;padding-left:20px}.slot{position:relative;display:flex;gap:14px;min-height:62px;padding:7px 0}.slot:before{content:"";position:absolute;left:-25px;top:14px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#bbb3ad;box-shadow:0 0 0 1px var(--line)}.slot-card{flex:1;padding:13px 14px;background:#fff;border:1px solid var(--line);border-radius:15px}.slot-card.blocked{background:#efedea;color:var(--muted);border-style:dashed}.free{color:var(--green);font-weight:700}.empty{padding:34px 20px;text-align:center;color:var(--muted)}
    .conversation-layout{display:grid;gap:14px}.conversation-item.unread{background:#fcf7f4}.avatar{width:42px;height:42px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:800;flex:none}.chat-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.chat-head{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--line)}.chat-head .row-body{flex:1}.chat-status{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--green)}.messages{height:385px;overflow:auto;padding:18px;background:#faf9f7}.bubble{max-width:82%;padding:11px 13px;border-radius:16px;margin:0 0 10px;background:#fff;border:1px solid var(--line)}.bubble.me{margin-left:auto;background:var(--accent);border-color:var(--accent);color:#fff;border-bottom-right-radius:5px}.bubble.ai{border-bottom-left-radius:5px}.bubble small{display:block;margin-top:5px;opacity:.58;font-size:10px}.chat-actions{display:flex;gap:7px;flex-wrap:wrap;margin:4px 0 12px}.chip{border:1px solid var(--accent);color:var(--accent);background:#fff;padding:8px 11px;border-radius:999px;font-size:12px;font-weight:720}.composer{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}.composer input{flex:1;border:1px solid var(--line);border-radius:13px;padding:11px;min-width:0}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:44px;min-height:44px;font-weight:750}.primary,.secondary,.danger{border:0;border-radius:13px;padding:12px 16px;min-height:46px;font-weight:760}.primary{background:var(--ink);color:#fff}.secondary{background:var(--accent-soft);color:var(--accent)}.danger{background:var(--red-soft);color:var(--red)}.actions{display:flex;gap:9px;flex-wrap:wrap}.actions>*{flex:1}.search{position:relative;margin-bottom:14px}.search .input{padding-left:39px}.search:before{content:"⌕";position:absolute;left:14px;top:9px;font-size:21px;color:var(--muted)}
    .login-note{font-size:12px;color:var(--muted);text-align:center;margin-top:16px}
    .grad-green{background:linear-gradient(90deg,#3fae6c 0%,#1a3324 62%,#0a0d0a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
    .grad-green-dark{background:linear-gradient(90deg,#7be3a8 0%,#2f7a52 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
    .money-hero{background:var(--ink);color:#fff;padding:24px;border-radius:var(--radius);margin-bottom:12px}.money-hero .eyebrow{color:rgba(255,255,255,.55)}.money-hero strong{display:block;font-size:34px;letter-spacing:-.05em;margin:7px 0}.money-hero p{margin:0;color:rgba(255,255,255,.62);font-size:12px}.money-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.money-tile{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}.money-tile span{font-size:11px;color:var(--muted);display:block}.money-tile strong{font-size:17px}.positive{background:linear-gradient(90deg,#3fae6c 0%,#1a3324 62%,#0a0d0a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.negative{color:var(--red)}
    .modal-wrap{position:fixed;inset:0;z-index:100;background:rgba(25,22,20,.34);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;padding:0}.modal{width:100%;max-height:91vh;overflow:auto;background:var(--bg);border-radius:26px 26px 0 0;padding:20px 18px 28px;box-shadow:var(--shadow);animation:sheet .22s ease-out}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.modal-head h2{margin:0}.close{border:0;background:#ebe7e3;width:38px;height:38px;border-radius:50%;font-size:20px}.modal-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px;margin-bottom:14px}.modal-card dl{display:grid;grid-template-columns:1fr auto;gap:10px;margin:0}.modal-card dt{color:var(--muted)}.modal-card dd{margin:0;font-weight:700;text-align:right}.toast-stack{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:200;width:min(92%,420px);display:grid;gap:8px}.toast{background:var(--ink);color:#fff;padding:13px 15px;border-radius:13px;box-shadow:var(--shadow);animation:toast .25s ease-out}.toast.error{background:var(--red)}
    .onboarding{position:fixed;inset:0;z-index:300;background:transparent;display:grid;place-items:center;padding:22px}.onboard-card{width:min(100%,540px);background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:var(--shadow)}
    .auth-scene{overflow:hidden}.auth-scene::before{content:"";position:absolute;inset:-8%;z-index:0;pointer-events:none;background:radial-gradient(620px 620px at 18% 18%,rgba(107,15,45,.32) 0%,transparent 62%),radial-gradient(560px 560px at 86% 10%,rgba(239,207,205,.6) 0%,transparent 60%),radial-gradient(760px 760px at 55% 96%,rgba(59,7,26,.4) 0%,transparent 65%);background-repeat:no-repeat;animation:maya-drift 16s ease-in-out infinite alternate}
    .auth-mark{position:absolute;top:26px;left:24px;right:24px;z-index:1;display:flex;align-items:center;justify-content:space-between}.auth-mark .wine-brand{font-size:15px;font-weight:650;letter-spacing:-.01em}.auth-mark button{border:0;background:transparent;color:var(--accent);font-weight:650;font-size:14px;padding:8px 4px}
    .auth-card{position:relative;z-index:1;background:rgba(255,255,255,.88);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);border:1px solid rgba(255,255,255,.7);box-shadow:0 24px 60px rgba(59,7,26,.18)}.onboard-card.auth-card h1{font-size:38px;font-weight:400;letter-spacing:-.03em;margin:4px 0 6px}
    .auth-field{position:relative;margin-bottom:12px}.auth-field input{width:100%;border:1px solid rgba(107,15,45,.14);background:#fff;border-radius:999px;padding:15px 18px 15px 46px;min-height:52px;font-size:15px}.auth-field input:focus{border-color:var(--accent);outline:none}.auth-field .auth-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--accent);font-size:14px;opacity:.65;pointer-events:none}
    .onboard-card.auth-card .primary{border-radius:999px;min-height:52px;font-size:15px;margin-top:8px}.auth-note{font-size:13px;color:var(--muted);text-align:center;margin-top:18px}.auth-note button{background:none;border:0;color:var(--accent);font-weight:650;padding:0}.auth-error{color:var(--red);font-size:13px;margin:0 0 12px;text-align:center}
    @media(prefers-reduced-motion:reduce){.auth-scene::before{animation:none}}
    .login-symbol{position:absolute;top:88px;left:50%;width:60px;transform:translateX(-50%);z-index:1;opacity:1;transition:top .9s cubic-bezier(.19,1,.22,1),width .9s cubic-bezier(.19,1,.22,1),opacity .6s ease}
    .login-symbol img{width:100%;display:block;animation:symbol-spin 9s linear infinite}
    @keyframes symbol-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
    .login-symbol.symbol-enter{top:36vh;width:88px;opacity:0}
    .login-symbol.symbol-enter.symbol-in{opacity:1}
    .auth-mark,.auth-card{transition:opacity .6s ease,transform .6s cubic-bezier(.19,1,.22,1)}
    .auth-scene.pre-reveal .auth-mark,.auth-scene.pre-reveal .auth-card{opacity:0;transform:translateY(16px)}
    @media(prefers-reduced-motion:reduce){.login-symbol{transition:none}.login-symbol img{animation:none}.auth-mark,.auth-card{transition:none}}
    .onboard-logo{width:60px;height:60px;border-radius:19px;background:var(--accent-soft);display:grid;place-items:center;margin-bottom:38px}.wine-brand{display:inline-flex;align-items:center;gap:8px}.onboard-card h1{font-size:42px}.onboard-card .primary{width:100%;margin-top:18px;padding:10px 16px;min-height:40px;font-size:14px}.progress{height:4px;background:#eee9e5;border-radius:10px;margin-bottom:30px;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent);transition:width .3s}.day-toggle{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.switch{width:46px;height:27px;border:0;border-radius:20px;background:#d3ceca;padding:3px}.switch:after{content:"";display:block;width:21px;height:21px;border-radius:50%;background:white;transition:.2s}.switch.on{background:var(--green)}.switch.on:after{transform:translateX(19px)}.settings-grid{display:grid;gap:10px}.setting-card{border:1px solid var(--line);background:#fff;border-radius:17px;padding:16px;display:flex;align-items:center;gap:13px;text-align:left}.setting-card strong,.setting-card span{display:block}.setting-card span{font-size:12px;color:var(--muted)}.setting-card .arrow{margin-left:auto;color:var(--muted)}.check-list{display:grid;gap:10px}.check-item{display:flex;gap:10px}.check-item b{color:var(--green)}.check-item.no b{color:var(--red)}.hidden{display:none!important}@keyframes sheet{from{transform:translateY(25px);opacity:.5}}@keyframes toast{from{transform:translateY(-8px);opacity:0}}
    @media(min-width:820px){.app{display:grid;grid-template-columns:240px 1fr}.sidebar{display:flex;position:sticky;top:0;height:100vh;padding:28px 20px;flex-direction:column;border-right:1px solid var(--line);background:rgba(255,255,255,.55)}.sidebar .brand{margin-bottom:40px}.desktop-nav{display:grid;gap:6px}.desktop-nav .nav-btn{display:flex;justify-content:flex-start;gap:12px;border-radius:13px;padding:11px 12px;font-size:14px}.desktop-nav .nav-btn.active{background:var(--accent-soft)}.side-note{margin-top:auto;font-size:12px;color:var(--muted);padding:12px}.main{width:100%;padding:32px 38px 60px}.topbar .brand{display:none}.bottom-nav{display:none}.fab{right:38px;bottom:35px}.metrics{grid-template-columns:repeat(4,1fr)}.conversation-layout{grid-template-columns:320px 1fr}.messages{height:490px}.modal-wrap{align-items:center;padding:22px}.modal{max-width:560px;border-radius:26px;padding:25px;max-height:90vh}.money-grid{gap:12px}.settings-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:410px){.main{padding-left:14px;padding-right:14px}.metric{padding:14px}.money-grid{grid-template-columns:1fr}.onboard-card{padding:22px}.onboard-card h1{font-size:36px}}
    .app:has(.control-home){display:block;background:radial-gradient(ellipse at 95% 0%,#ebe9dd,transparent 55%),#f4f4f0;min-height:100vh}
    .control-home{max-width:740px;padding:30px 24px 140px}.home-profile{display:flex;align-items:center;gap:12px;margin-bottom:32px}.home-profile .profile{width:54px;height:54px;background:#282b29;box-shadow:0 6px 15px #282b2918}.home-profile>div{flex:1}.home-profile strong{display:block;font-size:16px}.home-profile span{color:var(--muted);font-size:13px}.home-settings{border:0;background:#fff9;border-radius:50%;width:44px;height:44px;font-size:22px}.home-welcome h1{font-size:36px;margin:10px 0 5px}.home-welcome p{color:#696d64;font-size:17px;margin-bottom:24px}.home-welcome .eyebrow{font-size:12px;letter-spacing:.06em}
    .control-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.control-tile{border:1px solid #ffffffbc;background:#ffffffb8;border-radius:30px;text-align:left;padding:22px;min-width:0;display:flex;flex-direction:column;gap:9px;box-shadow:0 12px 28px #30362809,inset 0 1px 0 #ffffff;transition:transform .2s,box-shadow .2s;backdrop-filter:blur(18px)}.control-tile:hover{transform:translateY(-4px);box-shadow:0 16px 32px #30362816}.control-tile:active{transform:scale(.98)}.control-tile>strong{font-size:22px;letter-spacing:-.04em;margin-top:12px;line-height:1.15}.control-tile>span{font-size:14px}.tile-orb{width:43px;height:43px;display:inline-grid;place-items:center;border-radius:50%;background:#eaece5;color:#2c3228;font-size:24px;flex-shrink:0}.tile-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.tile-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #53641430;padding-top:16px;margin-top:10px}.day-tile{grid-column:1/-1;background:#dff47f;border-color:#dff47f;box-shadow:0 12px 30px #9bac5724}.day-tile>strong{font-size:46px;margin-top:0}.day-tile small{font-size:20px;font-weight:550;letter-spacing:-.03em}.day-tile .tile-orb{background:#c6de63}.dark-tile{background:#292d2a;color:#fff;border-color:#292d2a}.dark-tile .tile-orb{background:#dff47f}.dark-tile>span:last-child{color:#c0c6be}.money-control{background:#e6e9df}.money-control>strong{font-size:28px}.next-control{grid-column:1/-1;background:#fff}.small-control{flex-direction:row;align-items:center;padding:18px;gap:12px}.small-control strong{display:block;font-size:16px}.small-control span span{display:block;font-size:12px;color:#6a7065;margin-top:3px}.tile-count{border-radius:50%;background:#dff47f;width:28px;height:28px;display:grid;place-items:center;font-weight:750}.home-pending{margin-top:32px}.home-pending h2{font-size:20px}.pending-control{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:12px;text-align:left;padding:16px 3px;border-bottom:1px solid #dcded5;font-size:15px}.pending-control>span:nth-child(2){flex:1}.pending-indicator{width:8px;height:8px;background:#9a733d;border-radius:50%}.home-dock.bottom-nav{display:grid;left:50%;right:auto;transform:translateX(-50%);bottom:16px;width:min(92%,430px);border:1px solid #fff;border-radius:32px;background:#ffffffd9;box-shadow:0 16px 50px #202b2025;padding:8px;gap:4px}.home-dock .nav-btn{border-radius:24px;min-height:55px;padding:8px 2px;font-size:11px;color:#60675d}.home-dock .nav-btn.active{background:#292d2a;color:#e3f68b}.home-dock .nav-icon{font-size:21px}
    @media(min-width:820px){.control-home{padding-top:42px}.control-grid{grid-template-columns:repeat(4,1fr)}.day-tile{grid-column:span 2;grid-row:span 2;justify-content:space-between}.next-control{grid-column:span 2}.small-control{grid-column:span 2}.money-control>strong{font-size:24px}.control-tile{padding:20px}.home-welcome h1{font-size:42px}}
    @media(max-width:410px){.control-home{padding:22px 16px 130px}.control-grid{gap:11px}.control-tile{padding:18px;border-radius:26px}.control-tile>strong{font-size:20px}.day-tile>strong{font-size:42px}.money-control>strong{font-size:24px}.small-control{padding:14px;gap:8px}.small-control .tile-orb{width:32px;height:32px;font-size:20px}.small-control strong{font-size:14px}.home-welcome h1{font-size:32px}}
    .home-welcome h1{font-weight:450;font-size:clamp(48px,8vw,72px);letter-spacing:-.065em;line-height:.96;max-width:470px;margin:18px 0}.home-welcome p{margin-bottom:30px}.day-tile{background:#232724;color:#fff;border-color:#232724}.day-tile .tile-orb{background:#c6ef48}.day-tile .tile-bottom{border-color:#ffffff26}.day-tile>strong{color:#d3f77e}.dark-tile{background:#d0f34d;color:#20271a;border-color:#d0f34d}.dark-tile .tile-orb{background:#262b22;color:#d0f34d}.dark-tile>span:last-child{color:#4b5a29}.home-dock .nav-btn.active{background:#d0f34d;color:#20271a}.home-profile .profile{outline:3px solid #d0f34d;outline-offset:3px}.home-pending{margin-top:28px}
    @media(max-width:410px){.home-welcome h1{font-size:52px}}
    @media(prefers-reduced-motion:reduce){.control-tile{transition:none}.control-tile:hover{transform:none}}
    :root{--bg:#FAF7F4;--surface:#fff;--ink:#1F1F1F;--muted:#5E595B;--line:#E6E1E3;--accent:#6B0F2D;--accent-dark:#3B071A;--accent-soft:#F3DDDB;--wine:linear-gradient(135deg,#6B0F2D 0%,#3B071A 100%);--font-display:'Manrope','Inter',system-ui,sans-serif}
    .wine-app,.wine-app input,.wine-app select,.wine-app button{font-family:var(--sans)}
    h1,.wine-next .wine-time,.wine-next h2,.wine-book strong,.wine-numbers strong,.money-hero strong,.money-tile strong,.wine-pay-question{font-family:var(--font-display)}
    body{background-color:#FAF7F4;background-image:radial-gradient(1000px 700px at 20% 25%,#EFCFCD 0%,transparent 60%),radial-gradient(900px 650px at 80% 20%,#F6D9CF 0%,transparent 58%),radial-gradient(950px 800px at 50% 105%,#F3DDDB 0%,transparent 62%);background-repeat:no-repeat;background-size:220% 220%;background-position:0% 0%,100% 0%,50% 100%;animation:maya-drift 16s ease-in-out infinite alternate}
    body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;mix-blend-mode:screen;background-image:radial-gradient(550px 380px at 25% 75%,rgba(255,255,255,.5) 0%,transparent 70%),radial-gradient(480px 340px at 78% 28%,rgba(255,255,255,.38) 0%,transparent 70%);background-repeat:no-repeat;background-size:170% 170%;background-position:0% 100%,100% 0%;animation:maya-lights 22s ease-in-out infinite alternate}
    @keyframes maya-lights{0%{background-position:0% 100%,100% 0%}50%{background-position:38% 58%,62% 42%}100%{background-position:78% 18%,22% 82%}}
    @media(prefers-reduced-motion:reduce){body::before{animation:none}}
    .dark-light{position:fixed;inset:0;z-index:0;pointer-events:none;mix-blend-mode:multiply;opacity:.5;background-image:radial-gradient(620px 460px at 65% 65%,rgba(59,7,26,.6) 0%,transparent 70%);background-repeat:no-repeat;background-size:190% 190%;background-position:100% 100%;animation:maya-darklight 26s ease-in-out infinite alternate}
    @keyframes maya-darklight{0%{background-position:100% 100%}50%{background-position:55% 40%}100%{background-position:15% 25%}}
    @media(prefers-reduced-motion:reduce){.dark-light{animation:none}}
    body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
    #app{position:relative;z-index:1}
    @keyframes maya-drift{0%{background-position:0% 0%,100% 0%,50% 100%}50%{background-position:35% 30%,65% 35%,42% 78%}100%{background-position:10% 15%,90% 5%,60% 95%}}
    @media(prefers-reduced-motion:reduce){body{animation:none}}
    .app{display:block}.sidebar,.bottom-nav{display:none!important}.wine-app{max-width:940px;width:100%;padding:28px 24px 52px}.wine-home{max-width:580px}.wine-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.wine-header>span{font-size:16px;font-weight:650;letter-spacing:-.04em}.wine-header .profile{width:50px;height:50px;background:var(--wine);outline:0;overflow:hidden;color:white;box-shadow:0 6px 18px #3b071a14}.profile img{width:100%;height:100%;object-fit:cover;display:block}.profile:has(img){padding:0}.wine-back{background:none;border:0;color:var(--accent);min-height:48px;margin-bottom:18px;padding:0;font-weight:600}.wine-intro h1{font-size:68px;line-height:.98;font-weight:300;letter-spacing:-.045em;margin:16px 0 18px}
    .daily-note{position:relative;padding:20px 20px 18px;background:#fff;border:1px solid var(--line);border-radius:22px;margin:0 0 26px;box-shadow:0 6px 18px rgba(23,19,21,.045);animation:wine-enter .3s ease-out}
    .daily-note-label{display:block;font-size:11px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
    .daily-note-msg{font-size:17px;line-height:1.45;font-weight:560;color:var(--ink);margin:0 0 12px;max-width:480px}
    .daily-note-question{font-size:14px;color:var(--muted);margin:0 0 12px}
    .daily-note-options{display:flex;gap:8px;flex-wrap:wrap}
    .daily-note-options button{border:1px solid var(--accent);color:var(--accent);background:#fff;padding:11px 16px;border-radius:999px;font-size:13px;font-weight:700;min-height:44px}
    .daily-note-options button:active{transform:scale(.97)}
    @media(hover:hover){.daily-note-options button:hover{background:var(--accent-soft)}}
    .daily-note-reply{background:var(--accent-soft);border-radius:16px;padding:14px 16px;margin-top:2px}
    .daily-note-reply p{margin:0;font-size:15px;line-height:1.5;color:var(--ink)}
    .daily-note-reply button{margin-top:10px}
    .daily-note-close{position:absolute;top:14px;right:14px;border:0;background:transparent;color:var(--muted);font-size:18px;width:32px;height:32px;border-radius:50%;line-height:1}
    @media(hover:hover){.daily-note-close:hover{background:#f1efed}}
    @media(prefers-reduced-motion:reduce){.daily-note{animation:none}}
    .wine-intro p{font-size:16px;line-height:1.55;color:var(--muted);max-width:360px;margin-bottom:28px}.wine-next{border-radius:32px;background:var(--wine);color:white;padding:18px 20px;box-shadow:0 16px 36px #3b071a14;animation:wine-enter .24s ease-out}.wine-next>span:first-child{font-size:13px;color:#e6cfd7}.wine-time{font-size:32px;font-weight:450;line-height:1.1;letter-spacing:-.04em;margin:8px 0 2px}.wine-next h2{font-size:18px;font-weight:500;margin:2px 0}.wine-next p{font-size:14px;color:#e6d6dc;margin:0 0 10px}.wine-status{display:inline-block;border-radius:30px;padding:5px 11px;background:#ffffff15;color:#fff;font-size:12px;border:1px solid #ffffff24}.wine-next button{display:block;min-height:36px;padding:8px 14px;border:0;border-radius:18px;background:#fff;color:#3b071a;font-weight:600;font-size:13px;margin:12px 0 0 auto}.wine-book{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;border-radius:28px;background:var(--wine);color:#fff;padding:22px;margin:16px 0 18px;text-align:left;box-shadow:0 10px 26px #3b071a12}.wine-book strong{display:block;font-size:18px;font-weight:550}.wine-book small{display:block;font-size:14px;color:#eadce0;margin-top:5px;line-height:1.4}.wine-arrow{display:grid;place-items:center;border-radius:50%;background:#ffffff1a;width:42px;height:42px;flex-shrink:0;font-size:24px}.wine-links{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wine-links button{border:0;border-radius:28px;background:#F3DDDB;padding:22px;text-align:left;min-width:0;box-shadow:0 8px 24px #17131505}.wine-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ffffffa0;color:#6b0f2d;font-size:23px;margin-bottom:20px}.wine-links strong{display:block;font-size:17px;font-weight:550;line-height:1.3}.wine-links small{display:block;font-size:14px;color:#746B70;line-height:1.45;margin-top:6px}.wine-finance{grid-column:1/-1;display:flex;align-items:center;gap:14px}.wine-finance .wine-icon{margin:0;flex-shrink:0}.wine-finance>span:nth-child(2){flex:1}.wine-numbers{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.wine-numbers>div,.wine-numbers>button{padding:22px;background:#fff;border-radius:26px;border:0;width:100%;text-align:left;font:inherit;transition:transform .2s}.wine-numbers>button:active{transform:scale(.97)}.wine-numbers>div:last-child,.wine-numbers>button:last-child{background:var(--ink);box-shadow:0 14px 30px rgba(23,19,21,.35)}.wine-numbers>div:last-child span,.wine-numbers>button:last-child span{color:#c7c2c4}.wine-numbers strong{display:block;font-size:30px;font-weight:500;letter-spacing:-.04em}.wine-numbers span{display:block;font-size:13px;color:#746b70;margin-top:5px}.wine-pending{margin-top:22px;padding:20px 0;border-top:1px solid var(--line)}.wine-pending p{font-size:16px;margin-bottom:2px}.wine-pending button,.wine-conversations{border:0;background:transparent;color:#6b0f2d;min-height:48px;padding:6px 0;font-size:14px;font-weight:600}.wine-demo{font-size:12px;color:var(--muted);margin-top:16px}.wine-book,.wine-links button{min-height:48px}.wine-book,.wine-links button,.wine-next button{transition:transform .22s,box-shadow .22s}.wine-book:active,.wine-links button:active,.wine-next button:active{transform:scale(.985)}.wine-app .fab{position:static;margin:20px 0 0;box-shadow:none}.wine-app button:focus-visible{outline:3px solid #aa5975;outline-offset:4px}
    @media(hover:hover){.wine-book:hover,.wine-links button:hover,.wine-next button:hover{transform:translateY(-3px);box-shadow:0 14px 28px #3b071a14}}
    @media(min-width:820px){.wine-home{max-width:650px;padding-top:40px}.wine-intro h1{font-size:86px}.wine-next{padding:22px 26px}.wine-time{font-size:38px}}
    @media(max-width:390px){.wine-app{padding-left:20px;padding-right:20px}.wine-intro h1{font-size:58px}.wine-links button{padding:18px}.wine-numbers>div,.wine-numbers>button{padding:18px}.wine-numbers strong{font-size:27px}}
    @keyframes wine-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
    .hypernova-footer{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:32px;padding-top:0;font-size:11px;color:var(--muted);opacity:.6}
    .hypernova-mark{height:11px;width:auto;display:inline-block;vertical-align:middle}
    @media(prefers-reduced-motion:reduce){.wine-next{animation:none}.wine-book,.wine-links button,.wine-next button{transition:none;transform:none!important}}
    /* ShinyButton border, adapted to this standalone HTML and the Maya palette. */
    @property --brow-shine-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
    .wine-next,.wine-book{
      --brow-shine-angle:0deg;
      border:2px solid transparent;
      background:linear-gradient(135deg,#6B0F2D 0%,#3B071A 100%) padding-box,
        conic-gradient(from var(--brow-shine-angle),#3a1c26 0deg,#3a1c26 228deg,#b3708a 262deg,#ffdbe8 300deg,#b3708a 338deg,#3a1c26 360deg) border-box;
      animation:brow-border 9s linear infinite;
      box-shadow:0 12px 32px #3b071a12;
      position:relative;isolation:isolate;
    }
    .wine-next::after,.wine-book::after{
      content:"";position:absolute;inset:-5px;border-radius:inherit;
      box-shadow:0 0 16px 1px rgba(230,164,184,.35);
      animation:brow-glow 3.2s ease-in-out infinite;
      pointer-events:none;z-index:-1;
    }
    .wine-next{
      border-radius:16px;border-width:3px;
      background:linear-gradient(135deg,#6B0F2D 0%,#3B071A 100%) padding-box,
        conic-gradient(from var(--brow-shine-angle),#4a2431 0deg,#4a2431 212deg,#cf87a3 252deg,#fff6f9 292deg,#eab2c7 320deg,#4a2431 360deg) border-box;
      animation-duration:6s;
      box-shadow:0 18px 42px #3b071a26,0 3px 10px #6b0f2d12;
    }
    .wine-next::after{box-shadow:0 0 20px 2px rgba(240,185,204,.4)}
    .wine-next .wine-time{font-size:clamp(28px,7vw,36px);font-weight:500}
    .wine-next>span:first-child{color:#fff;font-weight:550;font-size:15px}
    .wine-book{border-radius:18px;animation-duration:12s}
    .wine-book:hover,.wine-book:focus-visible{box-shadow:0 14px 30px #3b071a20}
    .wine-links button{border-radius:18px;min-height:160px}
    .wine-links button:first-child,.wine-links .wine-finance{background:#090809;color:#fff;border:1px solid #2d262b;box-shadow:0 10px 26px #09080910}
    .wine-links button:first-child small,.wine-links .wine-finance small{color:#c6bcc1}
    .wine-links button:first-child .wine-icon,.wine-links .wine-finance .wine-icon{background:#24181e;color:#e6c4cf;border:1px solid #48313b;border-radius:12px}
    .wine-links .wine-finance{min-height:105px}
    .wine-next button{border-radius:14px}
    .wine-links button:nth-child(2) .wine-icon{border-radius:12px}
    @keyframes brow-border{to{--brow-shine-angle:360deg}}
    @keyframes brow-glow{0%,100%{opacity:.45}50%{opacity:.85}}
    @media(prefers-reduced-motion:reduce){.wine-next,.wine-book{animation:none;--brow-shine-angle:35deg}.wine-next::after,.wine-book::after{animation:none;opacity:.75}}
    .wine-pay{min-height:auto}
    .wine-pay-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
    .wine-pay-head>span{color:#fff;font-weight:600;font-size:14px;letter-spacing:.02em}
    .wine-next .wine-pay-skip{display:inline-block;margin:0;width:auto;background:#ffffff1a;border:1px solid #ffffff30;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;min-height:32px}
    .wine-pay-question{font-size:clamp(24px,5vw,30px);font-weight:500;letter-spacing:-.03em;margin:0 0 6px;color:#fff}
    .wine-pay-service{font-size:15px;color:#e6d6dc;margin:0 0 18px}
    .wine-pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    .wine-pay-grid button{margin:0;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:#ffffff14;color:#fff;border:1px solid #ffffff30;padding:14px;min-height:56px;text-align:left;font-weight:600}
    .wine-pay-grid button:hover{background:#ffffff22}
    .wine-pay-grid button small{color:#e9d3da;font-weight:500;font-size:12px}
    .wine-pay-grid button small.grad-green-dark{color:transparent}
    .quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 22px}
    .goal-bar{height:14px;background:var(--line);border-radius:999px;overflow:hidden}
    .goal-bar-fill{height:100%;background:linear-gradient(90deg,#EFCFCD,var(--accent));border-radius:999px;transition:width .5s ease}
    .trend-card{display:block;width:100%;text-align:left;border:0;background:#fff;border-radius:24px;padding:22px 22px 18px;margin:16px 0;box-shadow:0 6px 18px rgba(23,19,21,.045);transition:transform .2s}
    .trend-card:active{transform:scale(.985)}
    .trend-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
    .trend-head>span:first-child{font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
    .trend-pill{font-size:11px;font-weight:600;letter-spacing:.02em;padding:3px 2px;background:transparent;color:var(--muted)}
    .trend-pill.up{color:var(--green)}
    .trend-pill.down{color:var(--red)}
    .trend-pill.flat{color:var(--muted)}
    .trend-values{position:relative;height:16px}
    .trend-values span{position:absolute;transform:translateX(-50%);font-size:12px;font-weight:700;color:var(--ink)}
    .trend-labels{position:relative;height:32px;margin-top:6px}
    .trend-point{position:absolute;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:1px;white-space:nowrap}
    .trend-day{font-size:10px;font-weight:650;letter-spacing:.03em;text-transform:capitalize;color:var(--ink)}
    .trend-date{font-size:10px;color:var(--muted)}
    .fab-quick{position:fixed;right:20px;bottom:26px;z-index:30;width:54px;height:54px;border-radius:50%;background:var(--ink);color:#fff;border:0;font-size:26px;line-height:1;display:grid;place-items:center;box-shadow:0 12px 28px rgba(31,31,31,.35);transition:transform .2s}
    .fab-quick:active{transform:scale(.9)}
    .sales-alert{display:flex;align-items:center;gap:14px;width:100%;border:0;border-radius:22px;background:linear-gradient(135deg,var(--accent-soft),#fff);padding:18px;text-align:left;margin:18px 0;box-shadow:0 10px 24px rgba(107,15,45,.1)}
    .sales-alert-icon{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:19px;flex-shrink:0}
    .sales-alert-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
    .sales-alert-body strong{font-size:15px}
    .sales-alert-body span{font-size:13px;color:var(--muted)}
    .strategy-list{display:grid;gap:10px}
    .strategy-card{display:block;width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px}
    .strategy-card strong{display:block;margin-bottom:3px}
    .strategy-card span{font-size:13px;color:var(--muted)}
    .quick-grid button{border:0;background:var(--ink);color:#fff;border-radius:16px;padding:12px 8px;text-align:center;box-shadow:0 6px 16px #17131518;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:64px;transition:transform .2s,box-shadow .2s}
    .quick-grid button:active{transform:scale(.97)}
    .quick-icon{font-size:17px}
    .quick-grid strong{font-size:12px;font-weight:650;letter-spacing:-.01em;color:#fff}
    .link-box{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px}
    .link-box span{font-weight:650;letter-spacing:-.01em;word-break:break-all;font-size:15px}
    .link-box button{border:0;background:var(--ink);color:#fff;border-radius:12px;padding:10px 16px;font-weight:700;min-height:40px;flex-shrink:0}
    .public-preview{position:fixed;inset:0;z-index:320;background:transparent;display:grid;place-items:start center;padding:60px 22px 22px;overflow:auto}
    .pb-banner{position:fixed;top:0;left:0;right:0;background:var(--ink);color:#fff;text-align:center;font-size:12px;font-weight:700;padding:9px;letter-spacing:.04em;z-index:2}
    .pb-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}
    .pb-slot{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 6px;font-weight:700}
    .pb-slot:hover{border-color:var(--accent)}
    .toast{display:flex;align-items:center;justify-content:space-between;gap:12px}
    .toast-action{border:0;background:#ffffff22;color:#fff;border-radius:10px;padding:7px 11px;font-weight:700;font-size:12px;flex-shrink:0}
    @media(hover:hover){.quick-grid button:hover{transform:translateY(-3px);box-shadow:0 12px 24px #17131512}}
    @media(max-width:410px){.quick-grid{gap:8px}.quick-grid button{padding:10px 6px;min-height:58px}}