:root{--void: #030206;--bg: #08070f;--bg-elevated: #0e0c18;--surface: rgba(22, 18, 38, .78);--surface-2: rgba(255, 255, 255, .045);--stroke: rgba(255, 255, 255, .09);--stroke-strong: rgba(255, 255, 255, .14);--text: #f3f0ff;--text-secondary: #c4b8e8;--muted: #8f86a8;--muted-2: #6b6380;--accent: #e8ff5a;--accent-soft: rgba(232, 255, 90, .12);--accent-glow: rgba(232, 255, 90, .35);--magenta: #ff4d8d;--cyan: #4de8ff;--radius-xl: 26px;--radius-lg: 20px;--radius-md: 14px;--radius-pill: 999px;--font: "Manrope", system-ui, sans-serif;--display: "Outfit", var(--font);--shadow-card: 0 24px 64px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .06);--shadow-card-active: 0 32px 80px rgba(0, 0, 0, .55), 0 0 0 1px rgba(232, 255, 90, .22), 0 0 60px rgba(232, 255, 90, .08);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-x: max(20px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));--tap-min: 48px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overscroll-behavior:none}body{margin:0;min-height:100vh;min-height:100dvh;font-family:var(--font);color:var(--text);background:var(--void);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh;min-height:100dvh;overflow-x:hidden;touch-action:manipulation}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 100% 70% at 50% -10%,rgba(77,232,255,.12),transparent 52%),radial-gradient(ellipse 80% 50% at 100% 0%,rgba(255,77,141,.1),transparent 45%),radial-gradient(ellipse 60% 45% at 0% 100%,rgba(232,255,90,.06),transparent 50%),linear-gradient(180deg,#05040c 0%,var(--bg) 38%,#030206 100%)}.app-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 90% 65% at 50% -5%,black 20%,transparent 68%);mask-image:radial-gradient(ellipse 90% 65% at 50% -5%,black 20%,transparent 68%)}.welcome-bg-glow{position:absolute;inset:-20% -40% auto;height:70vh;background:radial-gradient(ellipse at 50% 0%,rgba(232,255,90,.14),transparent 55%);pointer-events:none;z-index:0}.shell{position:relative;z-index:1;max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;padding:calc(10px + var(--safe-top)) var(--safe-x) calc(20px + var(--safe-bottom));display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;min-height:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;min-height:44px}.mark{display:flex;align-items:center;gap:10px}.mark-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,var(--accent),#c8f542 40%,var(--magenta));display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:.68rem;letter-spacing:-.04em;color:#0a0912;box-shadow:0 0 32px var(--accent-glow),0 4px 16px #00000059}.mark-text{font-family:var(--display);font-weight:700;font-size:.9rem;letter-spacing:-.025em}.mark-text .tld{color:var(--accent)}.ghost-icon-btn{border:1px solid var(--stroke);background:var(--surface-2);color:var(--text-secondary);border-radius:var(--radius-pill);padding:10px 16px;min-height:var(--tap-min);font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:border-color .2s,background .2s,color .2s}.ghost-icon-btn:active{transform:scale(.98)}.ghost-icon-btn:hover{border-color:var(--stroke-strong);color:var(--text)}.primary-btn{font-family:inherit;font-weight:700;font-size:.95rem;padding:16px 24px;min-height:var(--tap-min);border:none;border-radius:var(--radius-md);cursor:pointer;color:#0a0912;background:linear-gradient(135deg,#f0ff7a 0%,var(--accent) 45%,#c8f542 100%);box-shadow:0 16px 48px #e8ff5a38,0 0 0 1px #ffffff0f inset;transition:transform .18s var(--ease-out-expo),filter .18s}.primary-btn:active:not(:disabled){transform:scale(.98);filter:brightness(1.03)}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.primary-btn--shine{position:relative;overflow:hidden}.primary-btn--shine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);transform:translate(-100%);animation:shine 2.8s ease-in-out infinite}@keyframes shine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.secondary-btn{font-family:inherit;font-weight:600;font-size:.88rem;padding:12px 18px;min-height:44px;border:1px solid var(--stroke);border-radius:var(--radius-md);background:#ffffff08;color:var(--text-secondary);cursor:pointer;transition:border-color .2s,color .2s,background .2s}.secondary-btn:hover{color:var(--text);border-color:var(--stroke-strong);background:#ffffff0d}.secondary-btn:disabled,.secondary-btn.secondary-btn--disabled-social:disabled{opacity:.45;cursor:not-allowed;color:var(--muted)}.secondary-btn--social.secondary-btn--disabled-social{border-style:dashed;border-color:#ffffff14;background:#0003}.btn-back{display:inline-flex;align-items:center;gap:6px;padding:10px 14px 10px 10px;min-height:44px;border:1px solid var(--stroke);border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);font-family:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s}.btn-back:active{transform:scale(.98)}.card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-xl);padding:1.15rem 1.2rem;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);box-shadow:var(--shadow-card)}.glass-panel{background:linear-gradient(165deg,#ffffff0f,#ffffff05);border:1px solid var(--stroke);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.muted{color:var(--muted);font-size:.88rem;line-height:1.55}.section-label{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.err-box{padding:12px 14px;border-radius:var(--radius-md);background:#ff4d8d1a;border:1px solid rgba(255,77,141,.35);color:#ffc8d8;font-size:.85rem;line-height:1.45}textarea.input{width:100%;min-height:128px;resize:vertical;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--stroke);background:#00000059;color:var(--text);font-family:inherit;font-size:.94rem;line-height:1.55;touch-action:auto;-webkit-user-select:text;user-select:text;position:relative;z-index:1}textarea.input:focus{outline:none;border-color:#e8ff5a66;box-shadow:0 0 0 3px var(--accent-soft)}.carousel-feed{display:flex;gap:14px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:28px 0 36px;margin:0 calc(-1 * var(--safe-x));padding-inline:max(var(--safe-x),calc(50vw - min(164px,42vw)));scroll-padding-inline:max(var(--safe-x),calc(50vw - min(164px,42vw)))}.carousel-feed::-webkit-scrollbar{display:none}.catalog-grid-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start;overflow-x:hidden;overflow-y:auto;flex:1;min-height:0;padding:4px 0 12px;-webkit-overflow-scrolling:touch}.ready-ideas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start;overflow-y:auto;flex:1;min-height:0;padding:4px 0 12px;-webkit-overflow-scrolling:touch}.ready-idea-card{position:relative;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:#08070fdb;box-shadow:0 28px 76px #00000085,0 0 0 1px #ffffff0d;aspect-ratio:4 / 5;cursor:pointer;transform:translateZ(0)}.ready-idea-card:active{transform:scale(.992)}.ready-idea-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.01)}.ready-idea-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(3,2,6,.06) 0%,transparent 40%,rgba(3,2,6,.35) 78%,rgba(3,2,6,.86) 100%);pointer-events:none}.ready-idea-cta{position:absolute;left:12px;right:12px;bottom:12px;min-height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#f3f0ffeb;font-family:inherit;font-weight:700;font-size:.88rem;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .2s,border-color .2s,color .2s}.ready-idea-card:hover .ready-idea-cta{border-color:#ffffff2e;background:#ffffff14;color:var(--text)}@media (max-width: 380px){.ready-ideas-grid{grid-template-columns:1fr;gap:14px}.ready-idea-card{border-radius:26px}.ready-idea-cta{left:14px;right:14px;bottom:14px}}.catalog-grid-feed::-webkit-scrollbar{width:6px}.catalog-grid-feed::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}.idea-card-v2--grid{flex:none!important;width:100%;min-width:0;transform:none!important;opacity:1!important;scroll-snap-align:unset!important;aspect-ratio:auto;min-height:min(340px,48vh)}.idea-card-v2{flex:0 0 min(328px,84vw);scroll-snap-align:center;position:relative;border-radius:var(--radius-xl);border:1px solid var(--stroke);overflow:hidden;cursor:pointer;text-align:left;padding:0;font:inherit;color:inherit;background:#08070feb;box-shadow:var(--shadow-card);transition:transform .35s var(--ease-out-expo),box-shadow .35s var(--ease-out-expo),border-color .35s,opacity .35s;transform:scale(.94);opacity:.78;display:flex;flex-direction:column;aspect-ratio:4 / 5;min-height:min(420px,88vh)}.idea-card-v2--active{transform:scale(1);opacity:1;border-color:#ffffff24;box-shadow:var(--shadow-card-active);z-index:2}.idea-card-v2--custom{border-color:#e8ff5a47;background:linear-gradient(165deg,#e8ff5a14,#08070ff2 42%)}.idea-card-v2--custom.idea-card-v2--active{border-color:#e8ff5a73;box-shadow:var(--shadow-card-active),0 0 80px #e8ff5a0f}.idea-card-v2:focus-visible{outline:2px solid rgba(232,255,90,.45);outline-offset:3px}.idea-thumb-v2{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;overflow:hidden;background:#06050c;background-size:cover;background-position:center}.idea-card-photo{flex:1 1 auto;min-height:200px;position:relative;overflow:hidden}.idea-card-v2--active .idea-card-photo{box-shadow:inset 0 0 0 1px #e8ff5a24}.idea-card-photo-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 24%;display:block;transform:scale(1.01);transition:transform .45s var(--ease-out-expo)}.idea-card-v2--active .idea-card-photo-img{transform:scale(1.03)}.idea-card-photo-fallback{position:absolute;top:0;right:0;bottom:0;left:0}.idea-card-photo-mesh{opacity:.45;mix-blend-mode:soft-light}.idea-card-custom-badge{position:absolute;top:12px;left:12px;z-index:2;font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffffffeb;padding:6px 10px;border-radius:var(--radius-pill);border:1px solid rgba(232,255,90,.35);background:#06050c73;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.idea-card-photo-frame{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(3,2,6,.06) 0%,transparent 35%,rgba(3,2,6,.45) 78%,rgba(3,2,6,.92) 100%);pointer-events:none;z-index:1}.idea-meta-v2{position:relative;z-index:3;padding:12px 14px 14px;flex-shrink:0;background:linear-gradient(180deg,#06050cf7,#04030afc);border-top:1px solid rgba(255,255,255,.06)}.idea-meta-v2--visual .title{font-size:1.02rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.idea-meta-v2--visual .subtitle{-webkit-line-clamp:2;font-size:.8rem;line-height:1.38}.card-hook-line{margin:6px 0 0;font-size:.72rem;font-weight:600;letter-spacing:.02em;color:#c8beebe0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chips-row--one{margin-top:8px}.chip-v2--accent{border-color:#e8ff5a38;background:#e8ff5a0f;color:#e6e1fae0}.mode-mini-preview{position:relative;width:100%;height:100%;min-height:52px;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0003}.mode-mini-preview--compact{min-height:52px;border-radius:var(--radius-md)}.composition-hint-line{margin:0 0 8px;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#c8bee6eb;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.idea-meta-v2 .title{font-family:var(--display);font-weight:800;font-size:1.05rem;letter-spacing:-.03em;line-height:1.2;margin:0 0 6px;text-shadow:0 2px 16px rgba(0,0,0,.6)}.idea-meta-v2 .subtitle{font-size:.78rem;color:var(--text-secondary);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chips-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chip-v2{font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:5px 10px;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.1);background:#00000059;color:var(--muted)}.badge-pill{display:inline-flex;align-items:center;gap:6px;font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.custom-card-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 16px 88px;text-align:center;z-index:2}.fav-bookmark-btn{position:absolute;top:10px;right:10px;z-index:5;width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#06050c8c;color:#ffffffd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:grid;place-items:center;cursor:pointer;transition:transform .18s var(--ease-out-expo),border-color .2s,color .2s,background .2s,box-shadow .2s}.fav-bookmark-btn:active{transform:scale(.96)}.fav-bookmark-btn--on{color:var(--accent);border-color:#e8ff5a59;background:#e8ff5a1a;box-shadow:0 0 24px #e8ff5a1f}.favorites-row .fav-bookmark-btn{position:relative;top:auto;right:auto;align-self:center;flex-shrink:0}.topbar-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap;max-width:64%}@media (max-width: 420px){.topbar{gap:10px;align-items:flex-start;flex-wrap:wrap;min-height:0}.mark-text{white-space:normal;line-height:1.1;font-size:.86rem}.mark{flex:1 1 100%}.topbar-actions{flex:1 1 100%;max-width:100%;gap:6px}.ghost-icon-btn,.fav-toolbar-btn{padding:10px 12px}.help-btn-label,.history-btn-label{display:none}}.fav-toolbar-btn{position:relative;border:1px solid var(--stroke);background:var(--surface-2);color:var(--text-secondary);border-radius:var(--radius-pill);padding:10px 14px;min-height:var(--tap-min);font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:8px;transition:border-color .2s,background .2s,color .2s}.fav-toolbar-btn:active{transform:scale(.98)}.fav-toolbar-btn:hover{border-color:var(--stroke-strong);color:var(--text)}.fav-toolbar-btn__icon{display:grid;place-items:center;color:var(--accent);opacity:.95}.fav-toolbar-btn__badge{min-width:1.15rem;height:1.15rem;padding:0 5px;border-radius:var(--radius-pill);background:#e8ff5a2e;color:var(--accent);font-size:.68rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.favorites-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;overflow:auto;min-height:0;flex:1}.favorites-row{display:flex;align-items:stretch;gap:8px;padding:10px 10px 10px 12px;border-radius:var(--radius-lg);border:1px solid var(--stroke);background:#ffffff08}.favorites-row-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer;padding:0;font:inherit}.favorites-row-preview{width:56px;height:56px;flex-shrink:0;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#00000040}.favorites-row-preview-img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}.favorites-row-text{display:flex;flex-direction:column;gap:4px;min-width:0}.favorites-row-title{font-family:var(--display);font-weight:800;font-size:.95rem;letter-spacing:-.02em}.favorites-row-hint{font-size:.72rem;color:var(--muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.favorites-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:28px 16px;border-radius:var(--radius-xl);border:1px dashed rgba(255,255,255,.12);background:#ffffff05;margin-top:8px}.favorites-empty-visual{width:min(200px,70vw);height:120px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.1);opacity:.95}.favorites-empty-visual-img{width:100%;height:100%;object-fit:cover;display:block}.favorites-empty-title{margin:0;font-family:var(--display);font-weight:800;font-size:1.05rem}.favorites-empty-text{margin:0;font-size:.86rem;color:var(--muted);line-height:1.55;max-width:34ch}.custom-card-mesh{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(232,255,90,.15),transparent 45%),radial-gradient(circle at 80% 70%,rgba(77,232,255,.12),transparent 40%),linear-gradient(155deg,#14122a,#0a0912)}.feed-dots{display:flex;justify-content:center;gap:6px;margin-top:-18px;margin-bottom:8px}.feed-dot{width:6px;height:6px;border-radius:50%;background:#ffffff26;transition:transform .25s,background .25s}.feed-dot--on{background:var(--accent);transform:scale(1.25)}.idea-prompt-card,.upload-prompt-card{position:relative;z-index:2}.detail-hero-wrap{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--stroke);box-shadow:var(--shadow-card)}.detail-hero-fav{position:absolute;top:10px;right:10px;z-index:5}.detail-hero-fav .fav-bookmark-btn{position:relative;top:auto;right:auto}.detail-hero-fallback-preview{height:100%;min-height:200px}.detail-hero-img{aspect-ratio:4 / 5;max-height:46vh;width:100%;background-size:cover;background-position:center}.detail-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000026,#030206e0);pointer-events:none}.detail-hero-text{position:absolute;left:0;right:0;bottom:0;padding:20px 18px 22px}.detail-hero-text h1{margin:0;font-family:var(--display);font-weight:800;font-size:1.35rem;letter-spacing:-.03em;line-height:1.15}.detail-hero-text p{margin:8px 0 0;font-size:.88rem;color:var(--text-secondary);line-height:1.45}.upload-zone{width:100%;min-height:168px;border-radius:var(--radius-lg);border:2px dashed rgba(255,255,255,.12);background:#00000038;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;cursor:pointer;transition:border-color .25s,background .25s}.upload-zone:active{border-color:#e8ff5a59;background:var(--accent-soft)}.upload-hint{font-size:.78rem;color:var(--muted);line-height:1.5;margin:0;max-width:32ch;text-align:center}.result-frame{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--stroke);box-shadow:var(--shadow-card);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent)}.result-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin:4px 0 12px}.processing-bar{width:min(240px,70vw);height:3px;border-radius:2px;background:#ffffff14;overflow:hidden;margin-top:8px}.processing-bar-fill{height:100%;width:40%;border-radius:2px;background:linear-gradient(90deg,var(--cyan),var(--accent));animation:bar-slide 1.8s ease-in-out infinite}@keyframes bar-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.help-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.help-pill{border:1px solid var(--stroke);background:#ffffff08;color:var(--muted);border-radius:var(--radius-pill);padding:10px 16px;min-height:44px;font-family:inherit;font-size:.84rem;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.help-pill--active{border-color:#e8ff5a73;background:var(--accent-soft);color:var(--text)}