@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap);:root{--font-display:"Plus Jakarta Sans","Avenir Next","Segoe UI",sans-serif;--font-sans:"Manrope","Avenir Next","Segoe UI",sans-serif;--bg-app:#f5f7fb;--bg-panel:#fff;--bg-panel-muted:#eef3fb;--bg-glass:#ffffffc7;--bg-glass-heavy:#ffffffeb;--primary-start:#0e7bff;--primary-end:#00a5ff;--secondary-start:#ff6e4d;--secondary-end:#ff8c47;--gradient-primary:linear-gradient(135deg,var(--primary-start) 0%,var(--primary-end) 100%);--gradient-accent:linear-gradient(135deg,var(--secondary-start) 0%,var(--secondary-end) 100%);--text-primary:#0f1d37;--text-secondary:#4e607f;--text-tertiary:#7484a0;--success:#0ca678;--error:#e03131;--warning:#f08c00;--line-soft:#d9e2f2;--line-strong:#c2d0e7;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:0.5rem;--radius-md:0.85rem;--radius-lg:1.2rem;--radius-xl:1.6rem;--radius-full:9999px;--shadow-sm:0 6px 16px #0f1d370f;--shadow-md:0 18px 34px #0f1d3717;--shadow-lg:0 30px 56px #0f1d371f;--glow-primary:0 16px 30px #0e7bff42}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(900px 520px at -5% -10%,#00a5ff38,#0000 58%),radial-gradient(820px 480px at 105% 5%,#ff6e4d33,#0000 54%),linear-gradient(180deg,#f8faff,#f3f6fc 55%,#eef3fb);color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:inherit}.glass-panel{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-glass);border:1px solid var(--line-soft);box-shadow:var(--shadow-sm)}.glass-panel-heavy{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-glass-heavy);border:1px solid var(--line-strong);box-shadow:var(--shadow-md)}.btn-primary{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);box-shadow:var(--glow-primary);color:#fff;display:inline-flex;font-size:.92rem;font-weight:700;gap:var(--space-2);justify-content:center;padding:.72rem 1.35rem;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.btn-primary:hover{box-shadow:0 18px 30px #0086ff4d;filter:saturate(1.08);transform:translateY(-1px)}.btn-ghost{align-items:center;background:#ffffffe0;border:1px solid var(--line-soft);border-radius:var(--radius-full);color:var(--text-primary);display:inline-flex;font-size:.9rem;font-weight:700;gap:var(--space-2);justify-content:center;padding:.72rem 1.35rem;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.btn-ghost:hover{border-color:#afc2e4;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-soft{align-items:center;background:#ffffffb8;border:1px solid var(--line-soft);border-radius:var(--radius-full);display:inline-flex;font-size:.85rem;font-weight:700;gap:var(--space-2);justify-content:center;padding:.6rem 1rem}.btn-soft,.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.loading-pulse{background:#e7edf8;overflow:hidden;position:relative}.loading-pulse:after{animation:shimmer 1.35s infinite;background:linear-gradient(90deg,#0000,#ffffffbf,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}.spin{animation:spin .9s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-slide-up{animation:slideUp .45s ease-out forwards}.text-gradient{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.route-loading-app{background:#f6f9fd;background:var(--color-background,#f6f9fd);color:#12213f;min-height:100vh}.route-loading-topbar{align-items:center;background:#ffffffe6;border-bottom:1px solid #12213f1a;display:flex;gap:12px;height:72px;padding:0 24px}.route-loading-frame{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 72px)}.route-loading-nav{background:#ffffffb8;border-right:1px solid #12213f14;padding:24px 16px}.route-loading-nav-item{border-radius:10px;color:#61708c;font-weight:650;margin-bottom:8px;padding:12px 14px}.route-loading-nav-item:first-child{background:#087eff1a;color:#087eff}.route-loading-main{background:radial-gradient(circle at 75% 10%,#ff8c6921,#0000 32%),radial-gradient(circle at 20% 20%,#0099ff21,#0000 34%);padding:32px}.route-loading-card,.route-loading-main{align-items:center;display:flex;justify-content:center}.route-loading-card{background:#ffffffe6;border:1px solid #12213f1a;border-radius:24px;box-shadow:0 24px 70px #3250821f;flex-direction:column;gap:14px;min-height:220px;padding:36px;text-align:center;width:min(520px,100%)}.route-loading-brand{background:var(--gradient-primary);border-radius:15px;box-shadow:var(--glow-primary);color:#fff;display:grid;font-weight:800;height:48px;place-items:center;width:48px}@media (max-width:700px){.route-loading-topbar{height:64px;padding:0 16px}.route-loading-frame{grid-template-columns:1fr;min-height:calc(100vh - 64px)}.route-loading-nav{display:none}.route-loading-main{padding:20px}.route-loading-card{min-height:200px;padding:28px 20px}}.legal-shell{margin:0 auto;min-height:100vh;padding:2rem 0 4rem;width:min(880px,calc(100% - 2rem))}.legal-brand{color:#0b73e8;display:inline-flex;font-family:var(--font-display);font-weight:800;margin-bottom:1.5rem}.legal-card{border-radius:var(--radius-xl);padding:clamp(1.4rem,4vw,3rem)}.legal-card h1{margin-bottom:1rem}.legal-card h2{font-size:1.15rem;margin-bottom:.5rem;margin-top:1.8rem}.legal-card p{color:var(--text-secondary);line-height:1.75}.legal-updated{font-size:.85rem;margin-top:2rem}@media (prefers-reduced-motion:reduce){.animate-fade-in,.animate-slide-up,.loading-pulse:after,.spin{animation:none!important}}.btn-scan{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7)!important;border:none!important;border-radius:12px;color:#fff!important;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:10px 16px;text-decoration:none}.app-shell{color:var(--text-primary);display:flex;height:100vh;overflow:hidden;width:100vw}.app-sidebar{border-right:1px solid var(--line-soft);display:flex;flex-direction:column;gap:var(--space-4);height:100%;padding:var(--space-4);position:relative;width:312px;z-index:40}.sidebar-brand-row{align-items:center;display:flex;justify-content:space-between}.brand{align-items:center;display:inline-flex;gap:.72rem;text-align:left}.brand-mark{background:var(--gradient-primary);border-radius:13px;box-shadow:var(--glow-primary);color:#fff;display:grid;font-size:.9rem;font-weight:800;height:40px;place-items:center;width:40px}.brand-copy{display:flex;flex-direction:column;line-height:1.2}.brand-name{font-family:var(--font-display);font-size:1rem;font-weight:800}.brand-meta{color:var(--text-secondary);font-size:.74rem}.mobile-close-btn{background:#ffffffb3;border:1px solid var(--line-soft);border-radius:10px;color:var(--text-secondary);display:none;height:34px;width:34px}.sidebar-profile-card{align-items:center;background:#ffffffb3;border:1px solid var(--line-soft);border-radius:var(--radius-lg);color:var(--text-primary);display:flex;gap:var(--space-3);padding:.82rem;width:100%}.sidebar-profile-card svg{color:var(--text-tertiary)}.sidebar-profile-copy{display:flex;flex:1 1;flex-direction:column;text-align:left}.profile-greeting{color:var(--text-tertiary);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.profile-name{font-size:.95rem;font-weight:800}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.4rem;overflow-y:auto}.nav-item{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);display:flex;gap:.75rem;padding:.72rem;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.nav-item:hover{background:#ffffff9e;border-color:var(--line-soft);transform:translateX(2px)}.nav-item.active{background:linear-gradient(135deg,#0e7bff29,#00a5ff17);border-color:#b8d2ff}.nav-icon{background:#0e7bff1f;border-radius:11px;color:#1173eb;display:grid;height:35px;place-items:center;width:35px}.nav-item.active .nav-icon{background:var(--gradient-primary);color:#fff}.nav-copy{display:flex;flex-direction:column;line-height:1.15}.nav-label{font-size:.92rem;font-weight:800}.nav-subtitle{color:var(--text-secondary);font-size:.74rem;margin-top:.17rem}.sidebar-footer{grid-gap:.6rem;display:grid;gap:.6rem}.sidebar-action{width:100%}.sidebar-logout{align-items:center;background:#ffffffbd;border:1px solid var(--line-soft);border-radius:var(--radius-full);color:#9d2232;display:inline-flex;font-size:.85rem;font-weight:700;gap:.4rem;justify-content:center;padding:.7rem .9rem}.sidebar-logout:hover{background:#e031310f;border-color:#e0313159}.app-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.app-topbar{align-items:center;border-bottom:1px solid var(--line-soft);display:flex;gap:var(--space-4);height:84px;padding:0 var(--space-5);position:relative;z-index:30}.mobile-menu-btn{border:1px solid var(--line-soft);border-radius:10px;color:var(--text-secondary);display:none;height:36px;width:36px}.topbar-title-wrap{min-width:0}.topbar-kicker{color:var(--text-tertiary);font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.topbar-title{font-size:clamp(1.15rem,2vw,1.45rem);margin-top:.18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{align-items:center;display:flex;gap:.6rem;margin-left:auto}.topbar-primary-action{background:var(--gradient-primary);box-shadow:var(--glow-primary);color:#fff;font-size:.84rem;gap:.45rem;padding:.62rem .95rem}.topbar-primary-action,.topbar-user-pill{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-weight:700}.topbar-user-pill{background:#ffffffc7;border:1px solid var(--line-soft);color:var(--text-secondary);font-size:.82rem;gap:.42rem;padding:.34rem .62rem .34rem .32rem}.app-content-scroll{flex:1 1;overflow-y:auto;padding:var(--space-6);padding-bottom:88px}.content-wrapper{margin:0 auto;width:min(1240px,100%)}@media (max-width:1024px){.app-sidebar{height:100%;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease;width:294px}.app-sidebar.mobile-open{transform:translateX(0)}.mobile-close-btn,.mobile-menu-btn{align-items:center;display:inline-flex;justify-content:center}.mobile-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c1a304d;inset:0;position:fixed;z-index:35}}@media (max-width:720px){.app-topbar{gap:.5rem;height:76px;padding:0 var(--space-4)}.topbar-kicker{display:none}.topbar-title{font-size:1.05rem}.topbar-primary-action span,.topbar-user-pill span{display:none}.topbar-primary-action,.topbar-user-pill{height:36px;justify-content:center;padding:0;width:36px}.app-content-scroll{padding:var(--space-4)}}.error-boundary-container{align-items:center;background:linear-gradient(135deg,#fef3f3,#fef8f8);display:flex;justify-content:center;min-height:400px;padding:2rem}.error-boundary-content{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 10px 15px #0000001a;max-width:600px;padding:3rem 2rem;text-align:center}.error-boundary-icon{font-size:4rem;margin-bottom:1rem}.error-boundary-title{color:#d32f2f;font-size:1.75rem;font-weight:600;margin-bottom:1rem}.error-boundary-message{color:#666;font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.error-boundary-details{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;margin:1.5rem 0;padding:1rem;text-align:left}.error-boundary-details summary{color:#555;cursor:pointer;font-weight:600;padding:.5rem}.error-boundary-details summary:hover{color:#d32f2f}.error-boundary-stack{background:#fff;border-radius:4px;color:#333;font-size:.875rem;margin-top:1rem;overflow-x:auto;padding:1rem}.error-boundary-stack pre{word-wrap:break-word;color:#666;font-family:Courier New,monospace;font-size:.75rem;margin-top:.5rem;white-space:pre-wrap}.error-boundary-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.error-boundary-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.error-boundary-button-primary{background:#d32f2f;color:#fff}.error-boundary-button-primary:hover{background:#b71c1c;box-shadow:0 4px 8px #d32f2f4d;transform:translateY(-2px)}.error-boundary-button-secondary{background:#f5f5f5;border:1px solid #ddd;color:#333}.error-boundary-button-secondary:hover{background:#ececec;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.error-boundary-help{color:#888;font-size:.875rem;margin-top:1rem}.error-boundary-link{color:#d32f2f;font-weight:500;text-decoration:none}.error-boundary-link:hover{text-decoration:underline}@media (max-width:640px){.error-boundary-content{padding:2rem 1.5rem}.error-boundary-title{font-size:1.5rem}.error-boundary-message{font-size:1rem}.error-boundary-actions{flex-direction:column}.error-boundary-button{width:100%}}.rec-section{grid-gap:var(--space-4);display:grid;gap:var(--space-4)}.rec-header{align-items:center;display:flex;justify-content:space-between}.rec-header h3{font-size:1.1rem}.rec-section-subtitle{color:var(--text-secondary);font-size:.8rem;margin-top:.25rem}.rec-notice{background:#f08c0014;border:1px solid #f08c0047;border-radius:var(--radius-md);color:#8a5600;font-size:.82rem;padding:.7rem .85rem}.rec-refresh-btn{align-items:center;background:none;border:1px solid #c8d8f0;border-radius:999px;color:#0b73e8;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:700;gap:.3rem;padding:.35rem .75rem;transition:background .2s ease,border-color .2s ease}.rec-refresh-btn:hover{background:#0e7bff0f;border-color:#0e7bff}.rec-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.rec-refresh-btn svg{font-size:1rem}.rec-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.rec-card{border-radius:var(--radius-lg);cursor:default;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.rec-card:hover{border-color:#bbd2f6;box-shadow:var(--shadow-md);transform:translateY(-4px)}.rec-card-image{background:#eef2f9;overflow:hidden;padding-top:75%;position:relative;width:100%}.rec-card-image img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.rec-type-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;font-size:.68rem;font-weight:800;left:.6rem;letter-spacing:.06em;padding:.2rem .55rem;position:absolute;text-transform:uppercase;top:.6rem;z-index:1}.rec-type-badge.occasion{background:#0e7bffd9;color:#fff}.rec-type-badge.trend{background:#ff6e4dd9;color:#fff}.rec-type-badge.closet_gap{background:#4caf50d9;color:#fff}.rec-card-body{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:.9rem}.rec-card-body h4{font-size:1rem;line-height:1.25}.rec-card-status{color:#0a74ec;display:flex;font-size:.68rem;font-weight:800;gap:.5rem;justify-content:space-between;letter-spacing:.04em;text-transform:uppercase}.rec-card-body .rec-rationale{border-left:3px solid #0e7bff4d;font-size:.78rem;padding-left:.6rem}.rec-card-body p{color:var(--text-secondary);font-size:.84rem;line-height:1.55}.rec-card-actions{align-items:center;display:flex;justify-content:space-between;margin-top:auto;padding-top:.4rem}.rec-cta{align-items:center;background:none;border:none;color:#0b73e8;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:700;gap:.25rem;padding:0;transition:opacity .15s ease}.rec-cta:hover{opacity:.75}.rec-cta svg{font-size:1rem}.rec-feedback{display:flex;gap:.3rem}.rec-feedback button{background:#0000;border:1px solid #d7e1f2;border-radius:8px;color:var(--text-tertiary);cursor:pointer;display:grid;height:30px;place-items:center;transition:background .15s ease,color .15s ease,border-color .15s ease;width:30px}.rec-feedback button:hover{background:#0e7bff0f;border-color:#b5c8e8}.rec-feedback button.active{background:#0e7bff1a;border-color:#0e7bff;color:#0e7bff}.rec-feedback button svg{font-size:1rem}.rec-feedback-reasons{display:flex;flex-wrap:wrap;gap:.4rem;padding-top:.35rem}.rec-feedback-reasons button{background:#ffffffc2;border:1px solid #d7e1f2;border-radius:999px;color:var(--text-secondary);font-size:.72rem;font-weight:700;padding:.32rem .58rem}.rec-skeleton{border-radius:var(--radius-lg);overflow:hidden}.rec-skeleton-image{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#eef2f9 25%,#dde5f3 50%,#eef2f9 75%);background-size:200% 100%;padding-top:75%;width:100%}.rec-skeleton-body{grid-gap:.5rem;display:grid;gap:.5rem;padding:.9rem}.rec-skeleton-line{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#eef2f9 25%,#dde5f3 50%,#eef2f9 75%);background-size:200% 100%;border-radius:7px;height:14px}.rec-skeleton-line.wide{width:80%}.rec-skeleton-line.medium{width:60%}.rec-skeleton-line.short{width:40%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rec-error{color:var(--text-secondary);font-size:.88rem;padding:1.5rem;text-align:center}@media (max-width:980px){.rec-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.rec-grid{grid-template-columns:1fr}}.home-shell{grid-gap:var(--space-6);padding-bottom:var(--space-12)}.home-hero,.home-shell{display:grid;gap:var(--space-6)}.home-hero{grid-gap:var(--space-6);align-items:center;background:radial-gradient(520px 280px at 15% -30%,#0e7bff38,#0000 62%),radial-gradient(420px 220px at 100% 100%,#ff8c4738,#0000 62%),#ffffffe6;border:1px solid #d5e0f3;border-radius:26px;grid-template-columns:1.1fr .9fr;padding:clamp(1.1rem,2.5vw,2rem)}.hero-kicker{color:#0a74ec;font-size:.78rem;font-weight:800;letter-spacing:.08em;margin-bottom:.5rem;text-transform:uppercase}.hero-title{font-size:clamp(1.8rem,3.6vw,2.95rem);line-height:1.03;margin-bottom:.65rem}.hero-subtitle{color:var(--text-secondary);font-size:.98rem;line-height:1.7;max-width:620px}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:var(--space-5)}.hero-meta{grid-gap:.7rem;display:grid;gap:.7rem}.hero-meta-card{align-items:center;background:#ffffffe6;border:1px solid #d7e1f2;border-radius:var(--radius-lg);display:flex;gap:.65rem;padding:.78rem .9rem}.hero-meta-card svg{color:#0e7bff}.meta-label{color:var(--text-secondary);font-size:.76rem;line-height:1.1}.meta-value{font-family:var(--font-display);font-size:1.1rem;font-weight:800;margin-top:.2rem}.sync-note{color:var(--text-tertiary);font-size:.77rem;margin-top:.2rem;text-align:right}.workspace-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.workspace-card{border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.45rem;padding:1rem;text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.workspace-card:hover{border-color:#bbd2f6;box-shadow:var(--shadow-md);transform:translateY(-4px)}.workspace-icon{background:var(--gradient-primary);border-radius:12px;color:#fff;display:grid;height:38px;margin-bottom:.3rem;place-items:center;width:38px}.workspace-metric{color:#0a74ec;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.workspace-card h3{font-size:1.08rem}.workspace-card p{color:var(--text-secondary);font-size:.86rem;line-height:1.55}.workspace-link{align-items:center;color:#0b73e8;display:inline-flex;font-size:.82rem;font-weight:700;gap:.2rem;margin-top:auto}.insights-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.insight-panel{border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4);padding:1rem}.insight-header h3{font-size:1.1rem;margin-bottom:.2rem}.insight-header p{color:var(--text-secondary);font-size:.85rem}.category-breakdown{grid-gap:.7rem;display:grid;gap:.7rem}.category-row{grid-gap:.35rem;display:grid;gap:.35rem}.category-line{align-items:baseline;display:flex;font-size:.84rem;justify-content:space-between}.category-line span{color:var(--text-secondary)}.category-line strong{font-family:var(--font-display);font-size:.92rem}.category-track{background:#e0e8f7;border-radius:999px;height:8px;overflow:hidden;width:100%}.category-fill{background:var(--gradient-primary);border-radius:inherit;height:100%}.empty-note{grid-gap:var(--space-3);display:grid;gap:var(--space-3)}.empty-note p{color:var(--text-secondary);font-size:.9rem}.tips-list{grid-gap:.65rem;display:grid;gap:.65rem}.tip-item{align-items:flex-start;background:#ffffffb8;border:1px solid #d7e1f2;border-radius:12px;display:flex;gap:.55rem;padding:.65rem .7rem}.tip-dot{background:var(--gradient-accent);border-radius:999px;flex-shrink:0;height:8px;margin-top:.5rem;width:8px}.tip-item p{color:var(--text-secondary);font-size:.86rem;line-height:1.6}.tips-action{margin-top:auto;width:-webkit-fit-content;width:fit-content}@media (max-width:980px){.home-hero,.insights-grid{grid-template-columns:1fr}.sync-note{text-align:left}}@media (max-width:720px){.home-shell{gap:var(--space-4)}.home-hero,.insight-panel,.workspace-card{padding:.9rem}.hero-actions{gap:.55rem}.hero-actions .btn-ghost,.hero-actions .btn-primary{width:100%}}.login-shell{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:clamp(1rem,2.2vw,2rem);position:relative}.login-grid-pattern{background-image:linear-gradient(#7c91b71f 1px,#0000 0),linear-gradient(90deg,#7c91b71f 1px,#0000 0);background-size:64px 64px;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000 38%,#0000 85%);mask-image:radial-gradient(circle at 50% 45%,#000 38%,#0000 85%)}.login-grid-pattern,.login-orb{pointer-events:none;position:absolute;z-index:0}.login-orb{border-radius:50%;filter:blur(6px)}.orb-left{background:radial-gradient(circle at 30% 30%,#00a5ff57,#0e7bff0f);height:460px;left:-160px;top:-150px;width:460px}.orb-right{background:radial-gradient(circle at 40% 40%,#ff7d4a57,#ff7d4a0f);bottom:-220px;height:540px;right:-200px;width:540px}.login-topbar{margin:0 auto;position:relative;width:min(1160px,100%);z-index:2}.login-wordmark{align-items:center;background:#ffffffc7;border:1px solid var(--line-soft);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);display:inline-flex;gap:var(--space-3);padding:.65rem 1rem}.wordmark-badge{background:var(--gradient-primary);border-radius:11px;color:#fff;display:grid;font-size:.82rem;font-weight:800;height:34px;place-items:center;width:34px}.wordmark-title{font-family:var(--font-display);font-size:.92rem;font-weight:800;line-height:1.1}.wordmark-subtitle{color:var(--text-secondary);font-size:.73rem;line-height:1.1}.login-stage{grid-gap:clamp(1.1rem,3vw,2.3rem);align-items:stretch;display:grid;gap:clamp(1.1rem,3vw,2.3rem);grid-template-columns:1.15fr .85fr;margin:clamp(2rem,6vh,4.5rem) auto 0;position:relative;width:min(1160px,100%);z-index:2}.login-story{display:flex;flex-direction:column;gap:var(--space-6);padding:clamp(1.2rem,2.4vw,2rem)}.story-eyebrow{align-self:flex-start;background:#0e7bff21;border:1px solid #0e7bff36;border-radius:var(--radius-full);color:#0b79f4;font-size:.76rem;font-weight:800;letter-spacing:.08em;padding:.42rem .78rem;text-transform:uppercase}.story-title{color:#0f1d37;font-size:clamp(2.1rem,4.6vw,3.85rem);line-height:1.02;max-width:700px}.story-description{color:var(--text-secondary);font-size:clamp(1rem,2vw,1.16rem);line-height:1.7;max-width:640px}.story-feature-list{grid-gap:.85rem;display:grid;gap:.85rem}.story-feature-card{align-items:flex-start;background:#ffffffbd;border:1px solid var(--line-soft);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:1rem 1.1rem}.story-feature-icon{background:var(--gradient-primary);border-radius:12px;box-shadow:var(--glow-primary);color:#fff;display:grid;flex-shrink:0;height:38px;place-items:center;width:38px}.story-feature-card h4{font-size:.95rem;font-weight:800;margin-bottom:.2rem}.story-feature-card p{color:var(--text-secondary);font-size:.86rem;line-height:1.55}.login-panel{border-radius:24px;display:flex;flex-direction:column;justify-content:center;min-height:600px;padding:clamp(1.35rem,2.4vw,2rem)}.panel-header h2{font-size:1.9rem;margin-bottom:.35rem}.panel-header p{color:var(--text-secondary);font-size:.95rem;line-height:1.65}.panel-error{background:#e0313117;border:1px solid #e0313138;border-radius:var(--radius-md);color:#b42318;font-size:.9rem;margin-bottom:var(--space-4);margin-top:var(--space-5);padding:.72rem .9rem}.auth-button-wrapper{margin-bottom:var(--space-5);margin-top:var(--space-5);min-height:56px;width:100%}.google-btn-custom{display:flex!important;justify-content:center;width:100%}.panel-meta{grid-gap:.65rem;display:grid;gap:.65rem}.meta-item{align-items:center;background:#ffffff9e;border:1px solid var(--line-soft);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:.83rem;font-weight:700;gap:.55rem;padding:.68rem .78rem}.panel-footer-copy{color:var(--text-tertiary);font-size:.8rem;line-height:1.6;margin-top:var(--space-6)}.panel-footer-copy a{color:#0b74ea;font-weight:700}.login-loading-card{border-radius:24px;margin:auto;padding:clamp(1.6rem,3vw,2.4rem);position:relative;text-align:center;width:min(460px,100%);z-index:2}.loading-spinner{animation:spin .95s linear infinite;border:4px solid #0e7bff33;border-radius:50%;border-top-color:#0e7bff;height:52px;margin:0 auto 1rem;width:52px}.login-loading-card h3{font-size:1.35rem;margin-bottom:.4rem}.login-loading-card p{color:var(--text-secondary);font-size:.94rem}@media (max-width:1024px){.login-stage{grid-template-columns:1fr}.login-panel{min-height:0;min-height:auto}.login-stage{margin-top:1.5rem;padding-bottom:2rem}}@media (max-width:700px){.login-shell{min-height:100dvh;padding:.8rem}.login-story{gap:1rem;padding:1.1rem .55rem}.story-title{font-size:clamp(2rem,11vw,2.8rem)}.story-feature-list{grid-template-columns:1fr}.login-panel{border-radius:20px;padding:1.15rem}.wordmark-subtitle{display:none}}.closet-container{padding-bottom:var(--space-12)}.closet-header{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.closet-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between}.closet-title{font-size:clamp(1.6rem,3vw,2.15rem);font-weight:800;margin-bottom:.15rem}.closet-controls{align-items:center;display:flex;flex-wrap:wrap}.closet-controls,.scan-privacy-panel{border-radius:var(--radius-lg);gap:var(--space-3);padding:var(--space-4)}.scan-privacy-panel{grid-gap:var(--space-3);display:grid;margin-bottom:var(--space-5)}.scan-privacy-panel h2{font-size:1rem;margin-bottom:.3rem}.scan-privacy-panel p{font-size:.86rem}.scan-source-list{grid-gap:.5rem;display:grid;gap:.5rem}.scan-source-row{align-items:center;background:#ffffffb3;border:1px solid var(--line-soft);border-radius:var(--radius-md);display:flex;gap:var(--space-3);justify-content:space-between;padding:.75rem}.scan-source-row span,.scan-source-row strong{display:block}.scan-source-row strong{font-size:.88rem}.scan-source-row span{color:var(--text-secondary);font-size:.76rem;margin-top:.15rem}.scan-source-delete{align-items:center;display:inline-flex;gap:.35rem;white-space:nowrap}.search-wrapper{flex:1 1;min-width:220px;position:relative}.search-input{background:#ffffffd6;border:1px solid var(--line-soft);border-radius:var(--radius-full);color:var(--text-primary);font-family:inherit;font-size:.92rem;padding:.72rem .9rem .72rem 2.5rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.search-input:focus{border-color:#aecaef;box-shadow:0 0 0 4px #0e7bff1f;outline:none}.search-icon{color:var(--text-tertiary);left:.9rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.filter-select{-webkit-appearance:none;appearance:none;background:#ffffffd6;border:1px solid var(--line-soft);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.7rem 2.1rem .7rem .9rem}.filter-select:focus{border-color:#aecaef;outline:none}.closet-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.closet-item-card{aspect-ratio:3/4;border:1px solid var(--line-soft);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.closet-item-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);z-index:5}.item-image{height:100%;object-fit:cover;width:100%}.item-overlay{background:linear-gradient(0deg,#0d182ee6,#0d182e26);display:flex;flex-direction:column;inset:auto 0 0;justify-content:flex-end;opacity:0;padding:2.4rem .85rem .85rem;position:absolute;transition:opacity .2s ease}.closet-item-card:hover .item-overlay{opacity:1}.item-title{color:#fff;font-weight:700;margin-bottom:.1rem}.item-category{color:#ffffffd1;font-size:.76rem}.item-actions{display:flex;gap:.45rem;opacity:0;position:absolute;right:.45rem;top:.45rem;transition:opacity .2s ease}.closet-item-card:hover .item-actions{opacity:1}.action-icon-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b1b30b3;border-radius:999px;color:#fff;display:grid;height:32px;place-items:center;width:32px}.action-icon-btn:hover{background:var(--error)}.empty-state{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-12) var(--space-6);text-align:center}.empty-icon{color:var(--text-tertiary);font-size:3.1rem;margin-bottom:var(--space-2)}.empty-state-paths{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-top:var(--space-2)}.empty-path-card{align-items:center;background:#ffffffb3;border:1.5px solid var(--line-soft);border-radius:var(--radius-lg);color:var(--text-primary);display:flex;gap:var(--space-3);min-width:200px;padding:var(--space-4) var(--space-5);text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.empty-path-card:hover{border-color:#aecaef;box-shadow:0 4px 16px #0e7bff1f;transform:translateY(-2px)}.empty-path-icon{color:var(--text-secondary);flex-shrink:0;font-size:1.7rem!important}.empty-path-title{font-size:.95rem;font-weight:600;margin-bottom:.1rem}.empty-path-desc{color:var(--text-secondary);font-size:.8rem}.loader-container{display:flex;justify-content:center;padding:var(--space-12)}.closet-skeleton-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.closet-skeleton-card{border:1px solid var(--line-soft);border-radius:var(--radius-lg);overflow:hidden}.closet-skeleton-image{aspect-ratio:3/4;width:100%}.closet-skeleton-content{grid-gap:.5rem;display:grid;gap:.5rem;padding:.75rem}.closet-skeleton-line{border-radius:999px;height:.85rem}.closet-skeleton-line.short{width:64%}@media (max-width:720px){.scan-source-row{align-items:flex-start;flex-direction:column}.closet-grid,.closet-skeleton-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(164px,1fr))}.empty-state-paths{align-items:stretch;flex-direction:column}}
/*# sourceMappingURL=main.06a04450.css.map*/