:root{color-scheme:light;--bg:#eef3f2;--text:#193532;--muted:#5f7873;--card:#fff;--line:#cddbd7;--accent:#007a68;--accent-dark:#016758;--mint:#d7ece7;--brand-title:#2e4a6e;--brand-slogan:#4a6278;--signup-bg:#2c4a6e;--signup-hover:#1e3a5a;--marketing-icon:#0d5c52}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}.container{width:min(1080px,92vw);margin:0 auto}.row{display:flex;gap:12px}.between{justify-content:space-between}.center{align-items:center}.wrap{flex-wrap:wrap}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:rgba(238,243,242,.96);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-header .container{padding:12px 0}.site-header--sketch{background:hsla(0,0%,100%,.92)}.home-header-inner{padding:14px 0;gap:16px}.home-brand{text-decoration:none;color:inherit;gap:12px}.home-brand-logo{border-radius:12px;box-shadow:0 2px 8px rgba(46,74,110,.2)}.home-brand-text{display:flex;flex-direction:column;gap:2px}.home-brand-name{font-size:clamp(22px,4vw,28px);font-weight:800;color:var(--brand-title);letter-spacing:-.02em;line-height:1.1}.home-brand-slogan{font-size:clamp(13px,2.5vw,16px);font-weight:600;color:var(--brand-slogan)}.header-user-name{font-size:13px;color:var(--muted);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-login{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--brand-title);border:1.5px solid #2c4a6e;padding:9px 22px;border-radius:999px;font-weight:600;font-size:14px}.btn-login:hover{background:#f5f8fc}.btn-signup{display:inline-flex;align-items:center;justify-content:center;background:var(--signup-bg);color:#fff;border:1.5px solid var(--signup-bg);padding:9px 22px;border-radius:999px;font-weight:600;font-size:14px}.btn-signup:hover{background:var(--signup-hover);border-color:var(--signup-hover)}.icon-btn{width:34px;height:34px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--text);font-weight:700;cursor:pointer;font-size:15px;line-height:1}.header-actions{flex-wrap:wrap;gap:8px}.brand-mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#6b8570,#8a9db5);flex-shrink:0}.brand-text{display:grid;line-height:1.15}.brand-kicker{font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:700}.locale-picker{border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:#fff;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;border:1px solid transparent;font-weight:600;cursor:pointer;font-size:14px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{background:#fff;border-color:var(--line);color:var(--text)}.btn:disabled{opacity:.55;cursor:not-allowed}.muted{color:var(--muted)}.app-hero{position:relative;padding:16px 0 32px}.app-hero:before{inset:-24px;background:url(/bg-map.png) 50%/cover no-repeat;filter:blur(5px) saturate(.82) contrast(.96) brightness(1.02);transform:scale(1.03)}.app-hero:after,.app-hero:before{content:"";position:absolute;z-index:0}.app-hero:after{inset:0;background:linear-gradient(rgba(248,250,249,.42),rgba(238,243,242,.52));pointer-events:none}.app-hero--sketch{min-height:calc(100vh - 80px);padding:24px 0 40px}.app-hero .container{position:relative;z-index:1}.home-shell{display:flex;flex-direction:column;gap:24px;max-width:min(1180px,94vw)}.home-wheel-col{display:flex;align-items:center;justify-content:center;padding:8px 0}.home-side-col{order:2}@media (min-width:900px){.home-shell{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px 48px;gap:32px 48px;align-items:center}.home-side-col{order:0}.home-wheel-col{order:1;min-height:480px}}.app-wheel-wrap{border:none;background:transparent;border-radius:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;max-width:min(600px,100%)}.app-wheel{container-type:inline-size;container-name:wheel;width:min(100%,600px);aspect-ratio:1;margin:0 auto;border-radius:50%;overflow:hidden;border:14px solid #abc5db;box-shadow:0 10px 28px rgba(26,53,75,.22),inset 0 0 0 2px hsla(0,0%,100%,.28);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:3px;gap:3px;background:rgba(61,79,92,.5)}.wheel-cell{position:relative;display:block;padding:0;overflow:hidden;text-decoration:none;color:hsla(0,0%,100%,.96);font-weight:600;font-size:clamp(16px,4.4cqi,22px);letter-spacing:.02em;transition:filter .15s;min-height:0}.wheel-cell:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent 42%,rgba(0,0,0,.12))}.wheel-cell:hover{filter:brightness(1.06)}.wheel-cell-inner{position:absolute;left:50%;width:92%;max-width:280px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2.5cqi,14px);text-align:center;z-index:1}.wheel-cell-inner--top{top:67%}.wheel-cell-inner--bottom{top:33%}.wheel-label{line-height:1.12;text-shadow:0 1px 3px rgba(0,0,0,.45);max-width:100%}.wheel-icon{display:inline-flex;align-items:center;justify-content:center;width:clamp(44px,12cqi,64px);height:clamp(44px,12cqi,64px);flex-shrink:0}.wheel-icon svg{width:100%;height:100%;fill:none;stroke:#f8fbff;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.cell-yt svg polygon{fill:#f8fbff;stroke:none}.cell-yt{background:radial-gradient(circle at 35% 25%,#9cb49e,#6f8a74)}.cell-create{background:radial-gradient(circle at 35% 25%,#dca07b,#b2714d)}.cell-select{background:radial-gradient(circle at 35% 25%,#8aa1bf,#647d9f)}.cell-mine{background:radial-gradient(circle at 35% 25%,#c4b98a,#9e9468)}.marketing-grid{display:grid;grid-gap:16px;gap:16px}.marketing-card{display:flex;gap:14px;align-items:flex-start;text-decoration:none;color:inherit;background:#fff;border:1px solid rgba(205,219,215,.9);border-radius:16px;padding:16px 18px;box-shadow:0 6px 20px rgba(26,53,75,.1);transition:transform .15s,box-shadow .15s}.marketing-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(26,53,75,.14)}.marketing-card-icon{width:52px;height:52px;flex-shrink:0}.marketing-card-copy h3{margin:0 0 8px;font-size:clamp(11px,2.2vw,13px);font-weight:800;color:var(--marketing-icon);letter-spacing:.04em;line-height:1.25;text-transform:uppercase}.marketing-card-copy p{margin:0;font-size:clamp(12px,2.4vw,14px);line-height:1.5;color:#3d524e}.page-panel{max-width:560px;margin:24px auto 48px;padding:24px;background:var(--card);border:1px solid var(--line);border-radius:20px}.page-panel h1{margin:0 0 8px;font-size:24px}.form-stack{display:grid;grid-gap:14px;gap:14px;margin-top:20px}.form-stack label{display:grid;grid-gap:6px;gap:6px;font-size:14px;font-weight:600}.form-stack input,.form-stack select,.form-stack textarea{padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit}.form-stack textarea{min-height:88px;resize:vertical}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-btn{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--mint);cursor:pointer;font-size:13px;font-weight:600}.error-banner{background:#fde8e8;color:#8b1c1c}.error-banner,.success-banner{padding:10px 12px;border-radius:10px;font-size:14px}.success-banner{background:#e8f5e9;color:#1b5e20}.center-screen{min-height:50vh;display:flex;align-items:center;justify-content:center}.link-grid{display:grid;grid-gap:12px;gap:12px;margin-top:20px}.link-card{display:block;padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:var(--mint);font-weight:600}.link-card:hover{border-color:var(--accent)}.tabs{display:flex;gap:8px;margin-bottom:16px}.tab{flex:1 1;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;font-weight:600}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.get-app-panel{max-width:480px}.get-app-hero{gap:16px;align-items:flex-start;margin-bottom:16px}.get-app-hero h1{margin:0 0 6px;font-size:22px}.get-app-logo{border-radius:14px;flex-shrink:0}.get-app-opening{text-align:center;margin:20px 0}.get-app-store-buttons{display:grid;grid-gap:12px;gap:12px;margin-top:16px}.get-app-store-btn{width:100%;text-align:center}.get-app-web-link{font-weight:600;color:var(--accent-dark)}