@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--navy-1:#001833;--navy-2:#002449;--navy-3:#000d1d;--gold:#d9a34a;--gold-2:#f4d27a;--cream:#f7ead0;--muted:#c9c1b2;--panel:#06192fc7;--panel-2:#051427e6;--line:#f7ead01f}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:#f2f2f2;margin:0;font-family:Inter,system-ui,sans-serif}button,textarea{font:inherit}button{cursor:pointer}.phone{width:100%;max-width:430px;min-height:100vh;color:var(--cream);background:radial-gradient(circle at 52% -6%, #3475b159, transparent 33%), radial-gradient(circle at 20% 30%, #d9a34a1a, transparent 28%), linear-gradient(180deg, var(--navy-2) 0%, var(--navy-1) 42%, var(--navy-3) 100%);margin:0 auto;position:relative;overflow:hidden}.phone:before{content:"";pointer-events:none;background:radial-gradient(circle at 18% 18%,#ffffff09,#0000 1px) 0 0/42px 42px,linear-gradient(120deg,#0000,#ffffff06,#0000) 0 0/100% 100%;position:absolute;inset:0}.statusbar{z-index:5;color:#fff;justify-content:space-between;height:45px;padding:18px 24px 0;font-size:14px;font-weight:800;display:flex;position:relative}.status-icons{letter-spacing:2px}.vine-svg{color:#d9a34aa6;pointer-events:none;z-index:1;filter:drop-shadow(0 6px 12px #00000040);width:285px;height:200px;position:absolute}.home-vine-top{top:-18px;right:-130px;transform:rotate(104deg)}.home-vine-bottom{bottom:12px;left:-38px;transform:rotate(-8deg)}.app-vine-top{top:-20px;right:-118px;transform:rotate(106deg)scale(.84)}.app-vine-side{opacity:.7;top:470px;right:-148px;transform:rotate(96deg)scale(.75)}.home-screen{flex-direction:column;padding:0 28px 34px;display:flex}.home-brand{z-index:2;justify-content:center;margin-top:44px;display:flex;position:relative}.home-brand img{filter:drop-shadow(0 22px 42px #00000047);width:100%;max-width:350px}.home-text{z-index:3;margin-top:38px;position:relative}.home-text h1{letter-spacing:-.052em;color:#fff;margin:0;font-family:Inter,system-ui,sans-serif;font-size:36px;font-weight:400;line-height:1.16}.home-text h1 span{color:var(--gold)}.home-text p{max-width:320px;color:var(--cream);opacity:.9;margin:24px 0 0;font-size:15.5px;line-height:1.72}.home-actions{z-index:4;margin-top:auto;position:relative}.gold-button{color:#0b1322;background:linear-gradient(135deg,#f8d983 0%,#e0ad54 45%,#bd7f27 100%);border:none;border-radius:999px;width:100%;padding:17px 22px;font-size:16px;font-weight:800;box-shadow:0 18px 42px #00000059}.outline-button{width:100%;color:var(--gold-2);border:1.4px solid var(--gold);background:#000d1d40;border-radius:999px;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:16px 22px;font-size:16px;font-weight:800;display:flex}.app-screen{padding-bottom:86px}.top-logo-row{z-index:4;justify-content:center;align-items:center;height:42px;display:flex;position:relative}.mini-logo img{object-fit:contain;filter:drop-shadow(0 6px 14px #0000004d);width:47px;height:47px}.app-main{z-index:3;padding:13px 24px 28px;position:relative}.screen-content{position:relative}.screen-heading,.notes-top{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}h2{letter-spacing:-.025em;color:#fff;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:40px;font-weight:700;line-height:.95}.screen-heading p,.notes-top p,.screen-subtitle{color:var(--cream);opacity:.86;margin:7px 0 0;font-size:15px;line-height:1.4}.round-help{border:1.4px solid var(--gold);width:31px;height:31px;color:var(--gold);background:0 0;border-radius:50%;place-items:center;display:grid}.listen-area{align-items:center;gap:28px;margin:36px 0 30px;display:flex}.listen-orbit{place-items:center;width:154px;height:154px;display:grid;position:relative}.listen-orbit:before,.listen-orbit:after{content:"";border:1px solid #d9a34a47;border-radius:50%;position:absolute}.listen-orbit:before{inset:8px}.listen-orbit:after{opacity:.55;inset:-8px}.listen-vine{opacity:.9;width:128px;height:100px;top:2px;left:-34px;transform:rotate(112deg)scale(.65)}.listen-button{z-index:2;color:#fff;background:radial-gradient(circle at 38% 25%,#f6d77f,#d9a34a 56%,#b06f22 100%);border:none;border-radius:50%;place-items:center;width:104px;height:104px;display:grid;position:relative;box-shadow:0 20px 42px #0000005c}.listen-button.active{animation:1.7s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #d9a34a38,0 20px 42px #0000005c}50%{box-shadow:0 0 0 16px #d9a34a14,0 20px 42px #0000005c}}.listen-status strong{color:var(--gold-2);font-size:15px}.listen-status p{white-space:pre-line;color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.45}.glass-card{border:1px solid var(--line);background:linear-gradient(#081e37e0,#05152ad1);border-radius:14px;margin-bottom:12px;overflow:hidden;box-shadow:0 14px 34px #0003}.accordion-head{width:100%;color:var(--cream);text-align:left;background:0 0;border:0;align-items:center;gap:14px;padding:15px 16px;display:flex}.accordion-head svg{color:var(--gold);stroke-width:1.8px;flex:none}.accordion-head div{flex:1}.accordion-head strong{color:#fff;font-size:15px;font-weight:800;display:block}.accordion-head p{color:var(--muted);margin:5px 0 0;font-size:12.5px}.accordion-head span{color:var(--gold);font-size:20px}textarea{resize:vertical;width:calc(100% - 28px);min-height:145px;color:var(--cream);border:1px solid var(--line);background:#000c1bbd;border-radius:12px;outline:none;margin:0 14px 14px;padding:15px}.theme-box{padding:0 14px 14px}.waiting-card,.theme-row{border:1px solid var(--line);background:#000e1f94;border-radius:12px;padding:13px}.waiting-card{align-items:center;gap:13px;display:flex}.waiting-card strong{color:#fff}.waiting-card p{color:var(--muted);margin:5px 0 0;font-size:12.5px;line-height:1.45}.spinner{border:3px dotted var(--gold);border-radius:50%;flex:none;width:22px;height:22px;animation:1.4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.theme-row{align-items:center;gap:10px;min-height:39px;margin-bottom:8px;display:flex}.theme-dot{background:var(--gold);border-radius:50%;width:7px;height:7px}.theme-row strong{color:#fff;flex:1;font-size:13px}.theme-row small{color:var(--muted)}.theme-row svg{color:var(--gold);stroke-width:1.8px}.generate-button{margin-top:16px}.notes-actions{color:var(--gold);gap:14px;display:flex}.list-stack{margin-top:24px}.dark-list-card{border:1px solid var(--line);width:100%;min-height:58px;color:var(--cream);text-align:left;background:linear-gradient(#081e37e6,#05152adb);border-radius:12px;align-items:center;gap:14px;margin-bottom:8px;padding:13px 15px;display:flex;box-shadow:0 12px 25px #00000029}.dark-list-card svg{color:var(--gold);stroke-width:1.8px;flex:none}.dark-list-card div{flex:1}.dark-list-card strong{color:#fff;font-size:14.5px;display:block}.dark-list-card p{color:var(--muted);margin:4px 0 0;font-size:12px}.dark-list-card span{color:var(--gold);font-size:20px}.resources-screen{padding-top:8px}.resource-stack{margin-top:24px}.cream-card{color:#1b1307;text-align:left;background:linear-gradient(135deg,#f8ecd3 0%,#edd5a3 100%);border:0;border-radius:11px;align-items:center;gap:16px;width:100%;min-height:86px;margin-bottom:12px;padding:16px 17px;display:flex;box-shadow:0 12px 28px #00000038}.cream-card svg{color:#9f681f;stroke-width:1.7px;flex:none}.cream-card div{flex:1}.cream-card strong{font-size:15px;display:block}.cream-card p{margin:4px 0 0;font-size:12.5px;line-height:1.35}.cream-card span{font-size:22px}.profile-screen{text-align:left}.profile-emblem{background:radial-gradient(circle at 38% 25%,#f6d77f,#d9a34a 56%,#b06f22 100%);border-radius:50%;place-items:center;width:92px;height:92px;margin:34px auto 16px;display:grid;box-shadow:0 18px 36px #00000047}.profile-emblem img{object-fit:contain;width:72px;height:72px}.profile-screen h3{text-align:center;color:#fff;margin:0}.profile-muted{text-align:center;color:var(--muted);margin:5px 0 24px}.settings-list{border:1px solid var(--line);background:#05152ad1;border-radius:16px;overflow:hidden}.settings-list button{border:0;border-bottom:1px solid var(--line);width:100%;min-height:54px;color:var(--cream);text-align:left;background:0 0;align-items:center;gap:12px;padding:0 17px;display:flex}.settings-list button:last-child{color:var(--gold);border-bottom:0}.settings-list span:first-of-type{flex:1}.bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#000d1df0;border-top:1px solid #f7ead01c;grid-template-columns:repeat(4,1fr);width:100%;max-width:430px;height:78px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#f7ead0a8;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.bottom-nav svg{stroke-width:1.55px}.bottom-nav button.active{color:var(--gold)}