.outfit-home-shortcut{margin:0 0 24px}.outfit-shortcut-button{display:flex;align-items:center;gap:13px;width:100%;padding:15px 16px;border:1px solid var(--border,#29313a);border-radius:14px;background:var(--surface,#14191f);color:var(--text,#f4f5f6);text-align:left}.outfit-shortcut-mark{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:var(--surface-soft,#101419);font-size:calc(18px * var(--font-scale,1))}.outfit-shortcut-button>span:nth-child(2){display:grid;gap:4px;min-width:0;flex:1}.outfit-shortcut-button strong{font-size:calc(15px * var(--font-scale,1))}.outfit-shortcut-button small{font-size:calc(12px * var(--font-scale,1));color:var(--muted,#a7b0b9);line-height:1.5}.outfit-shortcut-button>b{font-size:calc(23px * var(--font-scale,1));font-weight:400;color:var(--muted,#a7b0b9)}.outfit-page{padding-bottom:36px}.outfit-page-head,.outfit-editor-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.outfit-page-head>div,.outfit-editor-head>div{min-width:0}.outfit-page-head h1,.outfit-editor-head h2{margin:2px 0 6px;font-size:calc(22px * var(--font-scale,1))}.outfit-page-head .subheading{margin:0}.outfit-back{width:40px;height:40px;flex:0 0 40px;border:1px solid var(--border,#29313a);border-radius:12px;background:var(--surface,#14191f);color:var(--text,#f4f5f6);font-size:calc(21px * var(--font-scale,1))}.outfit-toolbar{display:flex;gap:10px;margin:18px 0 20px}.outfit-toolbar button{flex:1;min-height:44px}.outfit-subnav{display:flex;gap:20px;border-bottom:1px solid var(--border,#29313a);margin-bottom:16px}.outfit-subnav button{padding:10px 2px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted,#a7b0b9);font-size:calc(14px * var(--font-scale,1))}.outfit-subnav button.is-active{border-bottom-color:var(--text,#f4f5f6);color:var(--text,#f4f5f6)}.outfit-list{display:grid;gap:12px}.outfit-card{overflow:hidden;border:1px solid var(--border,#29313a);border-radius:14px;background:var(--surface,#14191f)}.outfit-card-main{display:flex;align-items:center;gap:13px;width:100%;padding:14px;border:0;background:transparent;color:var(--text,#f4f5f6);text-align:left}.outfit-card-images{display:grid;grid-template-columns:repeat(2,42px);grid-template-rows:repeat(2,42px);gap:3px;flex:0 0 87px}.outfit-card-image{display:grid;place-items:center;overflow:hidden;border-radius:7px;background:var(--surface-soft,#101419);color:var(--muted,#a7b0b9);font-size:calc(13px * var(--font-scale,1))}.outfit-card-image img,.outfit-choice-image img,.outfit-detail-piece img{width:100%;height:100%;object-fit:contain}.outfit-card-copy{display:grid;gap:5px;min-width:0;flex:1}.outfit-card-copy strong{font-size:calc(15px * var(--font-scale,1));overflow-wrap:anywhere}.outfit-card-copy small{font-size:calc(12px * var(--font-scale,1));color:var(--muted,#a7b0b9);line-height:1.45}.outfit-card-actions{display:flex;flex-wrap:wrap;gap:7px;padding:0 12px 12px}.outfit-card-actions button,.outfit-detail-actions button{min-height:34px;padding:6px 10px;border:1px solid var(--border,#29313a);border-radius:9px;background:var(--surface-soft,#101419);color:var(--text,#f4f5f6);font-size:calc(12px * var(--font-scale,1))}.outfit-card-actions button.is-favorite{color:#d98c9c}.outfit-empty{display:grid;justify-items:center;gap:10px;padding:42px 20px;text-align:center;color:var(--muted,#a7b0b9)}.outfit-empty>span{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:var(--surface-soft,#101419);color:var(--text,#f4f5f6);font-size:calc(22px * var(--font-scale,1))}.outfit-empty strong{color:var(--text,#f4f5f6);font-size:calc(16px * var(--font-scale,1))}.outfit-empty p{margin:0 0 8px;font-size:calc(13px * var(--font-scale,1));line-height:1.6}.outfit-editor{padding:16px;border:1px solid var(--border,#29313a);border-radius:16px;background:var(--surface,#14191f)}.outfit-editor-head{margin-bottom:18px}.outfit-field{display:grid;gap:8px;margin:14px 0;color:var(--text,#f4f5f6);font-size:calc(13px * var(--font-scale,1))}.outfit-field input,.outfit-field select,.outfit-field textarea{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--border,#29313a);border-radius:10px;background:var(--surface-soft,#101419);color:var(--text,#f4f5f6);font:inherit;font-size:calc(14px * var(--font-scale,1))}.outfit-field textarea{resize:vertical;min-height:66px}.outfit-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.outfit-pieces-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 5px}.outfit-pieces-head strong{font-size:calc(15px * var(--font-scale,1))}.outfit-pieces-head span,.outfit-helper{font-size:calc(12px * var(--font-scale,1));color:var(--muted,#a7b0b9)}.outfit-helper{margin:0 0 12px;line-height:1.6}.outfit-clothing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.outfit-clothing-choice{position:relative;display:grid;align-content:start;gap:5px;min-width:0;padding:7px;border:1px solid var(--border,#29313a);border-radius:11px;background:var(--surface-soft,#101419);color:var(--text,#f4f5f6)}.outfit-clothing-choice input{position:absolute;top:8px;right:8px;z-index:1;width:18px;height:18px;accent-color:var(--text,#f4f5f6)}.outfit-clothing-choice.is-selected{outline:2px solid var(--text,#f4f5f6);outline-offset:-2px}.outfit-choice-image{display:grid;place-items:center;overflow:hidden;aspect-ratio:4/5;border-radius:7px;background:var(--surface,#14191f);color:var(--muted,#a7b0b9)}.outfit-choice-name{overflow:hidden;font-size:calc(12px * var(--font-scale,1));font-weight:600;text-overflow:ellipsis;white-space:nowrap}.outfit-choice-meta{overflow:hidden;color:var(--muted,#a7b0b9);font-size:calc(10px * var(--font-scale,1));text-overflow:ellipsis;white-space:nowrap}.outfit-choice-role{justify-self:start;padding:3px 6px;border-radius:6px;background:var(--surface,#14191f);font-size:calc(10px * var(--font-scale,1));color:var(--muted,#a7b0b9)}.outfit-editor-actions{position:sticky;bottom:8px;display:flex;gap:10px;margin-top:20px;padding:10px 0 0;background:var(--surface,#14191f)}.outfit-editor-actions button{flex:1;min-height:46px}.outfit-no-clothes{grid-column:1/-1;color:var(--muted,#a7b0b9);font-size:calc(13px * var(--font-scale,1));line-height:1.6}.outfit-detail-meta,.outfit-detail-notes{color:var(--muted,#a7b0b9);font-size:calc(13px * var(--font-scale,1));line-height:1.6}.outfit-detail-pieces{display:grid;gap:9px;margin:18px 0}.outfit-detail-piece{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--border,#29313a);border-radius:12px;background:var(--surface,#14191f)}.outfit-detail-piece img,.outfit-no-photo{display:grid;place-items:center;width:68px;height:78px;flex:0 0 68px;border-radius:8px;background:var(--surface-soft,#101419);color:var(--muted,#a7b0b9);object-fit:contain}.outfit-detail-piece>div{display:grid;gap:6px;min-width:0}.outfit-detail-piece strong{font-size:calc(14px * var(--font-scale,1))}.outfit-detail-piece small{font-size:calc(12px * var(--font-scale,1));line-height:1.5;color:var(--muted,#a7b0b9);overflow-wrap:anywhere}.outfit-missing-piece{padding:12px;border-radius:10px;background:var(--surface-soft,#101419);color:var(--muted,#a7b0b9);font-size:calc(13px * var(--font-scale,1))}.outfit-detail-actions{display:flex;flex-wrap:wrap;gap:8px}.outfit-log-row{display:flex;align-items:center;gap:12px;padding:14px 2px;border-bottom:1px solid var(--border,#29313a)}.outfit-log-date{flex:0 0 92px;font-size:calc(12px * var(--font-scale,1));color:var(--muted,#a7b0b9)}.outfit-log-copy{display:grid;gap:4px;min-width:0;flex:1}.outfit-log-copy strong{font-size:calc(14px * var(--font-scale,1))}.outfit-log-copy small{font-size:calc(12px * var(--font-scale,1));color:var(--muted,#a7b0b9)}.outfit-log-row>button{width:30px;height:30px;border:0;border-radius:8px;background:var(--surface-soft,#101419);color:var(--muted,#a7b0b9);font-size:calc(19px * var(--font-scale,1))}.outfit-toast{position:fixed;z-index:9999;left:50%;bottom:calc(90px + env(safe-area-inset-bottom));max-width:calc(100vw - 40px);padding:11px 15px;border-radius:12px;background:var(--surface,#14191f);border:1px solid var(--border,#29313a);color:var(--text,#f4f5f6);font-size:calc(13px * var(--font-scale,1));box-shadow:0 8px 24px #0002;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity .18s,transform .18s}.outfit-toast.is-visible{opacity:1;transform:translate(-50%,0)}@media(min-width:680px){.outfit-clothing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.outfit-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){.outfit-clothing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.outfit-fields-row{grid-template-columns:1fr}.outfit-toolbar{flex-direction:column}}
.wear-log-form{display:grid;gap:12px;margin:0 0 18px;padding:14px;border:1px solid var(--border,#29313a);border-radius:14px;background:var(--surface,#14191f)}.wear-log-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wear-log-form .outfit-field{gap:6px}.wear-log-form .primary-button{min-height:44px}.outfit-recommendation-note{margin:12px 0;padding:11px 12px;border-radius:10px;background:var(--surface-soft,#101419);color:var(--muted,#a7b0b9);font-size:calc(12px * var(--font-scale,1));line-height:1.65}@media(max-width:390px){.wear-log-fields{grid-template-columns:1fr}}