.garment-art{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}.outfit-art{height:100%;position:relative;width:100%}.outfit-piece{position:absolute}.outfit-piece .garment-art{filter:drop-shadow(0 var(--space-1) var(--space-1) var(--photo-ink-soft))}.piece-button{border:0;background:var(--photo-glass);display:flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0;position:relative}.piece-button .garment-art{transition:transform var(--motion-slow) var(--motion-ease)}.piece-button:hover .garment-art{transform:translateY(calc(-1 * var(--space-1))) rotate(-1deg)}.swap-hint{position:absolute;bottom:12%;left:50%;transform:translate(-50%);white-space:nowrap;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);display:flex;gap:var(--space-1);align-items:center;background:var(--photo-glass);color:var(--photo-ink);opacity:0;transition:opacity var(--motion-fast) var(--motion-ease);font-size:var(--text-sm)}.piece-button:focus-visible .swap-hint,.piece-button:hover .swap-hint{opacity:1}.outfit-piece.piece-0{width:51%;height:70%;top:5%;left:2%;transform:rotate(-7deg)}.outfit-piece.piece-1{width:49%;height:84%;top:9%;right:1%;transform:rotate(5deg)}.outfit-piece.piece-2{width:45%;height:42%;left:4%;bottom:-4%;transform:rotate(-8deg)}.count-4 .piece-0{width:45%;left:0%;top:6%}.count-4 .piece-1{width:41%;right:0%;top:8%;height:80%}.count-4 .piece-2{width:43%;height:36%;left:2%;bottom:1%}.count-4 .piece-3{width:34%;height:52%;top:19%;left:35%;transform:rotate(-5deg)}.count-5 .piece-0{width:39%;left:0%;top:3%}.count-5 .piece-1{width:41%;right:0%;top:10%}.count-5 .piece-2{width:38%;height:35%;left:3%;bottom:1%}.count-5 .piece-3{width:34%;height:48%;top:17%;left:31%}.count-5 .piece-4{width:24%;height:25%;left:44%;bottom:0%}.count-2 .piece-0{width:60%;height:93%;left:3%;top:1%}.count-2 .piece-1{width:45%;height:49%;right:0%;top:49%}.compact .piece-0{left:0%;width:55%;height:70%}.compact .piece-1{right:0%;width:48%;height:80%}.compact .piece-2{left:0%;bottom:-1%;height:45%;width:50%}.capture-composer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:180;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);color:var(--text);height:100dvh;font-family:var(--font-system);font-size:var(--text-base);font-weight:var(--weight-regular);padding-top:env(safe-area-inset-top)}.capture-composer :where(button,textarea){font-family:inherit;min-height:var(--touch-target);min-width:var(--touch-target);touch-action:manipulation}.capture-composer button:focus-visible,.capture-composer textarea:focus-visible{outline:calc(2 * var(--hairline)) solid var(--accent);outline-offset:var(--space-1)}.capture-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg);z-index:3}.capture-header>div{text-align:center}.capture-header h2{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin:0}.capture-count{font-size:var(--text-xs);color:var(--text-2);min-width:var(--touch-target);text-align:right;font-variant-numeric:tabular-nums}.capture-icon-button{background:none;border:0;min-height:var(--touch-target);min-width:var(--touch-target);display:flex;align-items:center;justify-content:center;color:var(--text);border-radius:var(--radius-pill);padding:var(--space-2)}.capture-file-input{display:none}.capture-stage{position:relative;flex:1;min-height:120px;background:var(--bg);overflow:hidden;display:flex;justify-content:center;align-items:center}.capture-live{display:block;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover}.capture-live.is-mirrored{transform:scaleX(-1)}.capture-review-media{display:block;width:100%;height:100%;max-height:100%;object-fit:contain}.capture-stage.is-review{cursor:text}.capture-stage.is-review video{cursor:default}.capture-camera-placeholder{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);text-align:center;max-width:410px;padding:var(--space-6);color:var(--accent)}.capture-camera-placeholder h3{font-size:var(--text-2xl);font-weight:var(--weight-medium);color:var(--text)}.capture-camera-placeholder p{color:var(--text-2);font-size:var(--text-sm);line-height:1.65}.capture-camera-placeholder .capture-primary{margin-top:var(--space-2)}.capture-viewfinder{position:absolute;width:var(--space-8);height:var(--space-8);border:var(--hairline) solid var(--photo-glass);pointer-events:none}.capture-corner-tl{top:9%;left:10%;border-width:1px 0 0 1px;border-top-left-radius:var(--radius-md)}.capture-corner-tr{top:9%;right:10%;border-width:1px 1px 0 0;border-top-right-radius:var(--radius-md)}.capture-corner-bl{bottom:9%;left:10%;border-width:0 0 1px 1px;border-bottom-left-radius:var(--radius-md)}.capture-corner-br{bottom:9%;right:10%;border-width:0 1px 1px 0;border-bottom-right-radius:var(--radius-md)}.capture-recording{position:absolute;top:var(--space-4);left:50%;transform:translate(-50%);display:flex;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-3);background:var(--photo-glass);color:var(--photo-ink);border-radius:var(--radius-pill);font-size:var(--text-xs);white-space:nowrap;font-variant-numeric:tabular-nums}.capture-recording>span{width:var(--space-2);height:var(--space-2);background:var(--photo-heart);border-radius:var(--radius-pill);box-shadow:0 0 0 3px var(--photo-ink-soft)}.capture-audio-warning{position:absolute;bottom:var(--space-4);left:var(--space-4);right:var(--space-4);display:flex;gap:var(--space-2);align-items:flex-start;background:var(--photo-glass);color:var(--photo-ink);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);line-height:1.5}.capture-audio-warning svg{flex-shrink:0;margin-top:var(--space-1)}.capture-review-tools{position:absolute;top:var(--space-3);left:var(--space-3);right:var(--space-3);display:flex;justify-content:space-between;gap:var(--space-3);pointer-events:none}.capture-glass-button{pointer-events:auto;border:var(--hairline) solid var(--photo-ink-soft);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3);display:flex;align-items:center;gap:var(--space-2);background:var(--photo-glass);color:var(--photo-ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:var(--text-sm);min-height:var(--touch-target)}.capture-bottom{flex:none;padding:var(--space-4) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-4),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left));background:var(--surface);z-index:3;max-height:61%;overflow-y:auto;overscroll-behavior:contain}.capture-error{padding:var(--space-3);margin:0 0 var(--space-3);border:var(--hairline) solid color-mix(in srgb,var(--danger) 40%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--danger);font-size:var(--text-xs);line-height:1.6}.capture-status{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--accent-text);margin:0 0 var(--space-3)}.capture-tray{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-1) var(--space-1) var(--space-3);scrollbar-width:thin;scrollbar-color:var(--text-2) transparent}.capture-thumbnail{position:relative;width:calc(2 * var(--space-8));height:calc(2 * var(--space-8) + var(--space-2));flex:0 0 calc(2 * var(--space-8));overflow:hidden;padding:0;background:var(--surface-2);border:calc(2 * var(--hairline)) solid transparent;border-radius:var(--radius-sm);color:var(--text)}.capture-thumbnail.is-selected{border-color:var(--accent)}.capture-thumbnail img,.capture-thumbnail video{width:100%;height:100%;object-fit:cover;display:block}.capture-index{position:absolute;top:var(--space-1);left:var(--space-1);min-width:var(--space-5);min-height:var(--space-5);display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--photo-glass);color:var(--photo-ink);font-size:var(--text-xs)}.capture-video-badge{position:absolute;bottom:2px;left:1px;right:1px;display:flex;align-items:center;justify-content:center;gap:var(--space-1);background:var(--photo-glass);color:var(--photo-ink);font-size:var(--text-xs);padding:var(--space-1);border-radius:var(--radius-sm)}.capture-add{border:var(--hairline) dashed var(--text-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);background:none;color:var(--accent-text)}.capture-add>span{font-size:var(--text-xs)}.capture-camera-controls{display:flex;align-items:center;justify-content:center;gap:clamp(var(--space-6),12vw,calc(2 * var(--space-8)));padding:var(--space-1) 0 var(--space-2)}.capture-gallery,.capture-flip{flex-direction:column;gap:var(--space-2);border-radius:var(--radius-md);width:calc(2 * var(--space-8));height:calc(2 * var(--space-8))}.capture-icon-button>span{font-size:var(--text-xs);color:var(--text-2)}.capture-shutter{position:relative;width:calc(2 * var(--space-8) + var(--space-3));height:calc(2 * var(--space-8) + var(--space-3));border-radius:var(--radius-pill);padding:var(--space-1);display:grid;place-items:center;flex-shrink:0;border:calc(2 * var(--hairline)) solid var(--text);background:none;touch-action:none!important;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.capture-shutter>span{display:block;width:100%;height:100%;background:var(--accent);border-radius:var(--radius-pill);transition:border-radius var(--motion-fast) var(--motion-ease),width var(--motion-fast) var(--motion-ease),height var(--motion-fast) var(--motion-ease)}.capture-shutter.is-recording{border-color:var(--danger)}.capture-shutter.is-recording>span{width:calc(var(--space-6) + var(--space-1));height:calc(var(--space-6) + var(--space-1));border-radius:var(--radius-sm);background:var(--danger)}.capture-camera-hint{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap;font-size:var(--text-xs);color:var(--text-2);line-height:1.7;text-align:center}.capture-text-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:0;background:none;color:var(--accent);font-size:var(--text-xs);padding:var(--space-2) var(--space-1);min-height:var(--touch-target)}.capture-text-button.is-recording{color:var(--danger)}.capture-return{display:flex;align-items:center;gap:var(--space-2);justify-content:center;background:none;border:0;margin:var(--space-1) auto 0;font-size:var(--text-xs);min-height:var(--touch-target);color:var(--accent-text)}.capture-note{margin:0 0 var(--space-3)}.capture-note-trigger{display:block;text-align:left;padding:var(--space-3) var(--space-4);line-height:1.5;max-height:120px;overflow:auto;width:100%;border:var(--hairline) solid var(--field-line);border-radius:var(--radius-md);background:var(--field);color:var(--text-2);font-size:var(--text-xs);white-space:pre-wrap;overflow-wrap:anywhere}.capture-note-trigger.has-text{color:var(--text)}.capture-note-trigger>span{display:block;color:var(--text-2);font-size:var(--text-xs);margin-top:var(--space-1)}.capture-note textarea{display:block;width:100%;resize:vertical;max-height:150px;min-height:85px;padding:var(--space-3);border:var(--hairline) solid var(--accent);border-radius:var(--radius-md);background:var(--field);color:var(--text);line-height:1.5;font-size:var(--text-base);outline:none}.capture-note textarea::placeholder{color:var(--text-2)}.capture-note-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);color:var(--text-2);font-size:var(--text-xs);padding:var(--space-1)}.capture-send-row{display:flex;gap:var(--space-3);padding-top:var(--space-1)}.capture-primary,.capture-secondary{border:var(--hairline) solid transparent;border-radius:var(--radius-md);min-height:var(--action-height);padding:var(--space-3) var(--space-4);font-size:var(--text-md);font-weight:var(--weight-semibold);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.capture-primary{color:var(--on-accent);background:var(--accent)}.capture-secondary{color:var(--text);background:var(--surface-2);border-color:var(--line)}.capture-send-row>.capture-primary{flex:1}.capture-discard-backdrop{position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;background:var(--scrim);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.capture-discard{background:var(--surface);border:var(--hairline) solid var(--line);padding:var(--space-6);border-radius:var(--radius-lg);max-width:370px;width:100%;box-shadow:var(--shadow-lg)}.capture-discard h3{font-weight:var(--weight-medium);font-size:var(--text-xl);margin-bottom:var(--space-3)}.capture-discard p{font-size:var(--text-sm);color:var(--text-2);line-height:1.7;margin-bottom:var(--space-5)}.capture-discard>.capture-primary,.capture-discard>.capture-text-button{width:100%}.capture-discard>.capture-text-button{margin-top:var(--space-2)}.capture-spinner{animation:capture-spin 1s linear infinite}@keyframes capture-spin{to{transform:rotate(360deg)}}@media(min-width:761px){.capture-composer{top:0;right:0;bottom:0;left:0;padding-left:max(0px,calc((100vw - var(--content-width)) / 2));padding-right:max(0px,calc((100vw - var(--content-width)) / 2));background:var(--bg)}.capture-header{padding:var(--space-4) var(--space-6)}.capture-bottom{padding-left:var(--space-6);padding-right:var(--space-6)}.capture-stage{min-height:160px}.capture-camera-controls{gap:var(--space-8)}}@media(max-height:650px){.capture-header{padding-top:var(--space-2);padding-bottom:var(--space-2)}.capture-header h2{font-size:var(--text-md)}.capture-bottom{padding-top:var(--space-2)}.capture-thumbnail{height:calc(var(--touch-target) + var(--space-3))}.capture-tray{padding-bottom:var(--space-2)}.capture-shutter{height:calc(var(--touch-target) + var(--space-4));width:calc(var(--touch-target) + var(--space-4))}.capture-note-trigger{max-height:85px;padding:var(--space-2) var(--space-3)}.capture-note-trigger>span{display:none}.capture-camera-controls{padding:0}.capture-camera-placeholder{gap:var(--space-2);padding:var(--space-4)}.capture-camera-placeholder h3{font-size:var(--text-lg)}.capture-camera-placeholder p{font-size:var(--text-xs)}.capture-camera-placeholder>svg{width:25px;height:25px}.capture-camera-placeholder .capture-primary{min-height:var(--touch-target);margin:0}.capture-stage{min-height:90px}.capture-note{margin-bottom:var(--space-2)}}@media(prefers-reduced-motion:reduce){.capture-spinner{animation:none}.capture-shutter>span{transition:none}}.interaction-screen{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;padding:0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:var(--bg);color:var(--text);overflow:hidden;display:none;flex-direction:column;font-family:var(--font-system)}.interaction-screen[open]{display:flex}.interaction-screen::backdrop{background:var(--scrim)}.interaction-header{position:sticky;top:0;z-index:1;flex-shrink:0;display:flex;align-items:center;gap:var(--space-1);padding:calc(var(--space-2) + env(safe-area-inset-top)) var(--space-2) var(--space-2);border-bottom:var(--hairline) solid var(--line);background:var(--bg)}.interaction-header>div{flex:1;min-width:0}.interaction-header h1{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:1.4;margin:0;letter-spacing:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.interaction-header p{font-size:var(--text-sm);color:var(--text-2);margin:var(--space-1) 0 0}.interaction-screen .icon-button,.thread-sheet .icon-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--touch-target);height:var(--touch-target);padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text)}.interaction-header button{flex-shrink:0;min-width:var(--touch-target);min-height:var(--touch-target)}.thread-body{width:100%;max-width:var(--content-width);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-8);overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0}.thread-body>p{line-height:1.4}.thread-send{display:flex;flex-direction:column;gap:var(--space-4);padding:0 0 var(--space-8);margin:0 0 var(--space-4)}.thread-send:last-child{margin-bottom:0}.send-label{text-align:center;color:var(--text-2);font-size:var(--text-xs)}.send-label>time{font-size:var(--text-xs);color:var(--text-2)}.thread-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);overflow:hidden;border-radius:var(--radius-lg)}.thread-media.count-1{grid-template-columns:1fr}.thread-media>div{background:var(--tile);min-width:0;display:flex;align-items:center;justify-content:center;min-height:calc(5 * var(--space-6))}.thread-media img,.thread-media video{display:block;max-height:calc(15 * var(--space-8));width:100%;object-fit:contain}.thread-media:not(.count-1)>div{aspect-ratio:3/4;max-height:calc(10 * var(--space-8))}.thread-media:not(.count-1) img,.thread-media:not(.count-1) video{height:100%;max-height:100%}.thread-send>.thread-media{align-self:flex-end;width:75%}.user-note{align-self:flex-end;max-width:80%;width:fit-content;margin-left:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-2);color:var(--text);border-radius:calc(var(--radius-lg) + 2 * var(--hairline)) calc(var(--radius-lg) + 2 * var(--hairline)) var(--space-1) calc(var(--radius-lg) + 2 * var(--hairline));padding:var(--space-3) var(--space-4);font-size:var(--text-base);line-height:1.4}.assistant-message{width:100%}.assistant-message p{white-space:pre-line;overflow-wrap:anywhere;font-size:var(--text-base);font-weight:var(--weight-regular);line-height:1.5;color:var(--text);margin:0}.thread-progress{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) 0;color:var(--text-2);font-size:var(--text-md);line-height:1.5}.thread-progress svg{flex-shrink:0;color:var(--text-2)}.thread-progress strong{font-weight:var(--weight-semibold);color:var(--text)}.thread-progress p{font-size:var(--text-sm);color:var(--text-2);margin-top:var(--space-2)}.thread-progress.is-subtle{padding:0}.pending-capture{display:flex;flex-direction:column;gap:var(--space-4)}.pending-capture .thread-progress>svg:not(.spin){color:var(--danger)}.pending-capture progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;height:var(--space-2);width:100%;accent-color:var(--accent);background:var(--surface-2);border-radius:var(--radius-pill);overflow:hidden;flex-shrink:0}.pending-capture progress::-webkit-progress-bar{background:var(--surface-2)}.pending-capture progress::-webkit-progress-value{background:var(--accent);border-radius:var(--radius-pill)}.pending-capture progress::-moz-progress-bar{background:var(--accent)}.thread-note{color:var(--text-2);font-size:var(--text-sm);line-height:1.5}.thread-send>.thread-note,.speech-transcript{align-self:flex-end;text-align:right;max-width:80%}.thread-controls{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.thread-error{display:flex;gap:var(--space-3);justify-content:space-between;align-items:center;color:var(--danger);font-size:var(--text-md);line-height:1.5;margin-bottom:var(--space-5)}.thread-error .text-button{white-space:nowrap}.speech-transcript{font-size:var(--text-sm);color:var(--text-2)}.speech-transcript summary{cursor:pointer;padding:var(--space-3) 0;min-height:var(--touch-target)}.speech-transcript p{white-space:pre-wrap;line-height:1.5;margin-top:var(--space-2)}.media-placeholder{height:100%;width:100%;display:flex;align-items:center;justify-content:center;color:var(--text-2);background:var(--surface-2);min-height:calc(2 * var(--touch-target))}body.capture-handoff .capture-composer{display:none}.send-problem{display:flex;gap:var(--space-2);align-items:flex-start;color:var(--text);font-size:var(--text-md);line-height:1.5}.send-problem>svg{color:var(--danger);flex-shrink:0;margin-top:var(--space-1)}.send-problem>div{flex:1;min-width:0;overflow-wrap:anywhere}.send-problem .button{margin-top:var(--space-2)}.piece-grid,.suggested-looks.is-compact{display:flex;gap:var(--space-3);overflow-x:auto;margin:0 calc(-1 * var(--space-4));padding:var(--space-1) var(--space-4);scrollbar-width:none}.piece-grid::-webkit-scrollbar,.suggested-looks.is-compact::-webkit-scrollbar{display:none}.piece-card{display:flex;flex-direction:column;flex:0 0 calc(4 * var(--space-8) - var(--space-1));width:calc(4 * var(--space-8) - var(--space-1));min-width:0;gap:var(--space-1)}.piece-card-target{display:flex;flex-direction:column;width:100%;gap:var(--space-2);padding:0;border:0;background:transparent;color:var(--text);text-align:left}.piece-photo{position:relative;width:100%;aspect-ratio:1;background:var(--tile);display:flex;align-items:center;justify-content:center;color:var(--photo-ink);overflow:hidden;border-radius:var(--radius-md);flex-shrink:0}.piece-photo img{width:100%;height:100%;object-fit:contain;display:block}.piece-opening-indicator{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--photo-glass);color:var(--photo-ink)}.piece-card-name,.suggested-compact>strong{font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.piece-status-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1)}.piece-status{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-2);line-height:1.4}.piece-status svg{flex-shrink:0}.piece-status.is-yours{color:var(--success)}.piece-status.is-new{color:var(--accent-text)}.piece-card .piece-note{font-size:var(--text-sm);line-height:1.4;color:var(--text-2);margin:0;display:block;overflow-wrap:anywhere}.piece-add{padding:0;border:0;background:transparent;min-height:var(--touch-target);min-width:var(--touch-target);flex-shrink:0}.piece-add>span{display:flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:var(--space-8);border-radius:var(--radius-pill);padding:0 var(--space-2);background:var(--accent-soft);color:var(--accent-text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.piece-card.is-question{flex-basis:calc(5 * var(--action-height) - var(--space-5));width:calc(5 * var(--action-height) - var(--space-5));border:calc(1.5 * var(--hairline)) solid var(--accent);border-radius:var(--radius-lg);padding:var(--space-3);gap:var(--space-2);background:var(--surface)}.question-header{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:var(--touch-target);border:0;padding:0;background:transparent;color:var(--text);text-align:left}.question-header>.piece-photo{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-sm)}.question-header>span:not(.piece-photo){flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.question-header strong{font-size:var(--text-md);font-weight:var(--weight-semibold)}.question-header>span>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-sm);color:var(--text-2)}.question-header>svg{flex-shrink:0;color:var(--text-2)}.piece-card.is-question>.piece-note{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.piece-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.piece-choice{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1);padding:0;border:var(--hairline) solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text);text-align:left;font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.4;min-width:0;min-height:var(--touch-target)}.piece-choice:hover:not(:disabled),.piece-choice.selected{border-color:var(--accent)}.piece-choice.selected{background:var(--accent-soft)}.piece-choice>.item-thumb{width:100%;aspect-ratio:1}.piece-choice>span:not(.item-thumb){overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.piece-choice small{font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--text-2)}.item-thumb{display:flex;align-items:center;justify-content:center;background:var(--tile);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;color:var(--photo-ink)}.item-thumb img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}.item-mosaic{display:grid;gap:var(--space-1);width:100%;height:100%;padding:var(--space-3)}.item-mosaic.count-2,.item-mosaic.count-3,.item-mosaic.count-4{grid-template-columns:1fr 1fr}.item-mosaic.count-3>:first-child{grid-row:span 2}.item-mosaic .item-thumb{width:100%;height:100%;min-height:0;background:transparent}.item-mosaic .item-thumb img{object-fit:contain}.send-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.send-result{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target);color:var(--text);font-size:var(--text-md);line-height:1.4}.send-result>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.send-result.is-undone{color:var(--text-2)}.result-icon{display:flex;flex-shrink:0;color:var(--success)}.is-undone .result-icon{color:var(--text-2)}.interaction-screen .button,.thread-sheet .button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target);padding:var(--space-2) var(--space-4);border:var(--hairline) solid transparent;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:1.4;letter-spacing:normal}.interaction-screen .button.primary,.thread-sheet .button.primary{background:var(--accent);color:var(--on-accent)}.interaction-screen .button.danger,.thread-sheet .button.danger{background:var(--danger);color:var(--bg);border-color:transparent}.interaction-screen .button.secondary,.thread-sheet .button.secondary{background:var(--surface-2);color:var(--text);border-color:transparent}.interaction-screen .send-options .button.secondary{border-color:var(--line);background:transparent;font-weight:var(--weight-regular)}.interaction-screen .send-options .button.is-done,.suggested-actions .button.is-done{background:var(--success-soft);color:var(--success)}.send-options .button.is-done:disabled,.suggested-actions .button.is-done:disabled{opacity:1}.interaction-screen .text-button,.thread-sheet .text-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-width:var(--touch-target);min-height:var(--touch-target);padding:0 var(--space-1);border:0;background:transparent;color:var(--accent-text);font-size:var(--text-md);font-weight:var(--weight-medium);line-height:1.4}.interaction-screen .inline-error,.thread-sheet .inline-error{padding:0;margin:var(--space-2) 0 0;border:0;background:transparent;color:var(--danger);font-size:var(--text-sm);line-height:1.4;overflow-wrap:anywhere}.interaction-screen .question-new{width:100%;font-size:var(--text-sm)}.thread-sheet{padding:0 0 env(safe-area-inset-bottom);border:0;border-radius:var(--radius-xl);background:var(--surface);color:var(--text);width:min(560px,calc(100vw - var(--space-8)));max-height:calc(100dvh - 2 * var(--space-6));overflow:hidden;flex-direction:column;box-shadow:var(--shadow-lg);color-scheme:inherit;font-family:var(--font-system)}.thread-sheet[open]{display:flex}.thread-sheet::backdrop{background:var(--scrim)}.sheet-grabber{display:none}.sheet-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);flex-shrink:0}.sheet-header h2{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:normal;line-height:1.4;margin:0}.sheet-body{padding:0 var(--space-4) var(--space-5);overflow-y:auto;flex:1;min-height:0}.piece-sheet-heading{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.piece-sheet-heading>.piece-photo{width:calc(var(--space-8) + var(--space-6));height:calc(var(--space-8) + var(--space-6))}.piece-sheet-heading p{color:var(--text-2);font-size:var(--text-sm);margin-top:var(--space-1)}.sheet-rows>button{display:flex;align-items:center;gap:var(--space-3);min-height:var(--action-height);width:100%;padding:var(--space-3) 0;border:0;border-top:var(--hairline) solid var(--line);background:transparent;color:var(--text);font-size:var(--text-base);text-align:left}.sheet-rows>button>span:not(.item-thumb){flex:1;min-width:0;overflow-wrap:anywhere}.sheet-rows>button>svg{flex-shrink:0;color:var(--text-2)}.sheet-rows .is-liked{color:var(--photo-heart)}.delete-conversation{display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--text-md);line-height:1.5}.delete-conversation>.button{width:100%;min-height:var(--action-height)}.picker-intro{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.picker-intro>.piece-photo{width:calc(2 * var(--space-8));height:calc(2 * var(--space-8))}.picker-intro h3{font-size:var(--text-base);font-weight:var(--weight-semibold)}.picker-intro p{font-size:var(--text-sm);color:var(--text-2);margin-top:var(--space-1);line-height:1.4}.picker-heading{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-2);margin-bottom:var(--space-2)}.picker-search{display:flex;align-items:center;width:100%;margin:var(--space-4) 0 var(--space-3);padding:0 var(--space-3);gap:var(--space-2);min-height:var(--touch-target);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-2)}.thread-sheet .picker-search input{flex:1;min-width:0;width:100%;height:var(--touch-target);padding:0;border:0;background:transparent;color:var(--text);font-size:var(--text-base)}.picker-search input::placeholder{color:var(--text-2);opacity:1}.picker-search button{width:var(--touch-target);height:var(--touch-target);padding:0;border:0;background:transparent;color:var(--text-2)}.picker-search:focus-within{outline:calc(2 * var(--hairline)) solid var(--accent)}.thread-sheet .picker-search input:focus-visible{outline:none}.picker-list{display:flex;flex-direction:column;gap:var(--space-2)}.picker-row{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--action-height);padding:var(--space-2);border:var(--hairline) solid var(--line);border-radius:var(--radius-md);background:transparent;color:var(--text);text-align:left}.picker-row:hover:not(:disabled),.picker-row.selected{border-color:var(--accent)}.picker-row.selected{background:var(--accent-soft)}.picker-row>svg{color:var(--accent);margin-left:auto}.picker-row>.item-thumb{width:var(--touch-target);height:var(--touch-target)}.picker-row>span:not(.item-thumb){display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.picker-row strong{font-size:var(--text-md);font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-row small{font-size:var(--text-sm);color:var(--text-2)}.sheet-body .inline-error{margin-bottom:var(--space-2)}.picker-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);border-top:var(--hairline) solid var(--line);background:var(--surface);flex-shrink:0}.picker-actions .text-button{margin-left:auto}.suggested-looks{display:flex;flex-direction:column;gap:var(--space-3)}.suggested-look{padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface)}.suggested-look h3{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text)}.suggested-why{font-size:var(--text-md);line-height:1.5;color:var(--text-2);margin:var(--space-1) 0 var(--space-3)}.suggested-pieces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin-bottom:var(--space-3)}.suggested-pieces>button{position:relative;aspect-ratio:1;min-height:var(--touch-target);min-width:0;border:0;padding:0;border-radius:var(--radius-md);background:var(--tile);overflow:hidden}.suggested-pieces .item-thumb{width:100%;height:100%;border-radius:var(--radius-md)}.suggested-pieces small{position:absolute;right:0;bottom:0;left:0;padding:var(--space-1) 0;overflow:hidden;font-size:var(--text-xs);line-height:1;text-align:center;white-space:nowrap;text-overflow:ellipsis;color:var(--photo-ink);background:var(--photo-glass)}.suggested-actions{display:flex;gap:var(--space-2)}.suggested-actions .button{flex:1;padding:var(--space-2);min-height:var(--touch-target)}.suggested-looks.is-compact{flex-direction:row}.suggested-compact{display:flex;flex-direction:column;flex:0 0 calc(3 * var(--action-height));width:calc(3 * var(--action-height));gap:var(--space-2);border:0;padding:0;background:transparent;color:var(--text);text-align:left}.suggested-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:calc(2 * var(--hairline));width:100%;aspect-ratio:1;background:var(--tile);border-radius:var(--radius-md);overflow:hidden}.suggested-mosaic .item-thumb{min-width:0;min-height:0;border-radius:0}.suggested-status{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-2)}.suggested-status.is-done{color:var(--success)}.suggested-status.is-failed{color:var(--danger)}.suggested-look-rows{margin-bottom:var(--space-4)}.suggested-look-rows .item-thumb{width:var(--touch-target);height:var(--touch-target)}.suggested-look-rows small{display:block;font-size:var(--text-sm);color:var(--text-2);margin-top:var(--space-1)}.interaction-screen button,.thread-sheet button{transition:background var(--motion-normal) var(--motion-ease),color var(--motion-normal) var(--motion-ease)}.interaction-screen button:hover:not(:disabled),.thread-sheet button:hover:not(:disabled){filter:none}.interaction-screen :is(button,input,textarea,select,summary):focus-visible,.thread-sheet :is(button,input,summary):focus-visible{outline:calc(2 * var(--hairline)) solid var(--accent);outline-offset:var(--space-1)}@media(min-width:761px){.interaction-screen{left:auto;width:min(860px,100vw);box-shadow:var(--shadow-lg)}}@media(max-width:760px){.thread-sheet{width:100vw;max-width:none;margin:auto 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:88dvh}.sheet-grabber{display:block;width:calc(var(--space-8) + var(--space-1));height:var(--space-1);margin:var(--space-2) auto 0;border-radius:var(--radius-pill);background:var(--line);flex-shrink:0}.thread-sheet[open]{animation:thread-sheet-in var(--motion-slow) var(--motion-ease)}}@keyframes thread-sheet-in{0%{opacity:0;transform:translateY(var(--space-6))}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.interaction-screen *,.thread-sheet,.thread-sheet *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.interaction-screen .button.small-button,.thread-sheet .button.small-button{min-height:var(--touch-target);padding:var(--space-2) var(--space-3);font-size:var(--text-md);white-space:normal}.interaction-screen .suggested-actions .button,.thread-sheet .suggested-actions .button{min-width:0;padding:var(--space-2);white-space:normal}.interaction-screen .button.primary:hover:not(:disabled),.thread-sheet .button.primary:hover:not(:disabled){background:var(--accent)}.interaction-screen .button.secondary:hover:not(:disabled),.thread-sheet .button.secondary:hover:not(:disabled){background:var(--surface-2)}.interaction-screen .send-options .button.secondary:hover:not(:disabled){background:transparent}.interaction-screen .icon-button:hover:not(:disabled),.thread-sheet .icon-button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.interaction-screen .spin,.thread-sheet .spin{animation-duration:calc(5 * var(--motion-slow))}.app-shell{--bar-sidebar: 222px}.ask-bar{position:fixed;z-index:51;left:calc(50% + var(--bar-sidebar) / 2);bottom:var(--space-6);transform:translate(-50%);width:calc(100% - var(--bar-sidebar) - 2 * var(--space-6));max-width:640px;display:flex;align-items:flex-end;gap:var(--space-3);opacity:1;transition:opacity var(--motion-normal) var(--motion-ease)}.ask-bar.is-hidden{opacity:0;pointer-events:none}.ask-field{min-width:0;flex:1;min-height:calc(var(--action-height) + var(--space-2) - var(--hairline));border:var(--hairline) solid var(--field-line);border-radius:var(--radius-pill);background:var(--field);color:var(--text-2);text-align:left;padding:var(--space-4) var(--radius-xl);font-family:var(--font-system);font-size:var(--text-base);line-height:1.5;box-shadow:var(--shadow-lg)}.bar-action{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:calc(2 * var(--space-8) - 3 * var(--hairline));height:calc(2 * var(--space-8) - 3 * var(--hairline));border-radius:var(--radius-pill);border:var(--space-1) solid var(--bg);outline:var(--hairline) solid var(--field-line);background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-lg);padding:0}.bar-action:disabled{opacity:.4}.ask-bar button:focus-visible{outline:calc(2 * var(--hairline)) solid var(--accent);outline-offset:var(--space-1)}.app-shell .toast{bottom:calc(3 * var(--space-8) + var(--space-2))}.capture-resume{position:fixed;right:var(--space-6);bottom:calc(3 * var(--space-8) + var(--space-2));z-index:60;box-shadow:var(--shadow-lg)}.thread-reply{position:sticky;bottom:0;display:flex;gap:var(--space-3);align-items:flex-end;flex-shrink:0;padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));border-top:var(--hairline) solid var(--line);background:var(--bg)}.reply-field{display:flex;align-items:flex-end;flex:1;min-width:0;min-height:calc(var(--touch-target) + 2 * var(--hairline));border:var(--hairline) solid var(--field-line);border-radius:var(--radius-pill);background:var(--field);padding:calc(var(--space-3) - 2 * var(--hairline)) var(--space-4)}.reply-field:focus-within{border-color:var(--accent)}.reply-field textarea{display:block;resize:none;flex:1;width:100%;min-width:0;min-height:var(--space-6);max-height:calc(5 * var(--space-6));border:0;border-radius:0;background:transparent;color:var(--text);font-family:var(--font-system);font-size:var(--text-base);line-height:var(--space-6);padding:0;overflow-y:auto}.reply-field textarea::placeholder{color:var(--text-2);opacity:1}.interaction-screen .reply-field textarea:focus-visible{outline:none}.interaction-screen .reply-field .icon-button{position:relative;width:calc(var(--space-8) + var(--space-1));height:calc(var(--space-8) + var(--space-1));margin:calc(-1 * var(--space-1) - 2 * var(--hairline)) var(--space-2) calc(-1 * var(--space-1) - 2 * var(--hairline)) calc(-1 * var(--space-2));padding:0;color:var(--text-2)}.reply-field .icon-button:after{content:"";position:absolute;inset:calc(-1 * var(--space-1))}.thread-reply .bar-action{width:calc(var(--touch-target) + 2 * var(--hairline));height:calc(var(--touch-target) + 2 * var(--hairline));border:0;outline:0;box-shadow:none}.thread-body.is-new{display:flex;flex-direction:column;justify-content:center}.thread-starters{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) 0}.thread-starters h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:normal;margin:0 0 var(--space-4);text-align:center}.thread-starters button{min-height:var(--touch-target);border:var(--hairline) solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);padding:var(--space-3) var(--space-5);font-family:var(--font-system);font-size:var(--text-md);line-height:1.4}@media(max-width:1190px){.app-shell{--bar-sidebar: 190px}}@media(max-width:950px){.app-shell{--bar-sidebar: 165px}}@media(max-width:760px){.app-shell{--bar-sidebar: 0px}.app-shell .main-content{padding-bottom:calc(190px + env(safe-area-inset-bottom))}.ask-bar{left:50%;bottom:calc(83px + env(safe-area-inset-bottom));width:calc(100% - var(--space-8));max-width:560px;gap:calc(var(--space-2) + 2 * var(--hairline))}.ask-field{padding:calc(var(--space-4) - var(--hairline)) calc(var(--space-4) + 2 * var(--hairline))}.app-shell .toast{bottom:calc(5 * var(--space-8) + env(safe-area-inset-bottom))}.capture-resume{right:var(--space-4);left:var(--space-4);bottom:calc(5 * var(--space-8) + env(safe-area-inset-bottom));width:calc(100% - var(--space-8));justify-content:center;font-size:var(--text-sm)}}@media(prefers-reduced-motion:reduce){.ask-bar{transition:none}}:where(.modal.look-sheet) .search-box{display:flex;align-items:center}:where(.modal.look-sheet) .search-box input{flex:1;width:100%;border:0;background:transparent;outline:none}:where(.modal.look-sheet) .search-box:focus-within{outline:calc(2 * var(--hairline)) solid var(--accent);outline-offset:var(--space-1)}:where(.modal.look-sheet) .search-box button{background:transparent;border:0}:where(.modal.look-sheet) .reason-options{display:flex;flex-direction:column}:where(.modal.look-sheet) .reason-options button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);text-align:left}:where(.modal.look-sheet) .weather-divider{display:flex;align-items:center}:where(.modal.look-sheet) .weather-divider:before,:where(.modal.look-sheet) .weather-divider:after{content:"";flex:1}:where(.modal.look-sheet) .swap-card{padding:0;border:0;background:transparent;text-align:left;min-width:0}:where(.modal.look-sheet) .swap-card strong,:where(.modal.look-sheet) .swap-card span{display:block}:where(.modal.look-sheet) .pick-grid{overflow-y:auto}:where(.modal.look-sheet) .pick-card{display:block;position:relative;cursor:pointer;min-width:0}:where(.modal.look-sheet) .pick-card>input{position:absolute;z-index:1}:where(.modal.look-sheet) .pick-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.modal.look-sheet) .pick-card>span{display:block}:where(.modal.look-sheet) .pick-count{margin-right:auto;align-self:center}:where(.modal.look-sheet) .tryon-garment-thumb{display:block}:where(.modal.look-sheet) .photo-upload{align-items:center;justify-content:center;text-align:center}:where(.modal.look-sheet) .photo-upload input{width:100%}:where(.modal.look-sheet) .photo-upload input::file-selector-button{border:0;cursor:pointer}:where(.modal.look-sheet) .tryon-result img{width:100%;object-fit:contain}.looks-page,.look-page,.modal.look-sheet{color:var(--text);background:var(--bg);font-family:var(--font-system);font-size:var(--text-md);font-weight:var(--weight-regular);line-height:1.4}.looks-page{display:flex;flex-direction:column;gap:var(--space-4);max-width:var(--content-width);margin:0 auto}.looks-header{display:flex;align-items:center;justify-content:space-between}.looks-header h1{font-size:var(--text-title);font-weight:var(--weight-bold);line-height:1.25;letter-spacing:normal}.looks-header>div{display:flex;align-items:center}.look-icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target);height:var(--touch-target);flex-shrink:0;border:0;padding:0;border-radius:var(--radius-pill);color:var(--text);background:transparent}.look-account>span{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);font-size:var(--text-md);font-weight:var(--weight-semibold)}.looks-header .look-account{display:none}.looks-page .segmented-control button{flex:1}.look-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--action-height);min-width:var(--touch-target);padding:var(--space-2) var(--space-4);border:0;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:1.3}.look-action.is-primary{background:var(--accent);color:var(--on-accent)}.look-text-button{min-height:var(--touch-target);min-width:var(--touch-target);padding:0 var(--space-3);border:0;background:transparent;color:var(--text);font-size:var(--text-md);font-weight:var(--weight-semibold)}.look-text-button.look-danger{color:var(--danger);align-self:center}.look-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-8) 0;color:var(--text-2);text-align:center;font-size:var(--text-md)}.look-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--space-1);width:100%;aspect-ratio:1;background:var(--tile);overflow:hidden}.look-mosaic.count-0,.look-mosaic.count-1{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.look-mosaic.count-2{grid-template-rows:minmax(0,1fr)}.look-mosaic.count-3>:first-child{grid-row:span 2}.look-mosaic.count-5,.look-mosaic.count-6{grid-template-columns:repeat(3,minmax(0,1fr))}.look-mosaic.count-5>:first-child{grid-row:span 2}.look-mosaic-tile{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:var(--space-2);border:0;background:var(--tile);color:var(--photo-ink);overflow:hidden}button.look-mosaic-tile{min-height:var(--touch-target)}.look-mosaic-tile>.garment-art{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.worn-diary{display:flex;flex-direction:column;gap:var(--space-5)}.looks-month h2{display:flex;gap:var(--space-2);align-items:baseline;margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-bold)}.looks-month h2 span{color:var(--text-2);font-size:var(--text-md);font-weight:var(--weight-regular)}.looks-diary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.looks-diary-tile{position:relative;aspect-ratio:1;min-height:var(--touch-target);min-width:0;padding:0;border:0;border-radius:var(--radius-md);background:var(--tile);overflow:hidden}.looks-diary-tile>img,.looks-diary-tile>video,.looks-saved-picture>img,.looks-saved-picture>video{display:block;width:100%;height:100%;object-fit:cover}.looks-page .media-placeholder,.look-page .media-placeholder{min-height:var(--touch-target);background:var(--surface-2);color:var(--text-2)}.looks-page .media-placeholder svg,.look-page .media-placeholder svg{width:var(--space-6);height:var(--space-6)}.looks-diary-tile .look-mosaic{height:100%}.looks-day{position:absolute;bottom:var(--space-2);left:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--photo-glass);color:var(--photo-ink);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.looks-load-more{align-self:center}.looks-activity{color:var(--text-2);font-size:var(--text-sm)}.looks-activity summary{display:list-item;padding:var(--space-3) 0;min-height:var(--touch-target);cursor:pointer;font-size:var(--text-md)}.looks-activity p{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-top:var(--hairline) solid var(--line)}.looks-saved-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-3)}.looks-saved-tile{display:flex;flex-direction:column;align-items:flex-start;min-height:var(--touch-target);min-width:0;padding:0;border:0;background:transparent;color:var(--text);text-align:left;gap:var(--space-1)}.looks-saved-picture{display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-md);background:var(--tile);margin-bottom:var(--space-1)}.looks-saved-tile strong{font-size:var(--text-md);font-weight:var(--weight-semibold);overflow-wrap:anywhere}.looks-saved-line{font-size:var(--text-sm);color:var(--text-2)}.look-page{position:fixed;inset:0 0 0 auto;width:min(var(--content-width),100%);height:100%;max-width:none;max-height:none;margin:0;border:0;padding:0;overflow-y:auto;overscroll-behavior:contain;box-shadow:var(--shadow-lg)}.look-page::backdrop{background:var(--scrim)}.look-view{display:flex;flex-direction:column;gap:var(--space-4);padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-4) calc(var(--space-8) + env(safe-area-inset-bottom))}.look-page-header{display:flex;gap:var(--space-1);align-items:center;margin:0 calc(-1 * var(--space-2))}.look-page-header>div{min-width:0}.look-page-header h1{font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:normal;line-height:1.3;overflow-wrap:anywhere}.look-page-header p{color:var(--text-2);font-size:var(--text-sm);margin-top:var(--space-1)}.look-page-header>.look-edit{margin-left:auto;flex-shrink:0}.look-pictures{display:flex;flex-direction:column;gap:var(--space-3)}.look-pictures>.look-mosaic,.look-picture{border-radius:var(--radius-xl);overflow:hidden;background:var(--tile)}.look-picture>img,.look-picture>video{display:block;width:100%;max-height:75dvh;object-fit:contain}.look-pieces{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden}.look-piece-row{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch-target);padding:var(--space-3);background:transparent;color:var(--text);border:0;text-align:left}.look-piece-row+.look-piece-row{border-top:var(--hairline) solid var(--line)}.look-piece-thumb{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:calc(var(--space-8) + var(--space-5));height:calc(var(--space-8) + var(--space-5));background:var(--tile);color:var(--photo-ink);border-radius:var(--radius-md);overflow:hidden}.look-piece-thumb .garment-art{width:100%;height:100%;object-fit:contain;padding:var(--space-1);mix-blend-mode:multiply}.look-piece-thumb.is-add{background:var(--surface-2);color:var(--text-2)}.look-piece-row>.look-text-button{flex-shrink:0}.look-piece-copy{display:flex;flex:1;flex-direction:column;gap:var(--space-1);min-width:0}.look-piece-copy strong{font-size:var(--text-base);font-weight:var(--weight-semibold);overflow-wrap:anywhere}.look-piece-copy>span{font-size:var(--text-md);color:var(--text-2)}.look-piece-copy>.is-want{color:var(--accent-text)}.look-piece-row>svg{flex-shrink:0;color:var(--text-2)}.look-note{font-size:var(--text-md);color:var(--text-2)}.look-description{overflow-wrap:anywhere;font-size:var(--text-base)}.look-page-actions{display:flex;gap:var(--space-3)}.look-page-actions:empty{display:none}.look-page-actions>button{flex:1;padding-inline:var(--space-2);font-size:var(--text-md)}.look-opening{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.look-error,.look-page .inline-error{color:var(--danger);font-size:var(--text-md);padding:0;border:0;background:transparent;margin:0}.look-error .look-text-button{margin-left:var(--space-2)}.today-page .loading,.looks-page .loading,.look-page .loading,.modal.look-sheet .loading{min-height:var(--touch-target);padding:var(--space-8) 0;gap:var(--space-3);color:var(--text-2);font-size:var(--text-md)}.look-page .toast{left:var(--space-4);right:var(--space-4);bottom:calc(var(--space-4) + env(safe-area-inset-bottom));transform:none;width:auto;max-width:none}@media(min-width:761px){.modal.sheet.look-sheet{width:min(var(--content-width),calc(100% - var(--space-8)));max-height:calc(100% - var(--space-8))}}.modal.look-sheet .modal-header p{max-width:none}.modal.look-sheet form{display:flex;flex-direction:column;gap:var(--space-4)}.modal.look-sheet label:not(.search-box){color:var(--text-2);font-size:var(--text-md);font-weight:var(--weight-medium);gap:var(--space-2);line-height:1.4}.modal.look-sheet label>span,.modal.look-sheet label small{color:var(--text-2);font-size:var(--text-md);font-weight:var(--weight-regular)}.modal.look-sheet label strong{color:var(--text);font-size:var(--text-base);font-weight:var(--weight-semibold)}.modal.look-sheet label:not(.search-box)>input:not([type=checkbox]):not([type=file]),.modal.look-sheet .search-box{min-height:var(--touch-target);padding:var(--space-3);background:var(--field);color:var(--text);border:var(--hairline) solid var(--field-line);border-radius:var(--radius-md);font-size:var(--text-base)}.modal.look-sheet input::placeholder{color:var(--text-2)}.modal.look-sheet .button{min-height:var(--action-height);min-width:var(--touch-target);border:0;border-radius:var(--radius-pill);padding:var(--space-3) var(--space-4);background:var(--surface-2);color:var(--text);font-size:var(--text-base);font-weight:var(--weight-semibold);box-shadow:none;gap:var(--space-2);letter-spacing:normal}.modal.look-sheet .button.primary{background:var(--accent);color:var(--on-accent)}.modal.look-sheet .form-actions{gap:var(--space-3);margin:0;flex-wrap:wrap}.modal.look-sheet .checkbox-label{min-height:var(--touch-target);padding:var(--space-3) 0;margin:0;gap:var(--space-3)!important}.modal.look-sheet input[type=checkbox]{accent-color:var(--accent);width:var(--space-5);height:var(--space-5);margin:0}.modal.look-sheet .checkbox-label span{gap:var(--space-1)}.modal.look-sheet .checkbox-label>svg{color:var(--text-2)}.modal.look-sheet .weather-divider{margin:var(--space-5) 0;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-2)}.modal.look-sheet .weather-conditions{color:var(--text);font-size:var(--text-2xl);font-weight:var(--weight-medium);margin:0}.weather-location>.look-text-button{display:block;margin:var(--space-2) auto 0}.modal.look-sheet .weather-divider:before,.modal.look-sheet .weather-divider:after{height:var(--hairline);background:var(--line)}.modal.look-sheet .fine-print,.modal.look-sheet .account-note,.modal.look-sheet .pending-preview>p{color:var(--text-2);font-size:var(--text-sm);margin:var(--space-4) 0;line-height:1.4}.modal.look-sheet .reason-options{gap:0;margin-bottom:var(--space-4);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.modal.look-sheet .reason-options button{min-height:var(--touch-target);padding:var(--space-4);font-size:var(--text-base);color:var(--text);background:transparent;border:0;border-radius:0}.modal.look-sheet .reason-options button+button{border-top:var(--hairline) solid var(--line)}.modal.look-sheet .reason-options svg{color:var(--text-2)}.modal.look-sheet .swap-grid,.modal.look-sheet .pick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-3)}.modal.look-sheet .swap-card{min-height:var(--touch-target)}.modal.look-sheet .add-piece-group+.add-piece-group{margin-top:var(--space-5)}.modal.look-sheet .swap-remove{display:block;margin:var(--space-5) auto 0}.modal.look-sheet .swap-card>div,.modal.look-sheet .pick-card>div{height:auto;aspect-ratio:1;border:calc(2 * var(--hairline)) solid transparent;border-radius:var(--radius-md);padding:var(--space-2);background:var(--tile)}.modal.look-sheet .swap-card .garment-art,.modal.look-sheet .pick-card .garment-art{height:100%;width:100%;object-fit:contain}.modal.look-sheet .swap-card:hover>div,.modal.look-sheet .pick-card:hover>div,.modal.look-sheet .pick-card.selected>div{border-color:var(--accent)}.modal.look-sheet .swap-card strong,.modal.look-sheet .pick-card strong{color:var(--text);font-size:var(--text-md);font-weight:var(--weight-semibold);margin-top:var(--space-2);line-height:1.4}.modal.look-sheet .swap-card span,.modal.look-sheet .pick-count{font-size:var(--text-sm);color:var(--text-2)}.modal.look-sheet .swap-card span{margin-top:var(--space-1)}.modal.look-sheet .pick-grid{max-height:50dvh;padding:var(--space-1)}.modal.look-sheet .pick-card>span{margin-top:var(--space-1)}.modal.look-sheet .pick-card>input{top:var(--space-2);right:var(--space-2)}.modal.look-sheet .field-pair{margin:0;gap:var(--space-3)}.modal.look-sheet .search-box{width:100%;margin:0;gap:var(--space-2)}.modal.look-sheet .search-box input{min-width:0;min-height:var(--touch-target);padding:0;font-size:var(--text-base);color:var(--text)}.modal.look-sheet .search-box button{min-width:var(--touch-target);min-height:var(--touch-target);color:var(--text-2);padding:0}.modal.look-sheet .tryon-selection{margin:0}.modal.look-sheet .tryon-selection>.eyebrow{font-size:var(--text-sm);letter-spacing:normal;text-transform:none;margin-bottom:var(--space-3);color:var(--text-2)}.modal.look-sheet .tryon-selection .checkbox-label{border-bottom:var(--hairline) solid var(--line)}.modal.look-sheet .tryon-garment-thumb{width:calc(2 * var(--space-6));height:calc(2 * var(--space-6));flex-shrink:0;background:var(--tile);border-radius:var(--radius-sm);padding:var(--space-1)}.modal.look-sheet .photo-upload{border:var(--hairline) dashed var(--field-line);background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-4);gap:var(--space-3)!important}.modal.look-sheet .photo-upload svg{color:var(--accent-text)}.modal.look-sheet .photo-upload input{min-height:var(--touch-target);font-size:var(--text-md);margin-top:var(--space-2)}.modal.look-sheet .photo-upload input::file-selector-button{min-height:var(--touch-target);padding:var(--space-2) var(--space-3);margin-right:var(--space-2);border-radius:var(--radius-md);font-size:var(--text-md);background:var(--accent);color:var(--on-accent)}.modal.look-sheet .tryon-result img{max-height:75dvh;border-radius:var(--radius-lg)}.modal.look-sheet .tryon-result>.button{margin-top:var(--space-4)}.modal.look-sheet .empty-state{padding:var(--space-6) 0;min-height:0;border:0;border-radius:0;background:transparent}.modal.look-sheet .empty-state h2{color:var(--text);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:normal;margin:var(--space-3) 0}.modal.look-sheet .empty-state p{color:var(--text-2);font-size:var(--text-md);line-height:1.4;max-width:none}.modal.look-sheet .empty-icon{width:var(--touch-target);height:var(--touch-target);border:0;background:var(--surface-2);color:var(--text-2);border-radius:var(--radius-pill);margin:0 auto var(--space-3)}.modal.look-sheet .inline-error{color:var(--danger);font-size:var(--text-md)}.today-page button,.looks-page button,.look-page button{transition:background var(--motion-normal) var(--motion-ease),color var(--motion-normal) var(--motion-ease)}.today-page button:hover:not(:disabled),.looks-page button:hover:not(:disabled),.look-page button:hover:not(:disabled){filter:none}.today-page button:focus-visible,.looks-page :is(button,summary):focus-visible,.look-page button:focus-visible{outline:calc(2 * var(--hairline)) solid var(--accent);outline-offset:var(--space-1)}@media(min-width:761px){.look-page .toast{left:auto;width:calc(min(var(--content-width),100%) - 2 * var(--space-4))}}@media(max-width:760px){.app-shell[data-page=looks] .topbar{display:none}.app-shell[data-page=looks] .main-content{padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-4) calc(6 * var(--space-8) + env(safe-area-inset-bottom));max-width:none}.looks-header .look-account{display:inline-flex}.look-page{width:100%}}@media(prefers-reduced-motion:reduce){.today-page *,.looks-page *,.look-page *,.modal.look-sheet *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.piece-page,.piece-view,.piece-form{background:var(--bg);color:var(--text);font-family:var(--font-system);font-size:var(--text-md);font-weight:var(--weight-regular);line-height:1.4}.piece-page{position:fixed;inset:0 0 0 auto;width:min(560px,100vw);height:100dvh;max-width:none;max-height:none;margin:0;padding:0 0 env(safe-area-inset-bottom);border:0;box-shadow:var(--shadow-lg);overflow-y:auto;overscroll-behavior:contain}.piece-page::backdrop{background:var(--scrim);-webkit-backdrop-filter:none;backdrop-filter:none}.piece-hero{position:relative;aspect-ratio:1;max-height:70dvh;width:100%;background:var(--tile)}.piece-photo-track{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.piece-photo-track::-webkit-scrollbar,.piece-looks::-webkit-scrollbar{display:none}.piece-photo-slide{flex:0 0 100%;min-width:0;height:100%;scroll-snap-align:center}.piece-photo-slide>img,.piece-photo-slide>svg{width:100%;height:100%;object-fit:contain;padding:var(--space-8);mix-blend-mode:multiply}.piece-photo-position{position:absolute;bottom:var(--space-3);left:0;right:0;display:flex;align-items:center;justify-content:center;gap:var(--space-2);pointer-events:none}.piece-photo-dot{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--photo-ink-soft)}.piece-photo-dot.is-current{background:var(--photo-ink)}.piece-photo-counter{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--photo-glass);color:var(--photo-ink);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.piece-photo-bar{position:absolute;top:calc(var(--space-3) + env(safe-area-inset-top));left:var(--space-3);right:var(--space-3);display:flex;justify-content:space-between}.piece-photo-bar>div{display:flex;gap:var(--space-2)}.piece-photo-button,.piece-photo-step{display:flex;align-items:center;justify-content:center;width:var(--touch-target);height:var(--touch-target);padding:0;background:var(--photo-glass);color:var(--photo-ink);border:0;border-radius:var(--radius-pill)}.piece-edit-button{width:auto;padding:0 var(--space-4);font-size:var(--text-md);font-weight:var(--weight-semibold)}.piece-heart-button.is-liked{color:var(--photo-heart)}.piece-heart-pop{animation:piece-heart-pop var(--motion-slow) var(--motion-ease)}@keyframes piece-heart-pop{50%{transform:scale(1.25)}}.piece-photo-step{display:none;position:absolute;top:50%;transform:translateY(-50%)}.piece-photo-step.is-previous{left:var(--space-3)}.piece-photo-step.is-next{right:var(--space-3)}@media(hover:hover)and (pointer:fine){.piece-photo-step{display:flex}}.piece-details{display:flex;flex-direction:column;padding:var(--space-5) var(--space-4) var(--space-8);gap:var(--space-5)}.piece-title{display:flex;flex-direction:column;gap:var(--space-1)}.piece-title h1{overflow-wrap:anywhere;font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:1.25}.piece-title p{font-size:var(--text-md);color:var(--text-2)}.piece-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.piece-stats>div{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);min-width:0}.piece-stats>div+div{border-left:var(--hairline) solid var(--line)}.piece-stats dt{color:var(--text-2);font-size:var(--text-sm)}.piece-stats dd{order:-1;margin:0;font-size:var(--text-lg);font-weight:var(--weight-bold)}.piece-actions{display:flex;gap:var(--space-3)}.piece-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;min-width:var(--touch-target);padding:var(--space-3) var(--space-4);border:0;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:1.25}.piece-actions>.piece-action{flex:1}.piece-action.is-primary{background:var(--accent);color:var(--on-accent)}.piece-action.is-worn:disabled{background:var(--success-soft);color:var(--success);opacity:1}.piece-action-section,.piece-section{display:flex;flex-direction:column;gap:var(--space-2)}.piece-section h2{font-size:var(--text-lg);font-weight:var(--weight-bold)}.piece-looks{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--space-4));padding:0 var(--space-4)}.piece-look{display:flex;flex-direction:column;flex:0 0 104px;gap:var(--space-2);border:0;padding:0;background:transparent;text-align:left;color:var(--text-2);font-size:var(--text-sm);font-weight:var(--weight-regular)}.piece-look-photo{width:104px;height:104px;border-radius:var(--radius-md);overflow:hidden;background:var(--tile)}.piece-look-photo>img,.piece-look-photo>video{display:block;width:100%;height:100%;object-fit:cover}.piece-look-photo.is-mosaic{display:grid;grid-template:repeat(2,minmax(0,1fr)) / repeat(2,minmax(0,1fr));gap:var(--space-1)}.piece-look-photo.is-mosaic.count-1{grid-template:minmax(0,1fr) / minmax(0,1fr)}.piece-look-photo.is-mosaic.count-2{grid-template:minmax(0,1fr) / repeat(2,minmax(0,1fr))}.piece-look-photo.is-mosaic>span{min-width:0;min-height:0}.piece-first-seen{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--touch-target);padding:var(--space-3) var(--space-4);border:0;border-radius:var(--radius-lg);background:var(--surface);color:var(--text);text-align:left}.piece-first-seen>span{display:flex;flex-direction:column;gap:var(--space-1)}.piece-first-seen>span>span{color:var(--text-2);font-size:var(--text-sm)}.piece-first-seen strong{font-size:var(--text-md);font-weight:var(--weight-semibold)}.piece-first-seen svg{color:var(--text-2);flex-shrink:0}.piece-form,.piece-more-fields{display:flex;flex-direction:column;gap:var(--space-4)}.piece-field{display:flex;flex-direction:column;gap:var(--space-2)}.piece-form label{display:block;color:var(--text-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.4}.piece-form input:not([type=checkbox]):not([type=file]),.piece-form select,.piece-notes input{width:100%;min-width:0;height:48px;padding:0 var(--space-3);border:var(--hairline) solid var(--field-line);border-radius:var(--radius-md);background:var(--field);color:var(--text);font-size:var(--text-base);font-weight:var(--weight-regular)}.piece-form select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;color-scheme:inherit}.piece-form input::placeholder,.piece-notes input::placeholder{color:var(--text-2);opacity:1}.piece-form p{font-size:var(--text-sm);color:var(--text-2)}.piece-color-fields{display:flex;gap:var(--space-2)}.piece-form .piece-color-fields input[type=color]{width:48px;flex:0 0 48px;padding:var(--space-1)}.piece-form .piece-availability{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--touch-target);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface);color:var(--text-2);font-size:var(--text-sm);font-weight:var(--weight-regular);cursor:pointer}.piece-availability>span{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-2)}.piece-availability strong{color:var(--text);font-size:var(--text-md);font-weight:var(--weight-semibold)}.piece-availability input{flex-shrink:0;margin:0;accent-color:var(--accent)}.piece-more summary{min-height:var(--touch-target);padding:var(--space-3) 0;font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--accent-text);cursor:pointer}.piece-more-fields{padding-top:var(--space-2)}.piece-photo-picker{display:flex;align-items:center;gap:var(--space-4)}.piece-preview{width:96px;height:96px;flex-shrink:0;padding:var(--space-2);border-radius:var(--radius-md);background:var(--tile);overflow:hidden}.piece-text-button,.piece-notes button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:var(--touch-target);min-height:var(--touch-target);border:0;padding:0;background:transparent;color:var(--accent-text);font-size:var(--text-md);font-weight:var(--weight-semibold)}.piece-field>.piece-text-button{align-self:flex-start}.piece-remove{text-align:center}.piece-remove>button+button{margin-left:var(--space-4)}.piece-form .piece-remove p{color:var(--text);font-size:var(--text-md)}.piece-text-button.piece-danger,.piece-notes .piece-danger{color:var(--danger)}.piece-notes{border-radius:var(--radius-lg);background:var(--surface);color:var(--text);overflow:hidden}.piece-note-row{padding:var(--space-3) var(--space-4);color:var(--text-2);font-size:var(--text-md)}.piece-note-row+.piece-note-row{border-top:var(--hairline) solid var(--line)}.piece-note-text{overflow-wrap:anywhere;color:var(--text);font-size:var(--text-md);line-height:1.4}.piece-note-pairs{grid-column:1 / -1;margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-2);line-height:1.4;overflow-wrap:anywhere}.piece-note{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--space-3)}.piece-note>.piece-note-text,.piece-note>input{grid-column:1 / -1}.piece-note>.piece-note-controls{grid-column:2}.piece-note-meta{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-2)}.piece-note-controls{display:flex;gap:var(--space-3)}.piece-notes button{font-size:var(--text-sm)}.piece-note-add{display:flex;align-items:center;gap:var(--space-2)}.piece-notes input{height:var(--touch-target)}.piece-note-add input{flex:1}.piece-page .piece-error,.piece-form .piece-error,.piece-notes .piece-error{font-size:var(--text-md);color:var(--danger)}.piece-opening,.piece-fetch-error{padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.piece-opening p{display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-2)}.piece-opening>button{align-self:flex-start}.piece-page button,.piece-form button,.piece-notes button{transition:background var(--motion-normal) var(--motion-ease),color var(--motion-normal) var(--motion-ease)}.piece-page button:hover:not(:disabled),.piece-form button:hover:not(:disabled),.piece-notes button:hover:not(:disabled){filter:none}.piece-page :is(button,input,select,summary,[tabindex]):focus-visible,.piece-form :is(button,input,select,summary):focus-visible,.piece-notes :is(button,input):focus-visible{outline:calc(2 * var(--hairline)) solid var(--accent);outline-offset:var(--space-1)}.piece-page .toast{left:var(--space-4);right:var(--space-4);bottom:calc(var(--space-4) + env(safe-area-inset-bottom));transform:none;width:auto;max-width:none}@media(min-width:761px){.piece-page .toast{left:auto;width:calc(min(560px,100vw) - 2 * var(--space-4))}}@media(max-width:760px){.piece-page{top:0;right:0;bottom:0;left:0;width:100vw;box-shadow:none}}@media(prefers-reduced-motion:reduce){.closet-page *,.piece-page *,.piece-form *,.piece-notes *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.piece-hero button:focus-visible,.piece-photo-track:focus-visible{outline-color:var(--photo-ink)}.today-page{display:flex;flex-direction:column;gap:var(--space-6);width:100%;max-width:var(--content-width);margin:0 auto;color:var(--text);font-family:var(--font-system);font-size:var(--text-md);line-height:1.4}.today-header{display:none;align-items:center;justify-content:space-between}.today-header .logo{font-size:var(--text-2xl);color:var(--text);gap:var(--space-2);letter-spacing:normal;font-weight:var(--weight-bold)}.today-header .logo-os{color:var(--accent-text);font-weight:var(--weight-regular)}.today-header .logo-symbol{color:var(--accent-text);width:var(--space-8);height:var(--space-8)}.today-header .logo sup{font-size:var(--text-xs);margin-left:var(--space-1);color:var(--text-2);top:calc(-1 * var(--space-1));font-weight:var(--weight-regular)}.today-context{display:flex;flex-direction:column;gap:var(--space-2)}.today-weather{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:0;border:0;background:transparent;color:var(--text-2);font-size:var(--text-md);text-align:left}.today-occasions{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none}.today-occasions button{flex-shrink:0;min-height:var(--touch-target);padding:0 var(--space-4);border:var(--hairline) solid var(--line);border-radius:var(--radius-pill);background:transparent;color:var(--text);font-size:var(--text-md);font-weight:var(--weight-medium)}.today-occasions button[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text);font-weight:var(--weight-semibold)}.today-suggestion{background:var(--surface);border-radius:var(--radius-xl);overflow:hidden}.today-suggestion>.look-mosaic{padding:var(--space-2);gap:var(--space-2);background:transparent}.today-suggestion .look-mosaic-tile{border-radius:var(--radius-lg)}.today-card-copy{padding:var(--space-3) var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.today-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.today-card-heading h1,.today-section h2{font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:1.3;letter-spacing:normal;margin:0}.today-card-heading h1{padding-top:var(--space-2)}.today-stepper{display:flex;align-items:center;flex-shrink:0;margin-right:calc(-1 * var(--space-3));color:var(--text-2);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.today-stepper .look-icon-button{color:var(--text-2)}.today-card-copy>p{color:var(--text-2);font-size:var(--text-md)}.today-actions{display:flex;gap:var(--space-2)}.today-actions>.look-action:first-child{flex:1;padding:0 var(--space-2)}.today-actions .today-round{flex:0 0 var(--action-height);width:var(--action-height);padding:0}.today-card-copy>.today-new{align-self:center;color:var(--text-2)}.today-card-copy>.today-none-left{min-height:var(--touch-target);display:flex;align-items:center;justify-content:center;text-align:center}.today-logged{min-height:var(--action-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-4);border-radius:var(--radius-pill);background:var(--success-soft);color:var(--success);font-weight:var(--weight-semibold)}.today-logged>span{display:flex;align-items:center;gap:var(--space-2)}.today-section{display:flex;flex-direction:column;gap:var(--space-3)}.today-section h2>span{margin-left:var(--space-2);color:var(--text-2);font-size:var(--text-md);font-weight:var(--weight-regular)}.today-list{overflow:hidden;border-radius:var(--radius-lg);background:var(--surface)}.today-row{display:flex;align-items:center;gap:var(--space-3);width:100%;min-width:0;min-height:var(--touch-target);padding:var(--space-3);border:0;background:transparent;color:var(--text);text-align:left}.today-list>*+*{position:relative}.today-list>*+*:before{content:"";position:absolute;top:0;left:var(--space-3);right:0;height:var(--hairline);background:var(--line)}.today-row>svg{flex-shrink:0;color:var(--text-2)}.today-waiting-row{display:flex;align-items:center}.today-waiting-row>.today-row{flex:1}.today-thumbs{display:flex;gap:var(--space-1);flex-shrink:0}.today-thumb{width:calc(2 * var(--space-6));height:calc(2 * var(--space-6));flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-sm);background:var(--tile);color:var(--photo-ink)}.today-thumb>.garment-art,.today-thumb>img{width:100%;height:100%;object-fit:contain}.today-thumb>.garment-art{padding:var(--space-1);mix-blend-mode:multiply}.today-thumb.is-conversation,.today-thumb.is-add{background:var(--surface-2);color:var(--text-2)}.today-thumb.is-conversation>img{object-fit:cover}.today-row-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--space-1)}.today-row-copy strong{font-size:var(--text-base);font-weight:var(--weight-semibold);overflow-wrap:anywhere}.today-row-copy>span{font-size:var(--text-md);color:var(--text-2)}.today-add{flex-shrink:0;min-height:var(--touch-target);min-width:var(--touch-target);padding:0 var(--space-3);margin-right:var(--space-3);border:0;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);font-size:var(--text-md);font-weight:var(--weight-semibold)}.today-unworn{border-radius:var(--radius-lg);background:var(--surface)}.today-unworn .today-thumb{width:calc(var(--touch-target) + var(--space-8));height:calc(var(--touch-target) + var(--space-8));border-radius:var(--radius-md)}.modal.look-sheet .more-heading{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-2);margin-bottom:var(--space-2)}.more-rows{overflow:hidden;border-radius:var(--radius-lg);background:var(--surface);margin-bottom:var(--space-4)}.more-rows>button{display:flex;align-items:center;width:100%;gap:var(--space-3);min-height:var(--touch-target);padding:var(--space-3);background:transparent;color:var(--text);border:0;font-size:var(--text-base);text-align:left}.more-rows>button+button{border-top:var(--hairline) solid var(--line)}.more-rows>button>span:not(.today-thumb){flex:1}.more-rows>button>svg{color:var(--text-2);flex-shrink:0}@media(max-width:760px){.app-shell[data-page=today] .topbar{display:none}.app-shell[data-page=today] .main-content{padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-4) calc(6 * var(--space-8) + env(safe-area-inset-bottom));max-width:none}.today-header{display:flex}.today-occasions{margin:0 calc(-1 * var(--space-4));padding:0 var(--space-4)}}.piece-add-options{display:flex;flex-direction:column;gap:var(--space-3)}.piece-add-options>button{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:0;border-radius:var(--radius-lg);background:var(--surface);color:var(--text);min-height:var(--touch-target)}.piece-add-options strong{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.piece-add-options p{font-size:var(--text-md);font-weight:var(--weight-regular);color:var(--text-2);line-height:1.4}.piece-add-options .piece-add-camera{flex-direction:column;text-align:center}.piece-camera-icon{display:grid;place-items:center;width:calc(2 * var(--space-6));height:calc(2 * var(--space-6));border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text)}.piece-camera-action{display:flex;align-items:center;justify-content:center;min-height:var(--touch-target);padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font-size:var(--text-base);font-weight:var(--weight-semibold)}.piece-add-manual{text-align:left}.piece-add-manual svg{flex-shrink:0;color:var(--accent-text)}.piece-add-manual svg:last-child{margin-left:auto;color:var(--text-2)}.piece-add-manual p{margin-top:var(--space-1)}.piece-add-fine{margin-top:var(--space-4);color:var(--text-2);font-size:var(--text-sm)}.about-copy{font-size:var(--text-md);line-height:1.5;color:var(--text-2)}.about-copy dl{margin:var(--space-5) 0 0}.about-copy dl>div{padding:var(--space-4) 0;border-top:var(--hairline) solid var(--line)}.about-copy dt{color:var(--text);font-size:var(--text-base);font-weight:var(--weight-semibold)}.about-copy dd{margin:var(--space-2) 0 0}.modal.account-sheet{width:min(560px,calc(100vw - var(--space-8)));padding:var(--space-2) var(--space-4) calc(var(--space-8) + var(--space-2))}.account-header{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-3)}.account-avatar{display:grid;place-items:center;flex-shrink:0;width:calc(var(--space-8) + var(--space-6));height:calc(var(--space-8) + var(--space-6));border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);font-size:var(--text-xl);font-weight:var(--weight-semibold)}.account-header>div{flex:1;min-width:0}.account-header h2{font-size:var(--text-xl);font-weight:var(--weight-bold);overflow-wrap:anywhere}.account-header p{color:var(--text-2);font-size:var(--text-sm);overflow-wrap:anywhere}.account-header .account-done{font-size:var(--text-base)}.account-groups{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-5)}.account-group{display:flex;flex-direction:column;gap:var(--space-2)}.account-group>h3{padding:0 var(--space-1);color:var(--text-2);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.account-card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden}.account-card>:not(:first-child),.account-earlier>.account-fact{border-top:var(--hairline) solid var(--line)}.account-row,.account-fact,.account-row-heading{display:flex;align-items:center;gap:var(--space-3)}.account-row{min-height:var(--action-height);width:100%;padding:var(--space-3) var(--space-4);border:0;background:transparent;color:var(--text);text-align:left;font-size:var(--text-base);font-weight:var(--weight-regular);text-decoration:none}.account-card>.account-row+.account-row{border-top:var(--hairline) solid var(--line)}.account-row>svg:last-child{margin-left:auto;color:var(--text-2)}.account-row>h3{font-size:var(--text-base);font-weight:var(--weight-regular);flex:1}.account-row>span{color:var(--text-2);font-size:var(--text-md)}.account-row>h3~svg{margin-left:0}.account-row-copy,.account-usage,.account-testing{padding:var(--space-3) var(--space-4)}.account-row-copy{font-size:var(--text-md);line-height:1.5}.account-fact{padding:var(--space-2) var(--space-4);min-height:var(--action-height)}.account-fact-copy{flex:1;min-width:0;padding:var(--space-1) 0;overflow-wrap:anywhere}.account-fact-copy p{font-size:var(--text-base)}.account-fact-copy small,.account-hint{color:var(--text-2);font-size:var(--text-sm);line-height:1.4}.account-fact-copy small{display:block;margin-top:var(--space-1)}.account-hint{padding:0 var(--space-1)}.account-fact>.text-button{flex-shrink:0}.account-fact-editor{width:100%}.account-fact-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;font-size:var(--text-md)}.account-fact-editor input{width:100%}.account-sheet .text-button{font-weight:var(--weight-semibold)}.account-add{color:var(--accent-text);font-weight:var(--weight-semibold)}.account-earlier>summary,.account-password>summary{list-style:none;cursor:pointer}.account-earlier>summary::-webkit-details-marker,.account-password>summary::-webkit-details-marker{display:none}.account-earlier[open]>summary svg,.account-password[open]>summary svg{transform:rotate(90deg)}.account-usage{display:flex;flex-direction:column;gap:var(--space-2)}.account-row-heading{justify-content:space-between;font-size:var(--text-base)}.account-row-heading h3{font-size:inherit;font-weight:var(--weight-regular)}.account-row-heading>span{color:var(--text-2);text-align:right}.account-usage p{color:var(--text-2);font-size:var(--text-sm)}.account-usage .analysis-warning,.account-usage .inline-error{color:var(--danger)}.account-meter{height:calc(var(--space-1) + 2 * var(--hairline));background:var(--surface-2);border-radius:var(--radius-pill);overflow:hidden}.account-meter>span{display:block;height:100%;background:var(--accent);border-radius:inherit}.account-password-panel,.account-password-panel form,.account-delete form{display:flex;flex-direction:column;gap:var(--space-3)}.account-password-panel{padding:0 var(--space-4) var(--space-4);font-size:var(--text-md);line-height:1.5}.account-password-panel>p{color:var(--text-2)}.account-password-panel>.inline-error{color:var(--danger)}.account-password>h3,.account-testing>h3{font-size:var(--text-base);font-weight:var(--weight-regular)}.account-password:not(details){padding:var(--space-3) var(--space-4)}label.account-switch{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--touch-target);cursor:pointer}.account-switch>span{color:var(--text);font-size:var(--text-base);font-weight:var(--weight-regular)}.account-switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:calc(2 * var(--space-6));height:var(--touch-target);margin:0;border:0;padding:0;background:transparent;cursor:pointer;flex-shrink:0}.account-switch input:before{content:"";position:absolute;inset:var(--space-2) 0;border-radius:var(--radius-pill);background:var(--surface-2)}.account-switch input:after{content:"";position:absolute;top:var(--space-3);left:var(--space-1);width:var(--space-5);height:var(--space-5);border-radius:var(--radius-pill);background:var(--text-2);transition:transform var(--motion-normal) var(--motion-ease)}.account-switch input:checked:before{background:var(--accent)}.account-switch input:checked:after{transform:translate(var(--space-5));background:var(--on-accent)}.account-testing>p{color:var(--text-2);font-size:var(--text-sm);line-height:1.5}.account-testing>.inline-error{color:var(--danger)}.account-footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.account-footer .account-signout{color:var(--text);font-size:var(--text-base)}.account-delete{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);width:100%;font-size:var(--text-md);line-height:1.5}.account-delete>.text-button{align-self:center}.account-delete>h3{color:var(--danger);font-size:var(--text-base);font-weight:var(--weight-semibold);margin-top:var(--space-3)}.account-delete .form-actions{margin:0}@media(max-width:760px){.modal.account-sheet{width:100%;height:calc(100dvh - env(safe-area-inset-top));max-height:calc(100dvh - env(safe-area-inset-top));padding-bottom:calc(var(--space-8) + var(--space-2) + env(safe-area-inset-bottom))}.account-sheet>.modal-grabber{margin:0 auto var(--space-5)}.account-header{padding-top:0}}.welcome-shell{min-height:100dvh;display:flex;justify-content:center;padding:calc(var(--space-6) + env(safe-area-inset-top)) calc(var(--space-4) + env(safe-area-inset-right)) calc(var(--space-6) + env(safe-area-inset-bottom)) calc(var(--space-4) + env(safe-area-inset-left));background:var(--bg);color:var(--text)}.welcome-column{width:100%;max-width:400px;margin:auto 0;display:flex;flex-direction:column;gap:var(--space-8)}.welcome-column>.logo{align-self:center}.auth-form,.auth-form form,.welcome-actions{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);text-align:center;line-height:1.3;margin-bottom:var(--space-2)}.auth-form .button{width:100%;min-height:var(--action-height)}.auth-form input{height:var(--action-height)}.auth-form .fine-print,.auth-switch{text-align:center}.sign-in-copy{font-size:var(--text-md);color:var(--text-2);line-height:1.5;overflow-wrap:anywhere}.chats-page{display:flex;flex-direction:column;gap:var(--space-4);max-width:var(--content-width);margin:0 auto;color:var(--text);background:var(--bg);font-size:var(--text-md);line-height:1.4}.chats-header,.chats-tools,.chats-search{display:flex;align-items:center}.chats-header{justify-content:space-between;gap:var(--space-2)}.chats-header h1{font-size:var(--text-title);font-weight:var(--weight-bold);line-height:1.25}.chats-tools{margin-right:calc(-1 * var(--space-2))}.chats-tools button,.chats-search button{width:var(--touch-target);height:var(--touch-target);flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--text)}.chats-tools .chats-phone-tool{display:none}.chats-account>span{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-pill);display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.chats-search{background:var(--surface-2);border-radius:var(--radius-md);height:var(--touch-target);padding-left:var(--space-3);gap:var(--space-2);color:var(--text-2)}.chats-search input{flex:1;min-width:0;width:100%;height:var(--touch-target);padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:var(--text-base);font-weight:var(--weight-regular)}.chats-search input::placeholder{color:var(--text-2);opacity:1}.chats-search:focus-within{outline:calc(2 * var(--hairline)) solid var(--accent);outline-offset:calc(2 * var(--hairline))}.chats-page .chats-search input:focus-visible{outline:none}.chats-list{display:flex;flex-direction:column;gap:var(--space-3);margin:0 calc(-1 * var(--space-4))}.chats-section h2{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-2);padding:var(--space-2) var(--space-4) var(--space-1);margin:0}.chat-row{display:flex;align-items:center;width:100%;min-height:calc(2 * var(--space-8));gap:var(--space-3);padding:calc(var(--space-2) + 2 * var(--hairline)) var(--space-4);border:0;background:transparent;text-align:left;color:var(--text)}.chat-thumbnail{width:calc(var(--touch-target) + 2 * var(--hairline));height:calc(var(--touch-target) + 2 * var(--hairline));background:var(--tile);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.chat-thumbnail.is-empty{background:var(--surface-2);color:var(--text-2)}.chat-thumbnail img{width:100%;height:100%;object-fit:cover}.chat-copy{display:flex;flex-direction:column;gap:calc(2 * var(--hairline));flex:1;min-width:0}.chat-title-line{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.chat-title-line strong{font-size:var(--text-base);font-weight:var(--weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-title-line time{flex-shrink:0;font-size:var(--text-sm);color:var(--text-2)}.chat-snippet{font-size:var(--text-md);color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-snippet.is-waiting{color:var(--accent-text);font-weight:var(--weight-semibold)}.chats-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-8) 0;text-align:center;color:var(--text-2)}.chats-action{display:flex;align-items:center;justify-content:center;min-height:var(--touch-target);padding:var(--space-2) var(--space-4);border:0;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);font-size:var(--text-md);font-weight:var(--weight-semibold)}.chats-action.is-primary{min-height:var(--action-height);background:var(--accent);color:var(--on-accent)}.chats-load-more{align-self:center}.chats-error{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--danger)}.chats-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-5) 0;color:var(--text-2)}.chats-page button{transition:background var(--motion-normal) var(--motion-ease)}.chats-page button:hover:not(:disabled){filter:none}.chat-row:hover:not(:disabled){background:var(--surface)}.chats-page button:focus-visible{outline:calc(2 * var(--hairline)) solid var(--accent);outline-offset:var(--space-1)}@media(max-width:760px){.app-shell[data-page=chats] .topbar{display:none}.app-shell[data-page=chats] .main-content{padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-4) calc(6 * var(--space-8) + env(safe-area-inset-bottom));max-width:none}.chats-tools .chats-phone-tool{display:flex}}@media(prefers-reduced-motion:reduce){.chats-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:root,html[data-theme=dark],.theme-dark{color-scheme:dark;--bg: #121214;--surface: #1c1c20;--surface-2: #26262b;--text: #f3f1f5;--text-2: #a8a4ae;--line: #2d2d33;--accent: #c9b8ef;--on-accent: #1e1633;--accent-soft: #2d2741;--accent-text: #d9ccf7;--tile: #cfc9c0;--success: #86cfa4;--success-soft: #1f3328;--danger: #f2b8b5;--scrim: rgba(0, 0, 0, .55);--field: #1c1c20;--field-line: #34343b}html[data-theme=light]{color-scheme:light;--bg: #f7f5f2;--surface: #ffffff;--surface-2: #efece7;--text: #1d1b20;--text-2: #625e68;--line: #e3dfd9;--accent: #6b4fd8;--on-accent: #ffffff;--accent-soft: #ece7fb;--accent-text: #5a3fc4;--tile: #ece8e2;--success: #2e7650;--success-soft: #e3f1e8;--danger: #b3261e;--scrim: rgba(20, 18, 24, .36);--field: #ffffff;--field-line: #ddd8d1}:root,.theme-dark{--photo-glass: rgba(255, 255, 255, .88);--photo-ink: #1d1b20;--photo-ink-soft: rgba(29, 27, 32, .25);--photo-heart: #b3261e;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-tab: 11px;--text-xs: 12px;--text-sm: 13px;--text-md: 15px;--text-base: 16px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-title: 30px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-pill: 999px;--shadow-sm: 0 2px 8px color-mix(in srgb, var(--scrim) 25%, transparent);--shadow-lg: 0 6px 24px color-mix(in srgb, var(--scrim) 60%, transparent);--motion-fast: .15s;--motion-normal: .2s;--motion-slow: .25s;--motion-ease: ease-out;--touch-target: 44px;--action-height: 50px;--content-width: 600px;--hairline: 1px}:root{font-family:var(--font-system);color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;-webkit-appearance:none;transition:background var(--motion-normal) var(--motion-ease),border-color var(--motion-normal) var(--motion-ease),color var(--motion-normal) var(--motion-ease)}button:disabled,input:disabled{cursor:not-allowed;opacity:.48}:is(button,a,input,select,textarea,summary):focus-visible{outline:calc(2 * var(--hairline)) solid var(--accent);outline-offset:var(--space-1)}h1,h2,h3,p{margin:0}svg{flex-shrink:0}button svg{vertical-align:middle}a{color:inherit}.sr-only{position:absolute;width:var(--hairline);height:var(--hairline);padding:0;margin:calc(-1 * var(--hairline));overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.logo{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-2xl);font-weight:var(--weight-semibold);white-space:nowrap}.logo-symbol{display:inline-flex;align-items:center;justify-content:center;color:var(--accent-text);height:var(--space-8);width:var(--space-8)}.logo-os{font-weight:var(--weight-regular);color:var(--accent-text)}.logo sup{font-size:var(--text-xs);color:var(--text-2);margin-left:var(--space-1);position:relative;top:calc(-1 * var(--space-1));font-weight:var(--weight-regular)}.logo.small{gap:var(--space-2)}.eyebrow{font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.5;color:var(--text-2);display:block;letter-spacing:normal;text-transform:none}.button{border:0;border-radius:var(--radius-pill);padding:var(--space-3) var(--space-4);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:1.4;min-height:var(--action-height);min-width:var(--touch-target);background:var(--surface-2);color:var(--text);text-decoration:none}.button.primary{background:var(--accent);color:var(--on-accent)}.button.secondary{background:var(--surface-2);color:var(--text)}.button.danger{background:var(--surface-2);color:var(--danger)}.button.small-button{padding:var(--space-2) var(--space-3);font-size:var(--text-md);min-height:var(--touch-target)}.full-width{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target);height:var(--touch-target);flex-shrink:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-2);padding:0}.icon-button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.text-button{background:transparent;border:0;padding:0 var(--space-1);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:var(--touch-target);min-height:var(--touch-target);color:var(--accent-text);font-size:var(--text-md);font-weight:var(--weight-semibold)}.danger-text{color:var(--danger)}.fine-print{font-size:var(--text-sm);color:var(--text-2);line-height:1.5}.fine-print a{color:var(--accent-text);display:inline-flex;align-items:center;min-height:var(--touch-target)}.loading{display:flex;gap:var(--space-3);align-items:center;justify-content:center;padding:var(--space-8) var(--space-5);color:var(--text-2);font-size:var(--text-md)}.spin{animation:spin calc(5 * var(--motion-slow)) linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.boot-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);color:var(--text)}.boot-screen .loading{padding:var(--space-6)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8) var(--space-5);gap:var(--space-4)}.empty-icon{height:calc(2 * var(--space-8));width:calc(2 * var(--space-8));display:grid;place-items:center;color:var(--text-2);border-radius:var(--radius-pill);background:var(--surface-2)}.empty-state h2{font-size:var(--text-xl);font-weight:var(--weight-bold)}.empty-state p{max-width:var(--content-width);color:var(--text-2);font-size:var(--text-md);line-height:1.5}.inline-error{color:var(--danger);font-size:var(--text-md);line-height:1.5;overflow-wrap:anywhere}.error-banner,.global-error{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--surface);color:var(--danger);border-radius:var(--radius-md);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);font-size:var(--text-md);line-height:1.5}.error-banner{margin-bottom:var(--space-5)}.global-error{position:fixed;bottom:calc(var(--space-5) + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(var(--content-width),calc(100vw - var(--space-8)));z-index:200}.global-error button,.error-banner button{min-width:var(--touch-target);min-height:var(--touch-target);border:0;background:transparent;color:var(--danger);padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast{position:fixed;bottom:calc(var(--space-6) + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:1000;width:max-content;max-width:calc(100vw - var(--space-8));min-height:calc(var(--touch-target) + var(--space-2));padding:var(--space-1) var(--space-2) var(--space-1) var(--space-4);gap:var(--space-3);border:0;border-radius:var(--radius-lg);background:var(--text);color:var(--bg);box-shadow:var(--shadow-lg);display:flex;align-items:center;font-size:var(--text-md);font-weight:var(--weight-medium);line-height:1.4}.toast>span{flex:1;min-width:0;overflow-wrap:anywhere}.toast button{min-width:var(--touch-target);min-height:var(--touch-target);margin:0;border:0;padding:0;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--bg);font-size:var(--text-md);flex-shrink:0}.toast .toast-action{font-weight:var(--weight-bold);text-decoration:none}.toast :focus-visible{outline-color:var(--bg)}.modal{background:var(--bg);color:var(--text);font-family:var(--font-system);font-size:var(--text-md);font-weight:var(--weight-regular);line-height:1.4;border:0;border-radius:var(--radius-xl);width:min(470px,calc(100vw - var(--space-8)));max-height:calc(100dvh - var(--space-8));padding:var(--space-6);color-scheme:inherit;box-shadow:var(--shadow-lg);overflow-y:auto;overscroll-behavior:contain}.modal.wide{width:min(790px,calc(100vw - var(--space-8)))}.modal::backdrop{background:var(--scrim)}.modal-grabber{display:none}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-6)}.modal-header h2{font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:1.3}.modal-header p{margin-top:var(--space-2);font-size:var(--text-md);color:var(--text-2);line-height:1.4}.modal-header .icon-button{min-width:var(--touch-target);min-height:var(--touch-target)}.modal-error{margin-bottom:var(--space-5)}label:where(:not(.search-box)){display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-2);font-weight:var(--weight-semibold);line-height:1.4}:where(label>input:not([type=checkbox]):not([type=file]):not([type=color]),label>select,label>textarea,.account-fact-editor input){min-height:var(--action-height);min-width:0;padding:var(--space-3);background:var(--field);border:var(--hairline) solid var(--field-line);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-base)}label>input:not([type=checkbox]):not([type=file]):not([type=color]),label>select{width:100%}:where(input:not([type=checkbox]),select,textarea):focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text-2);opacity:1}label select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.field-pair label{min-width:0}label.checkbox-label{flex-direction:row;align-items:center;gap:var(--space-3);min-height:var(--touch-target)}.checkbox-label input{accent-color:var(--accent);height:var(--space-5);width:var(--space-5);margin:0;flex-shrink:0}.checkbox-label span{display:flex;flex-direction:column;gap:var(--space-1)}.checkbox-label strong{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text)}.checkbox-label small{font-size:var(--text-sm);color:var(--text-2);font-weight:var(--weight-regular)}.checkbox-label>svg{margin-left:auto;color:var(--text-2)}.form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5)}@media(max-width:760px){.toast{bottom:calc(2 * var(--space-8) + var(--space-6) + env(safe-area-inset-bottom))}.modal,.modal.wide{position:fixed;inset:auto 0 0;width:100%;max-width:none;margin:0;padding:var(--space-5) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal-grabber{display:block;width:calc(var(--space-8) + var(--space-1));height:var(--space-1);margin:calc(-1 * var(--space-3)) auto var(--space-4);border-radius:var(--radius-pill);background:var(--line)}.modal[open]{animation:modal-in var(--motion-slow) var(--motion-ease)}}@keyframes modal-in{0%{opacity:0;transform:translateY(var(--space-6))}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-8);height:var(--space-8);border:var(--hairline) solid var(--line);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);font-size:var(--text-sm)}.main-content{width:100%;max-width:calc(2 * var(--content-width));margin:auto;padding:var(--space-8);flex:1}@media(max-width:950px){.main-content{padding:var(--space-6)}}@media(max-width:760px){.main-content{max-width:var(--content-width);padding:var(--space-6) var(--space-4)}}body,.main-content{background:var(--bg)}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:222px;padding:var(--space-8) var(--space-5) var(--space-4);background:var(--bg);color:var(--text);border-right:var(--hairline) solid var(--line);z-index:30;display:flex;flex-direction:column}.sidebar>.logo{margin-left:var(--space-2)}.sidebar nav{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-8)}.nav-item{display:flex;align-items:center;gap:var(--space-3);border:var(--hairline) solid transparent;background:transparent;color:var(--text-2);font-size:var(--text-sm);font-weight:var(--weight-regular);padding:var(--space-3);border-radius:var(--radius-sm);min-height:var(--touch-target);white-space:nowrap}.nav-item.active{background:var(--surface-2);color:var(--text);font-weight:var(--weight-semibold)}.nav-item:hover{background:var(--surface)}.nav-count{margin-left:auto;font-size:var(--text-xs);background:var(--surface-2);border-radius:var(--radius-sm);padding:0 var(--space-1);line-height:1.6;color:var(--text-2)}.sidebar-bottom{margin-top:auto}.account-button{display:flex;align-items:center;gap:var(--space-3);background:transparent;border:0;border-top:var(--hairline) solid var(--line);color:var(--text);padding:var(--space-5) 0 0;width:100%;text-align:left;min-height:var(--touch-target)}.account-button>span:nth-child(2){display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.account-button strong{font-size:var(--text-sm);font-weight:var(--weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-button small{font-size:var(--text-xs);color:var(--text-2)}.account-button>svg{color:var(--text-2)}.app-shell .sidebar .avatar,.topbar .avatar{border-color:var(--line);background:var(--accent-soft);color:var(--accent-text);font-size:var(--text-sm)}.sidebar .avatar{width:var(--touch-target);height:var(--touch-target)}.sidebar .logo,.topbar .logo{color:var(--text);font-size:var(--text-2xl);font-weight:var(--weight-semibold)}.sidebar .logo-symbol,.topbar .logo-symbol{color:var(--accent)}.sidebar .logo-os,.topbar .logo-os{color:var(--accent-text);font-weight:var(--weight-regular)}.sidebar .logo sup,.topbar .logo sup{color:var(--text-2);font-size:var(--text-xs);font-weight:var(--weight-regular)}.workspace{margin-left:222px;min-height:100vh;display:flex;flex-direction:column}.topbar{min-height:81px;border-bottom:var(--hairline) solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg);color:var(--text)}.date-display{font-size:var(--text-xs);color:var(--text-2);letter-spacing:.1px}.topbar-right{display:flex;align-items:center;gap:17px}.sample-tag{display:flex;align-items:center;gap:7px;font-size:var(--text-xs);letter-spacing:1.2px;color:var(--accent-text);border:var(--hairline) solid var(--line);background:var(--accent-soft);padding:6px 8px;border-radius:4px}.sample-tag>span{height:4px;width:4px;background:var(--accent);border-radius:50%}.mobile-logo,.mobile-avatar,.bottom-nav{display:none}.app-footer{padding:0 var(--space-8) calc(104px + var(--space-6));color:var(--text-2);font-size:var(--text-sm)}.sidebar button,.bottom-nav button,.segmented-control button{transition:background var(--motion-normal) var(--motion-ease),color var(--motion-normal) var(--motion-ease)}.sidebar button:focus-visible,.topbar button:focus-visible,.bottom-nav button:focus-visible,.segmented-control button:focus-visible{outline:2px solid var(--accent);outline-offset:var(--space-1)}.screen-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6);color:var(--text)}.screen-heading h1{font-size:var(--text-title);font-weight:var(--weight-bold);line-height:1.25}.segmented-control{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--surface-2);border-radius:var(--radius-md)}.segmented-control button{min-height:var(--touch-target);padding:var(--space-2) var(--space-5);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-2);font-size:var(--text-md);font-weight:var(--weight-medium)}.segmented-control button[aria-pressed=true]{background:var(--surface);color:var(--text);font-weight:var(--weight-semibold);box-shadow:var(--shadow-sm)}@media(max-width:1190px){.sidebar{width:190px;padding:var(--space-8) var(--space-4) var(--space-4)}.workspace{margin-left:190px}.topbar{padding:0 28px}}@media(max-width:950px){.sidebar{width:165px;padding:var(--space-8) var(--space-3) var(--space-4)}.nav-item{padding:var(--space-3) var(--space-2);gap:var(--space-2)}.account-button{gap:var(--space-2)}.account-button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace{margin-left:165px}.topbar{height:73px;min-height:73px;padding:0 23px}}@media(max-width:760px){.sidebar,.app-footer{display:none}.workspace{margin-left:0}.topbar{padding:0 22px;min-height:72px;height:72px}.mobile-logo{display:block}.mobile-avatar{display:flex;width:var(--touch-target);height:var(--touch-target)}.date-display{display:none}.topbar-right{gap:13px}.sample-tag{font-size:var(--text-tab);letter-spacing:.4px;padding:5px 6px;white-space:nowrap}.sample-tag>span{width:3px;height:3px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(70px + env(safe-area-inset-bottom));padding:0 var(--space-4) env(safe-area-inset-bottom);background:var(--bg);border-top:var(--hairline) solid var(--line);z-index:50;justify-content:space-around;align-items:center}.bottom-nav button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-2);background:transparent;border:0;color:var(--text-2);min-width:var(--touch-target);min-height:var(--touch-target);flex:1;height:100%;font-weight:var(--weight-regular)}.bottom-nav button span{font-size:var(--text-tab)}.bottom-nav button.active{color:var(--text);font-weight:var(--weight-semibold)}.app-shell .main-content{padding-bottom:calc(190px + env(safe-area-inset-bottom))}}@media(max-width:390px){.topbar{padding:0 17px}.topbar-right{gap:9px}.sample-tag{letter-spacing:.2px}}@media(prefers-reduced-motion:reduce){.sidebar button,.bottom-nav button,.segmented-control button{transition:none}}.closet-page{color:var(--text);background:var(--bg);display:flex;flex-direction:column;gap:var(--space-4);font-size:var(--text-md);font-weight:var(--weight-regular)}.closet-header,.closet-tools,.closet-count,.closet-sort,.closet-search{display:flex;align-items:center}.closet-header,.closet-count{justify-content:space-between;gap:var(--space-2)}.closet-header h1{font-size:var(--text-title);font-weight:var(--weight-bold);line-height:1.25}.closet-tools{margin-right:calc(-1 * var(--space-2))}.closet-tools button,.closet-search button{width:var(--touch-target);height:var(--touch-target);flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--text)}.closet-tools .closet-account{display:none}.closet-account span{width:32px;height:32px;border-radius:var(--radius-pill);display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.closet-search{background:var(--surface-2);border-radius:var(--radius-md);height:var(--touch-target);padding-left:var(--space-3);gap:var(--space-2);color:var(--text-2)}.closet-search input{flex:1;min-width:0;width:100%;height:var(--touch-target);padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:var(--text-base);font-weight:var(--weight-regular)}.closet-page input::placeholder{color:var(--text-2);opacity:1}.closet-sample{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface);color:var(--text-2);font-size:var(--text-sm);line-height:1.45}.closet-sample svg{flex-shrink:0;color:var(--accent-text)}.closet-filters{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none}.closet-filters::-webkit-scrollbar{display:none}.closet-filters button{flex-shrink:0;padding:0;min-width:var(--touch-target);min-height:var(--touch-target);background:transparent;border:0;color:var(--text);font-size:var(--text-md);font-weight:var(--weight-medium)}.closet-filters button span{display:flex;align-items:center;justify-content:center;height:36px;padding:0 var(--space-3);border:var(--hairline) solid var(--line);border-radius:var(--radius-pill)}.closet-filters button[aria-pressed=true] span{background:var(--text);color:var(--bg);border-color:var(--text);font-weight:var(--weight-semibold)}.closet-count{min-height:var(--touch-target);color:var(--text-2);font-size:var(--text-md)}.closet-sort{position:relative;gap:var(--space-1);min-height:var(--touch-target);color:var(--text);font-weight:var(--weight-semibold)}.closet-sort select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:var(--touch-target);opacity:0;font-size:var(--text-base);cursor:pointer;color:var(--text);background:var(--field)}.closet-sort:focus-within{outline:calc(2 * var(--hairline)) solid var(--accent);outline-offset:var(--space-1);border-radius:var(--radius-sm)}.closet-explainer{color:var(--text-2);font-size:var(--text-sm);line-height:1.45}.closet-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-6) var(--space-4)}.closet-tile{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;min-height:var(--touch-target);padding:0;text-align:left;color:var(--text);border:0;background:transparent}.closet-photo{display:block;aspect-ratio:1;width:100%;padding:var(--space-3);position:relative;background:var(--tile);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-1)}.closet-favorite{position:absolute;top:var(--space-2);right:var(--space-2);display:grid;place-items:center;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-pill);color:var(--photo-heart);background:var(--photo-glass)}.closet-favorite>svg{width:var(--space-4);height:var(--space-4)}.closet-wash{position:absolute;bottom:var(--space-2);left:var(--space-2);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--photo-ink);background:var(--photo-glass)}.closet-name{overflow-wrap:anywhere;font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.closet-meta{font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--text-2)}.closet-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-8) 0;text-align:center;color:var(--text-2);font-size:var(--text-md);line-height:1.45}.closet-status{display:flex;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8) 0;font-size:var(--text-md);color:var(--text-2)}.closet-page button{transition:background var(--motion-normal) var(--motion-ease),color var(--motion-normal) var(--motion-ease)}.closet-page button:hover:not(:disabled){filter:none}.closet-page button:focus-visible,.closet-page select:focus-visible{outline:calc(2 * var(--hairline)) solid var(--accent);outline-offset:var(--space-1)}.closet-page .closet-search input:focus-visible{outline:none}.closet-search:focus-within{outline:calc(2 * var(--hairline)) solid var(--accent);outline-offset:calc(2 * var(--hairline))}@media(max-width:760px){.app-shell[data-page=closet] .topbar{display:none}.app-shell[data-page=closet] .main-content{padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-4) calc(190px + env(safe-area-inset-bottom));max-width:none}.closet-tools .closet-account{display:flex}.closet-filters{margin:0 calc(-1 * var(--space-4));padding:0 var(--space-4)}.closet-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-3)}}