:root{--bg: #f5f8ff;--surface: #ffffff;--text: #12223a;--subtext: #59708c;--primary: #ff8a00;--secondary: #ff6f61;--accent: #3cbf96;--border: #e5ecf7;--chip: #eef3fb;--success: #1b9b6f;--gradient-cta-start: #ff9f43;--gradient-cta-end: #ff6b6b;--gradient-login-start: rgba(9, 20, 37, .72);--gradient-login-end: rgba(255, 126, 95, .72);--gradient-hero-start: #ffe1cc;--gradient-hero-end: #ffd3c2;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--tab-height: 56px;--phone-top-safe: 0px;--phone-bottom-safe: 0px;--safe-bottom: env(safe-area-inset-bottom, 0px);--font: "DM Sans", system-ui, -apple-system, sans-serif}[data-theme=dark]{--bg: #0f1724;--surface: #162033;--text: #ecf3ff;--subtext: #a8b5cc;--primary: #ff9c32;--secondary: #ff8a7b;--accent: #53d0ac;--border: #29364d;--chip: #1f2a3e;--success: #52d19f}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}a{color:inherit}.app-shell{min-height:100%;width:100%;max-width:100%;margin:0;background:var(--bg);position:relative;display:flex;flex-direction:column;overflow:hidden}.app-viewport{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.screen-page{padding:12px 14px 20px;width:100%;max-width:100%;overflow-x:hidden}.auth-layout{flex:1;min-height:0;height:100%;background-size:cover;background-position:center;display:flex;flex-direction:column}.auth-overlay{flex:1;min-height:0;height:100%;background:linear-gradient(180deg,var(--gradient-login-start),var(--gradient-login-end));display:flex;flex-direction:column;justify-content:center;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));overflow-y:auto}.tab-shell{display:flex;flex-direction:column;min-height:100%;flex:1}.tab-bar{position:fixed;bottom:0;left:0;right:0;width:100%;height:calc(var(--tab-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;background:var(--surface);border-top:1px solid var(--border);z-index:50}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:var(--subtext);font-size:11px;font-weight:600;padding-top:8px}.tab-item--active{color:var(--primary)}.phone-screen{display:flex;flex-direction:column}.phone-status-bar{display:none}.phone-screen .tab-bar{position:absolute;left:0;right:0;bottom:0;transform:none;width:100%;max-width:100%}.phone-screen .sheet-overlay{position:absolute;top:0;right:0;bottom:0;left:0;align-items:flex-end}.phone-screen .sheet-panel{max-width:100%}.phone-screen .toast{position:absolute;top:12px;left:50%;transform:translate(-50%);width:calc(100% - 24px);max-width:100%}.showcase-page{min-height:100dvh;width:100%;display:flex;flex-direction:column;overflow-x:hidden}.showcase-hero--desktop{display:none}.mobile-landing{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 20px max(28px,env(safe-area-inset-bottom));overflow-x:hidden;background:linear-gradient(165deg,#e8f0ff,#fff8f0 45%,#ffe8dc)}.mobile-landing-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 90% 60% at 15% 10%,rgba(255,159,67,.35),transparent 50%),radial-gradient(ellipse 80% 50% at 95% 90%,rgba(255,107,107,.25),transparent 45%)}.mobile-landing-content{position:relative;z-index:1;width:100%;max-width:400px;text-align:center;color:#12223a}.mobile-landing-logo{width:80px;height:80px;border-radius:20px;box-shadow:0 14px 40px #ff8a0047;margin:0 auto 20px;display:block}.mobile-landing-kicker{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#e85d00}.mobile-landing-kicker svg{color:#e85d00}.mobile-landing-title{margin:0 0 14px;font-size:clamp(1.65rem,6vw,2rem);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:#12223a}.mobile-landing-accent{background:linear-gradient(135deg,#ff9f43,#ff6b6b);-webkit-background-clip:text;background-clip:text;color:transparent}.mobile-landing-lead{margin:0 0 28px;font-size:1rem;line-height:1.6;color:#47596f}.mobile-landing-stores{margin-bottom:24px}.mobile-landing-stores-label{margin:0 0 16px;font-size:13px;font-weight:700;color:#12223a;letter-spacing:.06em;text-transform:uppercase}.mobile-landing-stores .store-badges--column{align-items:center;gap:14px}.mobile-landing-stores .store-badge-img--play{width:200px}.mobile-landing-stores .store-badge-img--apple{width:180px}.mobile-landing-recommend{display:flex;align-items:flex-start;gap:12px;text-align:left;padding:14px 16px;margin-bottom:28px;border-radius:14px;background:#ffffffbf;border:1px solid #e5ecf7;box-shadow:0 4px 14px #12223a0d}.mobile-landing-recommend-icon{flex-shrink:0;color:#e85d00;margin-top:2px}.mobile-landing-recommend p{margin:0;font-size:14px;line-height:1.5;color:#47596f;font-weight:500}.mobile-landing-legal{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:24px;font-size:13px}.mobile-landing-legal a{color:#e85d00;font-weight:600;text-decoration:underline;text-underline-offset:3px}.mobile-landing-legal span{color:#94a3b8}@media(max-width:899px){.showcase-page--desktop{display:none!important}}.showcase-inline-link{font-weight:700;color:#e85d00;text-decoration:underline;text-underline-offset:3px}.showcase-legal-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.showcase-legal-link{font-size:13px;font-weight:600;color:#e85d00;text-decoration:underline;text-underline-offset:3px}.showcase-legal-sep{color:#94a3b8}.showcase-device-col{flex:1;display:flex;justify-content:center;align-items:stretch;min-height:100dvh}.iphone-frame{width:100%;height:100%;min-height:100dvh;position:relative}.iphone-bezel,.iphone-button,.iphone-island,.iphone-home-indicator{display:none}.iphone-screen{width:100%;height:100%;min-height:100dvh;overflow:hidden;position:relative;background:var(--bg)}@media(min-width:900px){body{overflow-x:hidden}.showcase-page{display:grid;grid-template-columns:minmax(340px,1fr) minmax(360px,440px);gap:clamp(32px,5vw,72px);align-items:center;padding:clamp(28px,4vw,56px) clamp(32px,6vw,88px);min-height:100dvh;background:radial-gradient(ellipse 80% 60% at 10% 20%,rgba(255,159,67,.35),transparent 55%),radial-gradient(ellipse 70% 50% at 90% 80%,rgba(255,107,107,.28),transparent 50%),radial-gradient(ellipse 50% 40% at 50% 0%,rgba(60,191,150,.12),transparent 45%),linear-gradient(145deg,#e8f0ff,#fff8f0 42%,#ffe8dc)}.showcase-hero--desktop{display:flex;align-items:center;--text: #12223a;--subtext: #47596f;--surface: #ffffff;--border: #e5ecf7;--chip: #eef3fb;--primary: #e85d00}.showcase-hero-inner{max-width:520px;color:#12223a}.showcase-feature-text{font-size:15px;line-height:1.45;color:#334155;font-weight:500}.showcase-logo{width:72px;height:72px;border-radius:18px;box-shadow:0 12px 32px #ff8a0040;margin-bottom:20px}.showcase-kicker{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--primary)}.showcase-title{margin:0 0 16px;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:#12223a}.showcase-title-accent{background:linear-gradient(135deg,var(--gradient-cta-start),var(--gradient-cta-end));-webkit-background-clip:text;background-clip:text;color:transparent}.showcase-lead{margin:0 0 28px;font-size:1.05rem;line-height:1.65;color:#47596f;max-width:46ch}.showcase-features{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-direction:column;gap:14px}.showcase-features li{display:flex;align-items:flex-start;gap:12px}.showcase-feature-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:0 4px 14px #12223a0f}.showcase-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.showcase-badge{font-size:11px;font-weight:700;padding:6px 12px;border-radius:999px;background:#ffffffe6;border:1px solid #e5ecf7;color:#12223a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.showcase-footnote{margin:0 0 12px;font-size:14px;color:#47596f;font-weight:500}.showcase-inline-link{font-weight:700;color:#e85d00;text-decoration:underline;text-underline-offset:3px}.showcase-inline-link:hover{color:#c44e00}.showcase-legal-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px}.showcase-legal-link{font-size:13px;font-weight:600;color:#e85d00;text-decoration:underline;text-underline-offset:3px}.showcase-legal-link:hover{color:#c44e00}.showcase-legal-sep{color:#94a3b8;font-weight:600}.showcase-device-col{min-height:auto;align-items:center;justify-content:center;padding:12px 0}.iphone-frame{width:320px;min-height:0;height:auto;padding:14px;background:linear-gradient(160deg,#2a2a32,#1c1c22 45%,#0f0f12);border-radius:52px;box-shadow:0 0 0 1px #ffffff14,0 4px 6px #0000001f,0 24px 48px #12223a38,0 64px 120px #ff6b6b26;position:relative}.iphone-bezel{display:block;position:relative;border-radius:40px;overflow:hidden;background:#000}.iphone-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:88px;height:26px;background:#0a0a0c;border-radius:20px;z-index:30;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;pointer-events:none}.phone-status-bar{display:flex;align-items:flex-end;justify-content:center;flex-shrink:0;height:44px;padding:0 20px 4px;background:var(--bg);position:relative;z-index:10}.phone-status-time{font-size:12px;font-weight:600;color:var(--text);opacity:.85;letter-spacing:.02em}.iphone-island-cam{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3a3a48,#0a0a0c);box-shadow:inset 0 0 2px #ffffff26}.iphone-screen{width:100%;height:680px;min-height:0;max-height:min(680px,calc(100dvh - 120px));border-radius:36px;overflow:hidden;position:relative;background:var(--bg);display:flex;flex-direction:column}.iphone-home-indicator{display:block;position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:110px;height:4px;border-radius:4px;background:#fff6;z-index:25;pointer-events:none}.iphone-button{display:block;position:absolute;background:linear-gradient(90deg,#3a3a42,#25252a);border-radius:2px;z-index:5}.iphone-button--silent{left:-3px;top:108px;width:3px;height:28px}.iphone-button--volume-up{left:-3px;top:152px;width:3px;height:48px}.iphone-button--volume-down{left:-3px;top:210px;width:3px;height:48px}.iphone-button--power{right:-3px;top:168px;width:3px;height:72px}:root{--phone-top-safe: 0px;--phone-bottom-safe: 12px}.app-shell,.app-viewport{flex:1;min-height:0;height:auto;max-height:100%;overflow:hidden}.tab-shell{flex:1;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.tab-content{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--tab-height) + var(--phone-bottom-safe) + 16px)}.phone-screen .tab-bar{height:calc(var(--tab-height) + var(--phone-bottom-safe));padding-bottom:var(--phone-bottom-safe)}.phone-screen .screen-page{padding-top:4px}.phone-screen .details-header{top:0}}@media(min-width:900px)and (max-width:1100px){.showcase-page{grid-template-columns:1fr;justify-items:center;text-align:left}.showcase-hero{justify-content:center;width:100%;max-width:560px}.showcase-device-col{width:100%}}.profile-page{padding-bottom:24px}.profile-section{padding:16px;margin-bottom:12px}.profile-user-row{display:flex;gap:12px;margin-top:12px;align-items:flex-start}.profile-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0}.profile-user-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.profile-name{word-break:break-word}.profile-email,.profile-meta,.profile-label,.profile-value{margin:0;font-size:13px;line-height:1.4;color:var(--subtext);word-break:break-word}.profile-value{font-size:15px;font-weight:600;color:var(--text)}.profile-lang-trigger{width:100%;margin-top:12px;display:flex;justify-content:space-between;align-items:center;padding:0;border:none;background:none;cursor:pointer;text-align:left}.profile-chevron--open{transform:rotate(180deg)}.profile-lang-options{margin-top:8px}.profile-lang-option{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:10px;border:none;margin-bottom:4px;background:transparent;font-weight:500;cursor:pointer;color:var(--text)}.profile-lang-option--active{background:var(--chip);font-weight:700}.profile-links{margin-top:10px;display:flex;flex-direction:column;gap:8px}.profile-links a{color:var(--primary);font-weight:600;text-decoration:none;font-size:14px}.profile-info-lines{margin-top:10px;display:flex;flex-direction:column;gap:6px}.profile-info-lines p{margin:0;font-size:13px;line-height:1.45;color:var(--subtext)}.profile-logout-wrap{margin-top:8px;padding-bottom:8px}.details-page{padding:0;display:flex;flex-direction:column;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.details-header{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10;flex-shrink:0}.details-body{padding:16px 16px 28px}.icon-themed{color:var(--text);stroke:currentColor}.icon-primary{color:var(--primary);stroke:currentColor}.icon-muted{color:var(--subtext);stroke:currentColor}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:var(--text);padding:6px;border-radius:10px;flex-shrink:0}.icon-btn:hover:not(:disabled){background:var(--chip)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sheet-close-btn{padding:4px}.sheet-option{display:block;width:100%;text-align:left;padding:14px 16px;margin-bottom:8px;border-radius:12px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-weight:500;color:var(--text);font-size:15px}.sheet-option--active{border:2px solid var(--primary);background:var(--chip);font-weight:700}.home-header{margin-bottom:12px}.home-brand{margin:0 0 10px;font-size:22px;font-weight:700;color:#ff5a22;letter-spacing:-.02em}.home-location-row{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:12px;border-radius:14px;border:1px solid var(--border);background:var(--surface)}.home-location-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.home-location-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--subtext)}.home-location-value{font-size:14px;font-weight:600;color:var(--text);line-height:1.35;word-break:break-word}.home-refresh-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--chip)}.home-search-wrap{position:relative;margin-bottom:10px}.home-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none}.home-search-input{width:100%;padding:11px 12px 11px 40px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.home-search-input::placeholder{color:var(--subtext);opacity:.85}.home-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}.home-tool-btn{display:flex;align-items:center;gap:6px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface)}.home-tool-btn--active{background:var(--chip);border-color:var(--primary)}.home-filter-tag{font-size:11px;font-weight:700;color:var(--primary)}.home-radius-card{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--chip)}.home-radius-label{font-size:12px;font-weight:600;display:block}.home-radius-slider{width:100%;margin-top:8px;accent-color:var(--primary)}.create-hero{border-radius:18px;padding:18px 20px;margin-bottom:16;background:linear-gradient(135deg,var(--gradient-hero-start),var(--gradient-hero-end))}.create-hero-title{margin:0;font-size:18px;font-weight:700;color:#12223a;line-height:1.3}.create-hero-sub{margin:8px 0 0;font-size:13px;line-height:1.45;color:#47596f}[data-theme=dark] .create-hero{background:linear-gradient(135deg,#4a3528,#2d2640);border:1px solid var(--border)}[data-theme=dark] .create-hero-title{color:#fff}[data-theme=dark] .create-hero-sub{color:#b8c5d9}.create-page input,.create-page textarea,.create-page button[type=button]{color:var(--text)}.create-page input::placeholder,.create-page textarea::placeholder{color:var(--subtext)}.showcase-download{margin:24px 0 20px}.showcase-download-label{margin:0 0 12px;font-size:13px;font-weight:700;color:#12223a;letter-spacing:.04em}.store-badges{display:flex;gap:12px}.store-badges--column{flex-direction:column;align-items:flex-start}.store-badges--row{flex-direction:row;flex-wrap:wrap}.store-badge-link{display:block;transition:transform .15s ease,opacity .15s ease;line-height:0}.store-badge-link:hover{transform:translateY(-2px);opacity:.92}.store-badge-img{display:block;height:auto;max-width:100%;object-fit:contain}.store-badge-img--play{width:180px;height:auto}.store-badge-img--apple{width:160px;height:auto}.details-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.details-actions .gradient-btn{flex:1;min-width:140px}.details-share-btn{flex:1;min-width:100px;padding:14px 18px;border-radius:999px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-weight:600;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--text)}.details-share-btn span{color:var(--text)}.details-share-btn .icon-themed{color:var(--text);flex-shrink:0}.details-share-btn:hover{background:var(--chip);border-color:var(--primary)}.details-share-btn:hover .icon-themed{color:var(--primary)}.details-nav-inner{display:flex;align-items:center;justify-content:center;gap:8px}.legal-page{padding-bottom:28px}.legal-back-btn{display:inline-flex;align-items:center;gap:6px;margin-bottom:16px;padding:6px 0;border:none;background:none;cursor:pointer;font-weight:600;font-size:14px;color:var(--primary)}.legal-body{margin-top:16px;color:var(--subtext);line-height:1.65;font-size:15px}.legal-body p{margin:0 0 14px}.legal-external-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:600;font-size:14px;text-decoration:none;margin-top:8px}.legal-external-link:hover{text-decoration:underline}.legal-footer-links{display:flex;gap:16px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.legal-tab-link{font-size:14px;font-weight:600;color:var(--primary);text-decoration:none}.legal-tab-link:hover{text-decoration:underline}.showcase-kicker-icon{color:#e85d00;vertical-align:middle}.details-back-btn{gap:4px;font-weight:600;color:var(--text)}.tab-content{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + 12px)}.screen-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.gradient-btn{border:none;border-radius:999px;background:linear-gradient(135deg,var(--gradient-cta-start),var(--gradient-cta-end));color:#fff;font-weight:700;padding:14px 24px;cursor:pointer;width:100%;transition:transform .15s ease,opacity .15s ease}.gradient-btn:hover:not(:disabled){transform:scale(1.02)}.gradient-btn:disabled{opacity:.65;cursor:not-allowed}.surface-card{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border)}.skeleton{background:linear-gradient(90deg,var(--chip) 25%,var(--border) 50%,var(--chip) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#09142573;z-index:100;display:flex;align-items:flex-end;justify-content:center}.sheet-panel{width:100%;max-width:430px;max-height:85vh;background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:20px;overflow-y:auto;animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.toast{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:200;max-width:400px;width:calc(100% - 32px);padding:12px 16px;border-radius:12px;background:var(--text);color:#fff;font-size:14px;box-shadow:0 8px 24px #0003}