:root{--color-bg:#f7f1e8;--color-bg-outer:#ece3d3;--color-surface:#fffdf9;--color-surface-alt:#f1e9da;--color-text:#3b2f26;--color-text-soft:#7a6a5d;--color-text-faint:#a5978a;--color-accent:#7c9473;--color-accent-dark:#5f7a58;--color-accent-soft:#e3ead9;--color-danger:#b5533c;--color-danger-soft:#f3e0d9;--color-border:#e7ddcb;--radius-lg:22px;--radius-md:16px;--radius-sm:10px;--radius-pill:999px;--shadow-card:0 2px 10px #3b2f260f, 0 10px 24px #3b2f260d;--shadow-float:0 8px 28px #3b2f2629;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--font-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft Yahei", sans-serif;--font-display:"Songti SC", "STSong", "PingFang SC", var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg-outer);color:var(--color-text);min-height:100svh}button,input,textarea,select{color:inherit;font-family:inherit}button{cursor:pointer}ul{margin:0;padding:0;list-style:none}a{color:inherit}#root{background:var(--color-bg-outer);justify-content:center;min-height:100svh;display:flex}.app-shell{background:var(--color-bg);width:100%;max-width:480px;min-height:100svh;box-shadow:var(--shadow-float);flex-direction:column;display:flex;position:relative}@media (width>=540px){.app-shell{margin:var(--space-6) 0;min-height:calc(100svh - var(--space-6) * 2);border-radius:var(--radius-lg);overflow:hidden}}.app-main{padding:var(--space-5) var(--space-4) calc(84px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}h1,h2,h3{font-family:var(--font-display);color:var(--color-text);margin:0;font-weight:600}h1{letter-spacing:.2px;font-size:26px}h2{font-size:20px}h3{font-size:16px}p{margin:0;line-height:1.6}.text-soft{color:var(--color-text-soft)}.text-faint{color:var(--color-text-faint)}.text-sm{font-size:13px}.brand-header{padding:var(--space-5) var(--space-4) var(--space-2);justify-content:space-between;align-items:center;display:flex}.brand-mark{align-items:center;gap:var(--space-2);display:flex}.brand-mark__logo{border-radius:var(--radius-sm);width:34px;height:34px}.brand-mark__title{font-family:var(--font-display);letter-spacing:.5px;color:var(--color-text);font-size:19px;font-weight:700}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);white-space:nowrap;border:none;padding:12px 20px;font-size:15px;font-weight:600;transition:transform .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--color-accent-dark);outline-offset:2px}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-accent-soft);color:var(--color-accent-dark)}.btn-ghost{color:var(--color-text-soft);border:1px solid var(--color-border);background:0 0}.btn-danger{background:var(--color-danger-soft);color:var(--color-danger)}.btn-block{width:100%}.btn-sm{padding:8px 14px;font-size:13px}.icon-btn{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);width:40px;height:40px;color:var(--color-text);justify-content:center;align-items:center;display:inline-flex}.icon-btn:focus-visible{outline:2px solid var(--color-accent-dark);outline-offset:2px}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.card-pad{padding:var(--space-5)}.stat-hero{padding:var(--space-6) var(--space-5);text-align:center;margin-bottom:var(--space-5)}.stat-hero__count{font-family:var(--font-display);color:var(--color-accent-dark);font-size:48px;font-weight:700;line-height:1}.stat-hero__label{margin-top:var(--space-2);color:var(--color-text-soft);font-size:14px}.stat-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.stat-tile{padding:var(--space-4);gap:var(--space-1);flex-direction:column;display:flex}.stat-tile__count{color:var(--color-text);font-size:24px;font-weight:700}.stat-tile__label{color:var(--color-text-soft);font-size:13px}.section-title{margin:var(--space-6) 0 var(--space-3);justify-content:space-between;align-items:center;display:flex}.home-actions{gap:var(--space-3);margin-top:var(--space-5);display:flex}.bottom-nav{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));z-index:20;display:flex;position:sticky;bottom:0;left:0;right:0}.bottom-nav__item{padding:var(--space-2) 0;border-radius:var(--radius-md);color:var(--color-text-faint);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;font-size:11px;display:flex}.bottom-nav__item svg{width:22px;height:22px}.bottom-nav__item[aria-current=page]{color:var(--color-accent-dark)}.bottom-nav__item:focus-visible{outline:2px solid var(--color-accent-dark);outline-offset:-2px}.page-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.page-header__back{align-items:center;gap:var(--space-2);display:flex}.search-bar{align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:10px var(--space-4);margin-bottom:var(--space-4);display:flex}.search-bar input{background:0 0;border:none;outline:none;flex:1;font-size:15px}.search-bar svg{width:18px;height:18px;color:var(--color-text-faint);flex-shrink:0}.filter-row{gap:var(--space-2);padding-bottom:var(--space-4);margin:0 calc(var(--space-4) * -1);padding-left:var(--space-4);padding-right:var(--space-4);scrollbar-width:none;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.chip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-soft);border-radius:var(--radius-pill);flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:500}.chip[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.masonry{columns:2;column-gap:var(--space-3)}.masonry>*{break-inside:avoid;margin-bottom:var(--space-3)}.item-card{text-align:left;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);width:100%;display:block;overflow:hidden}.item-card__img-wrap{aspect-ratio:4/5;background:var(--color-surface-alt);width:100%;overflow:hidden}.item-card__img-wrap img{object-fit:cover;width:100%;height:100%;display:block}.item-card__body{padding:var(--space-3);flex-direction:column;gap:2px;display:flex}.item-card__name{color:var(--color-text);font-size:14px;font-weight:600}.item-card__meta{color:var(--color-text-soft);font-size:12px}.tag{border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent-dark);align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.empty-state{text-align:center;padding:var(--space-7) var(--space-5);color:var(--color-text-soft);align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.empty-state svg{width:56px;height:56px;color:var(--color-accent);opacity:.7}.empty-state__actions{gap:var(--space-2);width:100%;margin-top:var(--space-3);flex-direction:column;display:flex}.form-field{margin-bottom:var(--space-4)}.form-label{color:var(--color-text-soft);margin-bottom:var(--space-2);font-size:13px;font-weight:600;display:block}.form-input,.form-textarea{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);outline:none;width:100%;padding:12px 14px;font-size:15px}.form-input:focus,.form-textarea:focus{border-color:var(--color-accent)}.form-textarea{resize:vertical;min-height:72px}.option-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.option-chip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-pill);padding:8px 16px;font-size:13px}.option-chip[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.color-swatch-grid{gap:var(--space-3);flex-wrap:wrap;display:flex}.color-swatch{border:2px solid #0000;border-radius:50%;width:34px;height:34px;box-shadow:inset 0 0 0 1px #3b2f2626}.color-swatch[aria-pressed=true]{border-color:var(--color-accent-dark)}.upload-grid{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.upload-thumb{aspect-ratio:4/5;border-radius:var(--radius-sm);border:1px solid var(--color-border);position:relative;overflow:hidden}.upload-thumb img{object-fit:cover;width:100%;height:100%}.upload-thumb__remove{color:#fff;background:#3b2f2699;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:4px;right:4px}.upload-picker{gap:var(--space-3);display:flex}.upload-picker label{align-items:center;gap:var(--space-2);border:1.5px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-5) var(--space-2);color:var(--color-text-soft);background:var(--color-surface-alt);flex-direction:column;flex:1;font-size:13px;display:flex}.upload-picker svg{width:26px;height:26px;color:var(--color-accent-dark)}.upload-picker input{display:none}.cropper-overlay{z-index:100;padding:var(--space-4);background:#3b2f268c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cropper-panel{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-4);flex-direction:column;width:100%;max-width:400px;display:flex}.cropper-stage{aspect-ratio:4/5;border-radius:var(--radius-md);touch-action:none;background:#2a221c;width:100%;position:relative;overflow:hidden}.cropper-stage canvas{width:100%;height:100%;display:block}.cropper-controls{gap:var(--space-3);flex-direction:column;display:flex}.cropper-control-row{align-items:center;gap:var(--space-3);display:flex}.cropper-control-row label{width:44px;color:var(--color-text-soft);flex-shrink:0;font-size:12px}.cropper-control-row input[type=range]{accent-color:var(--color-accent);flex:1}.cropper-actions{gap:var(--space-3);display:flex}.slot-row{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex}.slot-row:last-child{border-bottom:none}.slot-thumb{border-radius:var(--radius-sm);background:var(--color-surface-alt);border:1px dashed var(--color-border);width:56px;height:70px;color:var(--color-text-faint);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.slot-thumb img{object-fit:cover;width:100%;height:100%}.slot-info{flex:1;min-width:0}.slot-info__label{color:var(--color-text-soft);font-size:12px}.slot-info__value{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.picker-grid{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.picker-cell{border-radius:var(--radius-md);background:var(--color-surface-alt);aspect-ratio:4/5;border:2px solid #0000;position:relative;overflow:hidden}.picker-cell img{object-fit:cover;width:100%;height:100%}.picker-cell[aria-pressed=true]{border-color:var(--color-accent)}.outfit-card{padding:var(--space-4)}.outfit-card__grid{margin-bottom:var(--space-3);grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.outfit-card__grid img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-sm);background:var(--color-surface-alt);width:100%}.pill-select{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.suggestion-badge{background:var(--color-accent-soft);color:var(--color-accent-dark);border-radius:var(--radius-pill);margin-bottom:var(--space-3);align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.suggestion-reason{color:var(--color-text-soft);margin-bottom:var(--space-3);font-size:13px}.toast-stack{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:200;gap:var(--space-2);flex-direction:column;width:min(340px,100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}.toast{background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-float);padding:12px 18px;font-size:14px}.dialog-overlay{z-index:150;padding:var(--space-5);background:#3b2f2680;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-panel{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;width:100%;max-width:340px}.dialog-panel h3{margin-bottom:var(--space-2)}.dialog-panel p{color:var(--color-text-soft);margin-bottom:var(--space-5);font-size:14px}.dialog-actions{gap:var(--space-3);display:flex}.dialog-actions .btn{flex:1}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stack{gap:var(--space-4);flex-direction:column;display:flex}.divider{background:var(--color-border);height:1px;margin:var(--space-5) 0}.note-box{background:var(--color-accent-soft);color:var(--color-accent-dark);border-radius:var(--radius-md);padding:var(--space-4);font-size:13px;line-height:1.6}