:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--accent:#d96579;--accent-dark:#b94660;--peach:#f5b199;--bg:#fffaf7;--bg-soft:#fff7f3;--surface:#fff;--surface-soft:#fff1eb;--surface-elevated:#fffffff2;--text:#17141c;--text-muted:#6f6873;--text-subtle:#9a8f95;--text-inverse:#fff;--border:#eadfda;--shadow:0 20px 50px #6739461f;--shadow-soft:0 12px 35px #54373f14;--header-bg:#fffaf7f0;--sidebar-bg:#fffaf7;--sidebar-hover:#fff1eb;--player-bg:#fffaf7;--player-text:#17141c;--player-muted:#6f6873;--player-track:#eadfda;--footer-bg:#fffaf7;--footer-text:#17141c;--footer-muted:#6f6873;--footer-subtle:#9a8f95;--footer-border:#eadfda;--radius-sm:11px;--radius-md:18px;--radius-lg:24px;--sidebar-width:240px;--player-height:86px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111014;--bg-soft:#151217;--surface:#1a171d;--surface-soft:#241f27;--surface-elevated:#1a171df5;--text:#f7f2f5;--text-muted:#aaa1aa;--text-subtle:#7f7680;--border:#2b2630;--shadow:0 20px 50px #00000047;--shadow-soft:0 12px 35px #0003;--header-bg:#111014f0;--sidebar-bg:#151217;--sidebar-hover:#27222b;--player-bg:#0c0b0e;--player-text:#fff;--player-muted:#aaa1aa;--player-track:#3a343d;--footer-bg:#0c0b0e;--footer-text:#fff;--footer-muted:#b9b0ba;--footer-subtle:#8f858f;--footer-border:#29232b}}@media (prefers-color-scheme:light){:root{--player-bg:#fffaf7;--player-text:#17141c;--player-muted:#6f6873;--player-track:#eadfda;--footer-bg:#fffaf7;--footer-text:#17141c;--footer-muted:#6f6873;--footer-subtle:#9a8f95;--footer-border:#eadfda}}
*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%}body{min-height:100vh;color:var(--text);background:var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1180px,100% - 40px);margin:0 auto}.app-shell{min-height:100vh;margin-left:var(--sidebar-width);padding-bottom:var(--player-height);color:var(--text);background:var(--bg)}
.button{color:var(--text-inverse);background:linear-gradient(135deg, var(--accent), #ee7a7b);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-weight:800;display:inline-flex;box-shadow:0 10px 25px #d9657938}.button-small{padding:10px 15px}.button-secondary{color:var(--text);background:var(--surface);border:1px solid var(--border);box-shadow:none}
.site-header{z-index:50;background:var(--header-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;gap:28px;min-height:74px;display:flex}.brand,.sidebar-brand{color:var(--text);align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.brand-mark{width:36px;height:36px;color:var(--text-inverse);background:linear-gradient(135deg, var(--peach), var(--accent));border-radius:12px;place-items:center;display:grid}.nav-links{gap:25px;font-size:14px;font-weight:700;display:flex}.nav-links a{color:var(--text-muted);align-items:center;gap:7px;display:inline-flex}.nav-links a:hover{color:var(--accent-dark)}.nav-actions{align-items:center;gap:10px;display:flex}.icon-link{border:1px solid var(--border);border-radius:var(--radius-sm);width:38px;height:38px;color:var(--text);background:var(--surface);place-items:center;display:grid}.create-action{color:var(--text);border-radius:999px;align-items:center;gap:7px;padding:10px 14px;font-size:14px;font-weight:800;transition:background .2s,color .2s,transform .2s;display:inline-flex}.create-action:hover{color:var(--accent-dark);background:var(--surface-soft);transform:translateY(-1px)}
.footer{padding:32px 0 calc(var(--player-height) + 28px);color:var(--text-muted);background:var(--bg);margin-top:40px}.footer-grid{grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(120px,1fr));align-items:start;gap:32px;display:grid}.footer-brand{align-items:center;margin-bottom:12px;display:flex}.footer-logo{object-fit:contain;width:130px;height:auto;display:block}.footer h3{color:var(--text);margin:0 0 12px;font-size:13px;font-weight:700}.footer p{max-width:280px;color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.footer a{width:fit-content;color:var(--text-muted);margin-bottom:8px;font-size:13px;display:block}.footer a:hover{color:var(--text)}.footer-bottom{color:var(--text-subtle);border-top:1px solid var(--border);justify-content:space-between;gap:20px;margin-top:28px;padding-top:18px;font-size:12px;display:flex}@media (max-width:800px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.footer-grid{grid-template-columns:1fr;gap:24px}.footer-bottom{flex-direction:column;gap:8px}}
.product-shell{background:var(--bg)}.product-hero{min-height:520px;color:var(--text-inverse);background:linear-gradient(90deg,#161119eb 0%,#161119ad 48%,#1611191f 100%),radial-gradient(circle at 78% 30%,#8c5870 0%,#4f3449 30%,#241d28 72%);align-items:end;padding:72px 0 54px;display:flex}.product-hero-inner{padding-bottom:18px}.hero-badge{letter-spacing:.11em;background:#ffffff24;border-radius:999px;align-items:center;gap:7px;width:fit-content;padding:7px 10px;font-size:11px;font-weight:850;display:inline-flex}.product-hero h1{letter-spacing:-.055em;max-width:760px;margin:18px 0 14px;font-size:clamp(48px,7vw,86px);line-height:.95}.product-hero p{color:#fffc;max-width:600px;font-size:18px;line-height:1.6}.product-hero-actions{gap:12px;margin-top:25px;display:flex}.save-button{color:var(--text-inverse);background:#ffffff1f;border:1px solid #ffffff47;border-radius:12px;align-items:center;gap:8px;padding:13px 18px;font-weight:750;display:inline-flex}.quick-actions a{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);background:var(--surface);box-shadow:var(--shadow-soft);align-items:center;gap:12px;padding:20px;font-weight:800;display:flex}.quick-actions svg{color:var(--accent-dark)}.product-content{padding-top:58px;padding-bottom:70px}.content-row{margin-bottom:54px}.row-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.row-heading h2{letter-spacing:-.035em;margin:0;font-size:30px}.row-heading p{color:var(--text-muted);margin:7px 0 0}.row-heading>a{color:var(--accent-dark);align-items:center;gap:6px;font-weight:800;display:inline-flex}.product-card-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.product-card{color:var(--text);display:block}.product-cover{aspect-ratio:1;border-radius:var(--radius-md);position:relative;overflow:hidden;box-shadow:0 14px 28px #3a27311f}.product-cover button{width:44px;height:44px;color:var(--accent-dark);opacity:0;background:#fff;border:0;border-radius:50%;place-items:center;transition:all .2s;display:grid;position:absolute;bottom:14px;right:14px;transform:translateY(6px)}.product-card:hover .product-cover button{opacity:1;transform:translateY(0)}.product-card-copy h3{margin:13px 0 4px;font-size:17px}.product-card-copy p{color:var(--text-muted);margin:0;font-size:13px}.product-cover.night{background:radial-gradient(circle at 72% 24%,#7e6b91,#0000 25%),linear-gradient(135deg,#171521,#54405f)}.product-cover.memory{background:radial-gradient(circle at 70% 22%,#ffc0a8,#0000 27%),linear-gradient(135deg,#7d324a,#d76d6e)}.product-cover.stories{background:radial-gradient(circle at 70% 20%,#e6bc82,#0000 24%),linear-gradient(135deg,#2e2431,#704656)}.product-cover.city{background:radial-gradient(circle at 35% 20%,#58718f,#0000 28%),linear-gradient(135deg,#1b2534,#4c354c)}.product-cover.love{background:radial-gradient(circle at 60% 20%,#ffd8c7,#0000 25%),linear-gradient(135deg,#b95d70,#f08a82)}.product-cover.rain{background:radial-gradient(circle at 35% 18%,#e0a679,#0000 25%),linear-gradient(135deg,#654452,#2d3d55)}.product-cover.letters{background:radial-gradient(circle at 72% 23%,#c79a8e,#0000 24%),linear-gradient(135deg,#4b313b,#79535d)}.product-cover.soft{background:radial-gradient(circle at 66% 26%,#f7d6c8,#0000 26%),linear-gradient(135deg,#be8a94,#735a72)}.join-banner{padding:0 0 70px}.join-banner-inner{border:1px solid var(--border);background:var(--surface-soft);border-radius:26px;justify-content:space-between;align-items:center;gap:30px;padding:38px;display:flex}.join-banner h2{margin:8px 0;font-size:32px}.join-banner p{color:var(--text-muted);margin:0}
.create-page{background:radial-gradient(circle at 78% 10%, #f5b1995c, transparent 27%), linear-gradient(180deg, var(--bg-soft), var(--bg));min-height:76vh;padding:82px 0 96px}.create-container{max-width:1060px}.create-intro{max-width:780px;margin-bottom:38px}.create-symbol{width:50px;height:50px;color:var(--text-inverse);background:linear-gradient(135deg, var(--peach), var(--accent));border-radius:16px;place-items:center;margin-bottom:20px;display:grid;box-shadow:0 12px 28px #d9657938}.create-intro h1{letter-spacing:-.052em;margin:14px 0 18px;font-size:clamp(44px,6.5vw,76px);line-height:1}.create-intro p{max-width:710px;color:var(--text-muted);margin:0;font-size:18px;line-height:1.68}.create-route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.create-route-card{border:1px solid var(--border);border-radius:var(--radius-lg);min-height:285px;color:var(--text);background:var(--surface-elevated);flex-direction:column;align-items:flex-start;padding:28px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;box-shadow:0 14px 34px #54373f12}.create-route-card:hover{border-color:#d965797a;transform:translateY(-4px);box-shadow:0 20px 42px #54373f1f}.route-tag,.route-icon{color:var(--accent-dark);background:var(--surface-soft)}.route-tag{letter-spacing:.07em;text-transform:uppercase;border-radius:999px;margin-bottom:22px;padding:7px 10px;font-size:10px;font-weight:850;display:inline-flex}.route-icon{border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.create-route-card h2{letter-spacing:-.035em;margin:20px 0 9px;font-size:25px}.create-route-card p{color:var(--text-muted);margin:0 0 24px;line-height:1.58}.route-action{color:var(--accent-dark);align-items:center;gap:7px;margin-top:auto;font-weight:850;display:inline-flex}.create-back-note{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding:20px 22px;display:flex}.create-back-note p{margin:0;font-weight:750}.create-back-note a{color:var(--accent-dark);align-items:center;gap:7px;font-weight:850;display:inline-flex}
.player-bar{bottom:0;right:0;left:var(--sidebar-width);z-index:999;height:var(--player-height);color:var(--player-text);background:color-mix(in srgb, var(--player-bg) 94%, transparent);box-shadow:0 -1px 0 color-mix(in srgb, var(--border) 45%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:none;grid-template-columns:300px 1fr 220px;align-items:center;padding:0 20px;display:grid;position:fixed}.player-current{align-items:center;gap:14px;min-width:0;display:flex}.player-artwork{background:linear-gradient(135deg,#7f5af0,#2cb67d);border-radius:8px;flex:none;width:52px;height:52px}.player-details{flex-direction:column;min-width:0;display:flex}.player-details strong,.player-details span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-details strong{color:var(--player-text);font-size:14px}.player-details span,.player-progress span{color:var(--player-muted)}.player-details span{margin-top:3px;font-size:12px}.player-centre{flex-direction:column;align-items:center;gap:8px;display:flex}.player-controls{align-items:center;gap:18px;display:flex}.player-main-button{width:36px;height:36px;color:var(--player-bg);background:var(--player-text);cursor:pointer;border:none;border-radius:50%}.player-icon{color:var(--player-text);cursor:pointer;opacity:.8;background:0 0;border:none}.player-icon:hover{opacity:1}.player-progress{align-items:center;gap:10px;width:100%;max-width:560px;display:flex}.player-progress span{font-size:11px}.player-progress-track,.volume-track{background:var(--player-track);border-radius:999px;height:3px;overflow:hidden}.player-progress-track{flex:1}.player-progress-value,.volume-value{background:var(--player-text);height:100%}.player-progress-value{width:35%}.player-tools{justify-content:flex-end;align-items:center;gap:12px;display:flex}.volume-track{width:78px}.volume-value{width:55%}
.footer{color:var(--text-muted);background:var(--bg);border-top:none;padding:36px 0 110px}.footer-grid{grid-template-columns:2fr repeat(3,1fr);gap:50px;display:grid}.footer h3{font-size:14px}.footer p,.footer a{color:var(--footer-muted);margin:0 0 10px;font-size:14px;display:block}.footer-bottom{color:var(--footer-subtle);border-top:1px solid var(--footer-border);justify-content:space-between;margin-top:45px;padding-top:22px;font-size:12px;display:flex}.footer-brand img{width:120px;height:auto}
.hero{background:radial-gradient(circle at 82% 18%, #f5b1995c, transparent 28%), linear-gradient(180deg, var(--bg-soft), var(--bg));padding:72px 0 54px;overflow:hidden}.hero-grid{grid-template-columns:1fr 1.05fr;align-items:center;gap:66px;display:grid}.eyebrow{color:var(--accent-dark);letter-spacing:.15em;font-size:12px;font-weight:900}.hero h1,.inner-card h1{letter-spacing:-.055em;margin:16px 0 20px;font-size:clamp(48px,6vw,78px);line-height:.98}.hero h1 span{color:var(--accent)}.hero-text,.inner-card p,.audience-card p{color:var(--text-muted)}.hero-text{max-width:610px;font-size:19px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.section{padding:68px 0}.inner-hero{background:radial-gradient(circle at 75% 18%,#f5b19966,#0000 30%);place-items:center;min-height:66vh;padding:80px 0;display:grid}.inner-card,.audience-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.inner-card{border-radius:30px;padding:70px}.inner-card p{max-width:680px;font-size:20px;line-height:1.6}.audience-card{border-radius:30px;justify-content:space-between;align-items:center;gap:40px;padding:50px;display:flex}.audience-card p{max-width:760px;font-size:18px;line-height:1.65}.portal-note{background:var(--surface-soft);border-radius:14px;padding:18px;font-size:15px!important}
@media (max-width:1000px){.nav-links{display:none}.hero-grid{grid-template-columns:1fr}.product-card-grid,.quick-actions{grid-template-columns:repeat(2,1fr)}.player-bar{grid-template-columns:260px 1fr 200px}}@media (max-width:900px){.app-sidebar{display:none}.app-shell{margin-left:0}.player-bar{left:0}}@media (max-width:760px){.create-action span{display:none}.create-action{border:1px solid var(--border);background:var(--surface);justify-content:center;width:38px;height:38px;padding:0}.create-route-grid{grid-template-columns:1fr}.create-back-note{flex-direction:column;align-items:flex-start}}@media (max-width:650px){:root{--player-height:74px}.container{width:min(100% - 24px,1180px)}.nav-actions .icon-link{display:none}.hero h1{font-size:52px}.product-hero{min-height:430px}.quick-actions{grid-template-columns:1fr;margin-top:18px}.product-card-grid{grid-template-columns:1fr 1fr}.join-banner-inner,.audience-card{flex-direction:column;align-items:flex-start}.audience-card{padding:32px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:10px}.player-bar{grid-template-columns:1fr auto;padding:0 14px}.player-centre,.player-tools{display:none}}