:root{font-family:Arial,Helvetica,sans-serif;color:#25291f;background:#f1efe9;--olive:#53613d;--muted:#73756d;--border:#e5e1d8;--paper:#fcfaf5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a{color:inherit}button,.button{cursor:pointer;border:1px solid var(--border);border-radius:14px;padding:14px 17px;min-height:48px;background:transparent;color:inherit;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a3b483;outline-offset:3px}.primary{background:var(--olive);border-color:var(--olive);color:white}.full{width:100%}.app{max-width:520px;min-height:100dvh;margin:auto;background:var(--paper);box-shadow:0 0 70px #343d2410}header{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 10px}.brand{display:flex;align-items:center;gap:8px;font-family:Georgia,serif;font-size:39px;letter-spacing:-2px;text-decoration:none}.brand svg{width:42px;height:42px;color:var(--olive)}.icon-button{width:48px;height:48px;display:grid;place-items:center}.icon-button svg{width:27px;height:27px}main{padding:18px 22px 120px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1px;margin:0 0 12px}h1{font-size:43px;line-height:1.08}h2{font-size:28px}h3{font-size:21px}p{line-height:1.5;margin:8px 0 16px}.muted,small{color:var(--muted)}small{font-size:12px;line-height:1.5}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--olive);margin-bottom:12px}.card{border:1px solid var(--border);border-radius:20px;padding:18px;margin:18px 0;background:#ffffff55}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.row>*{min-width:0}.weather svg{width:40px;height:40px;color:var(--olive);flex-shrink:0}.weather button{font-size:12px;padding:9px;min-height:40px}.weather strong{display:block}.weather p{font-size:13px;margin:3px 0}.chips{display:flex;gap:8px;overflow-x:auto;padding:3px 0 8px;margin:16px 0 8px}.chips button{flex:1;white-space:nowrap;border-radius:30px;padding:10px 14px;min-height:42px;font-size:14px}.chips .selected{background:var(--olive);color:white;border-color:var(--olive)}.pill{display:inline-block;font-size:11px;background:#edf0e3;color:#4a5934;padding:6px 10px;border-radius:20px;letter-spacing:0;font-family:Arial,sans-serif}.outfit{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.outfit figure{margin:0;text-align:center}.outfit img,.outfit svg{width:100%;height:155px;object-fit:contain}.outfit figcaption{font-size:12px;color:var(--muted)}.stack{display:grid;gap:9px}.empty{text-align:center;padding:27px 10px}.empty>svg{width:60px;height:60px;color:#8b9674}.empty h2{margin-top:16px}.scan-icon{width:45px;flex-shrink:0;color:var(--olive)}.scan-icon svg{width:100%}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);display:flex;justify-content:space-around;background:#fcfaf5f5;backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:9px 5px calc(9px + env(safe-area-inset-bottom));z-index:5}nav a{display:grid;place-items:center;gap:5px;width:25%;padding:5px 0;text-decoration:none;color:#77796f;font-size:11px}nav svg{width:25px;height:25px}nav a[aria-current=page]{color:var(--olive);font-weight:bold}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.product{border:1px solid var(--border);border-radius:17px;padding:12px;background:#fff9}.product .picture{width:100%;height:150px;object-fit:contain}.product h3{font-size:20px;letter-spacing:-.5px;margin:10px 0}.product button{min-height:36px;padding:6px 8px;font-size:11px;margin-top:9px}.product .pill{font-size:10px}.product.unavailable{opacity:.5}.product.demo{background:#f1efe8}label{display:grid;gap:7px;font-size:13px;margin:14px 0}input,select{width:100%;min-height:48px;padding:11px;border-radius:12px;border:1px solid var(--border);background:#fffefb;color:inherit}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.photo-preview{display:block;max-width:100%;height:270px;margin:15px auto;object-fit:contain}.notice{padding:12px;border-radius:12px;background:#eef0e5;font-size:13px;margin:15px 0;line-height:1.5}.error{background:#f7e8df;color:#803f29}.danger{color:#9b4934}.link-button{border:0;color:var(--olive);text-decoration:underline;font-size:13px}.outfit.saved img,.outfit.saved svg{height:100px}.saved-actions{display:flex;gap:8px}.saved-actions button{font-size:12px}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#28311f;color:white;padding:13px 18px;border-radius:12px;width:max-content;max-width:90%;font-size:14px;z-index:10}footer{font-size:12px;line-height:1.5;color:var(--muted);margin-top:25px}#results:empty{display:none}@media(max-width:360px){main{padding:16px 15px 120px}h1{font-size:36px}.card{padding:13px}.product{padding:9px}.outfit img,.outfit svg{height:130px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,transform .15s}button:active{transform:scale(.98)}}
:is(button,.button)>svg{width:20px;height:20px;flex-shrink:0}.picture svg{width:100%;height:100%}nav[hidden]{display:none}

.photo-picker{border:0;padding:0;margin:0 0 14px;min-width:0}.photo-picker legend{padding:0;margin-bottom:12px;font-size:14px;color:var(--muted)}

.product{position:relative}.product .favorite-button{position:absolute;right:8px;top:8px;margin:0;min-width:44px;min-height:44px;border-radius:50%;background:var(--paper);font-size:26px;color:var(--olive);box-shadow:0 2px 8px #25291f12}.favorite-button[aria-pressed=true]{background:#e8eddf;border-color:#a5b28e}.feedback{border-top:1px solid var(--border);padding-top:14px;margin:16px 0}.feedback-label{font-size:14px;margin:0 0 9px}.feedback-buttons{display:flex;gap:8px;margin-bottom:9px}.feedback-buttons button{flex:1;font-size:13px;padding:11px 8px}.feedback button[aria-pressed=true]{background:#e8eddf;border-color:var(--olive);color:#354524}.feedback summary{font-size:13px;color:var(--olive);cursor:pointer;padding:10px 0}.reason-options{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:8px}.reason-options button{font-size:12px;min-height:40px;padding:8px 12px;border-radius:24px}.feedback .link-button{font-size:12px;padding:3px;min-height:32px}

.camera-modal-open{overflow:hidden}.photo-picker.camera-is-open>.stack,.photo-picker.camera-is-open>legend{display:none}.camera-panel{position:fixed;inset:0;box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));border:0;border-radius:0;background:var(--paper);color:#25291f;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px}.camera-panel::backdrop{background:var(--paper)}.camera-top{grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.camera-top h2{font-size:24px;margin:0}.camera-top button{min-height:44px;padding:8px 13px;margin:0}.camera-view{grid-row:2;position:relative;min-width:0;min-height:0;border-radius:14px;overflow:hidden;background:#25291f}.camera-view video{display:block;width:100%;height:100%;object-fit:contain}.camera-status{grid-row:3;font-size:12px;line-height:1.35;margin:0;color:var(--muted)}.camera-controls{grid-row:4;display:grid;gap:5px}.camera-controls .primary{min-height:50px;margin:0}.camera-controls .link-button{min-height:32px;padding:4px;margin:0;font-size:12px}.analysis-wait{display:flex;gap:14px;align-items:center;padding:18px 0}.analysis-wait strong{font-size:14px}.analysis-message{font-size:14px;min-height:42px;margin:7px 0}.hanger-loading{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;color:var(--olive);background:#e8eddf;border-radius:50%}.hanger-loading svg{width:30px;height:30px}[hidden]{display:none!important}@media(prefers-reduced-motion:no-preference){.hanger-loading svg{animation:percha-swing 1.8s ease-in-out infinite}}@keyframes percha-swing{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}

.analysis-modal-open{overflow:hidden}.analysis-dialog{box-sizing:border-box;width:min(380px,calc(100vw - 36px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--border);border-radius:28px;background:var(--paper);color:#25291f;padding:32px 25px 20px;text-align:center;box-shadow:0 24px 100px #141b2850}.analysis-dialog::backdrop{background:#20271d80;backdrop-filter:blur(5px)}.analysis-dialog h2{font-size:31px;line-height:1.1;margin-bottom:18px}.analysis-dialog .eyebrow{margin:23px 0 10px;letter-spacing:1.5px}.analysis-dialog .analysis-message{color:var(--olive);font-size:15px;min-height:45px;line-height:1.5;margin-bottom:12px}.analysis-dialog .muted{font-size:13px;line-height:1.6}.analysis-dialog .link-button{margin-top:8px}.analysis-orbit{position:relative;display:grid;place-items:center;width:116px;height:116px;margin:2px auto 0;border-radius:50%;background:#e9eddf}.analysis-orbit::before{content:"";position:absolute;inset:-7px;border:1px dashed #a7b58d;border-radius:50%}.analysis-hanger{color:var(--olive)}.analysis-hanger svg{width:68px;height:68px;display:block}@media(prefers-reduced-motion:no-preference){.analysis-hanger{animation:percha-float 2.6s ease-in-out infinite}.analysis-orbit::before{animation:percha-orbit 14s linear infinite}.analysis-dialog[open]{animation:percha-appear .2s ease-out}}@keyframes percha-float{0%,100%{transform:translateY(4px) rotate(-8deg)}50%{transform:translateY(-5px) rotate(7deg)}}@keyframes percha-orbit{to{transform:rotate(360deg)}}@keyframes percha-appear{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}

.analysis-hanger svg{width:84px;height:84px}.analysis-dialog h2{font-size:29px}.percha-eyes{transform-box:fill-box;transform-origin:center}@media(prefers-reduced-motion:no-preference){.percha-eyes{animation:percha-blink 5s ease-in-out infinite}}@keyframes percha-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.12)}}

.wear-review{background:#edf0e34d}.wear-review h2{margin-top:14px}.wear-review>small{display:block;margin-top:13px}.review-answers{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.review-answers button{font-size:13px;padding:12px 8px}.wear-review button[aria-pressed=true]{border-color:var(--olive);background:#e1e8d5;color:#354524}.wear-review .feedback-label{margin-top:18px}.saved-actions{flex-wrap:wrap}

input,select,textarea{font-size:16px}textarea{font-family:inherit;width:100%;max-width:100%;min-height:80px;padding:13px 14px;border-radius:12px;border:1px solid var(--border);background:#fffefb;color:inherit;line-height:1.6;resize:vertical;overflow-y:hidden;box-sizing:border-box}textarea:focus-visible{outline:3px solid #a3b483;outline-offset:3px}.detail-profile{margin-top:25px;padding-top:24px;border-top:1px solid var(--border)}.detail-heading{display:flex;gap:12px;align-items:center;margin-bottom:18px}.detail-profile-icon{display:grid;place-items:center;width:44px;height:44px;background:#edf0e3;border-radius:14px;flex-shrink:0;color:var(--olive)}.detail-profile-icon svg{width:27px;height:27px}.detail-heading .eyebrow{display:block;font-size:9px;margin:0 0 5px;letter-spacing:1.3px}.detail-heading h2{font-size:26px;letter-spacing:-.6px;margin:0}.detail-description{margin:0 0 20px}.detail-description textarea{min-height:120px;background:#f7f7ef;border-color:#e7e8db}.detail-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0 0 20px;gap:0 18px}.detail-overview>div{padding:12px 0;border-bottom:1px solid #e8e5dc;min-width:0}.detail-overview dt{font-size:11px;color:var(--muted);margin-bottom:5px}.detail-overview dd{margin:0;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.detail-palette{margin-bottom:14px}.detail-palette>span{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.detail-palette>div{display:flex;gap:6px;flex-wrap:wrap}.detail-color{font-size:12px;border:1px solid #dfe4d2;border-radius:20px;padding:6px 11px;background:#f0f3e8;color:#4a5934}.detail-empty{font-size:13px;line-height:1.6}.detail-editor{border:1px solid var(--border);border-radius:14px;background:#fff9;overflow:hidden}.detail-editor>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px;font-size:13px;color:var(--olive);font-weight:600;cursor:pointer}.detail-editor>summary::-webkit-details-marker{display:none}.detail-editor>summary span{font-weight:400;font-size:21px;line-height:1}.detail-editor[open]>summary span{transform:rotate(45deg)}.detail-editor>p,.detail-editor>label{margin:0 14px 14px}.detail-editor>p{font-size:12px;line-height:1.6}.detail-group{min-width:0;border:0;border-top:1px solid var(--border);margin:18px 14px 4px;padding:14px 0 0}.detail-group legend{font-size:11px;color:var(--olive);padding:0 8px 0 0}.detail-edit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px}.detail-edit-grid label{min-width:0;margin:0 0 14px;font-size:12px}.detail-edit-grid textarea{min-height:80px}.detail-note{font-size:11px;color:var(--muted);line-height:1.6;margin:14px 0 0}.detail-editor>summary:focus-visible{outline:3px solid #a3b483;outline-offset:-4px}@media(max-width:360px){.detail-edit-grid{grid-template-columns:1fr}.detail-heading h2{font-size:24px}}

.garment-profile-card .detail-profile{margin:0;padding:0;border:0}.garment-summary-name{font-size:25px;line-height:1.25;letter-spacing:-.4px;margin:18px 0 5px;overflow-wrap:anywhere}.garment-basics{margin-bottom:23px}.detail-basic-editor{padding:0 14px 18px;margin-bottom:16px;border-bottom:1px solid var(--border)}.detail-basic-editor>label:first-child{margin-top:0}.detail-basic-editor>small{display:block;margin-top:9px}.detail-profile .detail-description{margin-top:6px}
.detail-edit-grid{align-items:start}.detail-edit-grid label{align-content:start;grid-template-rows:auto auto;row-gap:7px}.detail-edit-grid [data-detail-field="texture"]{grid-column:1/-1}

/* Evitar gestos accidentales de zoom manteniendo el desplazamiento. */
html,body{touch-action:pan-x pan-y}input,select,textarea{font-size:16px}
/* Wardrobe gallery: photo first; secondary actions live in a single menu. */
.product{position:relative;display:flex;flex-direction:column;min-width:0;padding:0;border:0;border-radius:0;background:transparent}.product.demo{background:transparent}.product .product-photo{width:100%;height:150px;min-height:150px;display:block;border:0;border-radius:15px;padding:0;margin:0;background:#eeeee6;overflow:hidden}.product .picture{width:100%;height:150px;margin:0;display:block;object-fit:contain}.product .picture>svg{width:100%;height:100%}.product-info{display:flex;align-items:center;gap:2px;padding:8px 0 0}.product-copy{flex:1;min-width:0}.product h3{font-size:17px;line-height:1.15;margin:0;letter-spacing:-.35px;overflow-wrap:anywhere}.product .product-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%;min-height:24px;max-height:42px;padding:0;margin:0;border:0;border-radius:4px;text-align:left;font:inherit;letter-spacing:inherit;line-height:inherit}.product-meta{display:block;font-size:11px;line-height:1.3;color:var(--muted);margin:3px 0 0}.product .product-more{flex:0 0 44px;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;color:var(--olive)}.product .product-more svg{width:22px;height:22px}.product .favorite-button{position:absolute;z-index:1;display:grid;place-items:center;box-sizing:border-box;inline-size:44px;block-size:44px;min-width:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:50%;background:radial-gradient(circle,#fcfaf5f2 18px,transparent 19px);top:3px;right:3px;box-shadow:none}.product .favorite-button svg{width:20px;height:20px;fill:none;stroke-width:1.7}.product .favorite-button[aria-pressed=true]{background:radial-gradient(circle,#e8eddf 18px,transparent 19px)}.product .favorite-button[aria-pressed=true] svg{fill:currentColor}.product.unavailable{opacity:1}.product.unavailable .picture{opacity:.5}.garment-options-popover{position:fixed;inset:auto;margin:0;z-index:30;box-sizing:border-box;width:min(216px,calc(100vw - 24px));padding:5px;border:1px solid #dddccf;border-radius:15px;background:var(--paper);color:#25291f;box-shadow:0 8px 30px #25301d25;overflow:visible}.garment-options-popover::backdrop{background:transparent;pointer-events:none}.garment-options-popover::before{content:"";position:absolute;width:10px;height:10px;left:calc(var(--menu-arrow) - 5px);background:var(--paper);transform:rotate(45deg);pointer-events:none}.garment-options-popover[data-side=above]::before{bottom:-6px;border-right:1px solid #dddccf;border-bottom:1px solid #dddccf}.garment-options-popover[data-side=below]::before{top:-6px;border-left:1px solid #dddccf;border-top:1px solid #dddccf}.garment-options-popover button{display:flex;width:100%;min-height:44px;padding:10px;gap:10px;border:0;border-radius:9px;text-align:left;justify-content:flex-start;font-size:13px;background:transparent}.garment-options-popover button svg{width:19px;height:19px;flex:0 0 19px;color:var(--olive)}.garment-options-popover button:hover,.garment-options-popover button:focus-visible{background:#eef0e6}.garment-options-popover .garment-option-delete,.garment-options-popover .garment-option-delete svg{color:#a45540}.product .product-more[aria-expanded=true]{background:#e8eddf}



.confirm-modal-open{overflow:hidden}.delete-dialog{width:min(380px,calc(100vw - 36px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--border);border-radius:26px;padding:26px 22px 22px;background:var(--paper);color:#25291f;text-align:center;box-shadow:0 24px 90px #14201455}.delete-dialog::backdrop{background:#20271d80;backdrop-filter:blur(5px)}.delete-symbol{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 16px;border-radius:15px;color:#a4553f;background:#f5e8e0}.delete-symbol svg{width:24px;height:24px}.delete-dialog h2{font-size:29px;line-height:1.12;margin-bottom:18px}.delete-preview{display:grid;place-items:center;background:#f0efe8;border-radius:16px;margin:0 auto 12px;width:110px;height:120px;padding:8px}.delete-preview img,.delete-preview svg{display:block;width:100%;height:104px;object-fit:contain}.delete-garment-name{font-size:16px;font-weight:600;margin:9px 0 12px;overflow-wrap:anywhere}.delete-dialog .muted{font-size:13px;line-height:1.6}.delete-history{font-size:11px;color:var(--muted);line-height:1.5;margin-bottom:20px}.delete-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.delete-dialog-actions button{font-size:14px;padding:12px 8px}.delete-confirm{background:#a4553f;color:white;border-color:#a4553f}@media(prefers-reduced-motion:no-preference){.delete-dialog[open]{animation:percha-appear .18s ease-out}}

/* Alineación óptica del símbolo con las letras, sin la línea base del SVG. */
.brand{line-height:1}.brand #brand-icon{display:flex;align-items:center;flex:0 0 42px;width:42px;height:42px;transform:translateY(2px)}.brand #brand-icon svg{display:block}

/* El foco de navegación se lleva al contenido sin dibujar el contorno del bloque. */
#main:focus{outline:none}
/* Marca compacta: símbolo propio y proporción equilibrada con el nombre. */
.brand{font-size:37px;letter-spacing:-1.6px;gap:9px;line-height:1.05}
.brand #brand-icon{flex:0 0 33px;width:33px;height:33px;transform:translateY(1px)}
.brand #brand-icon svg{width:33px;height:33px;stroke-width:1.45}
.weather .weather-refresh{flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:10px;border-radius:50%;color:var(--olive);background:#f1f3e9}
.weather .weather-refresh svg{width:21px;height:21px}

/* Símbolo y palabra comparten un único lienzo y una única escala. */
.brand{display:block;width:174px;height:53px;line-height:1;letter-spacing:normal}
.brand #brand-icon{display:block;width:174px;height:53px;transform:none}
.brand #brand-icon .brand-lockup{display:block;width:174px;height:53px}
#settings-link{border:1px solid var(--border);border-radius:50%;background:#fff7;color:var(--olive);width:44px;height:44px}
#settings-link svg{width:22px;height:22px;stroke-width:1.7}
.weather-panel{padding:16px 18px 14px;border-radius:22px;background:linear-gradient(135deg,#f8f6e9,#eeeee1);border-color:#e6e5d7;overflow:hidden}
.weather-sunny{background:linear-gradient(125deg,#fff5d9,#f3edda);border-color:#ede2c2}
.weather-cloudy,.weather-rainy{background:linear-gradient(125deg,#edf5f7,#e5edf1);border-color:#d7e4e8}
.weather-snowy{background:linear-gradient(125deg,#f2f7fb,#e8eff7);border-color:#dce5ee}
.weather-stormy,.weather-night{background:linear-gradient(125deg,#eeedf6,#e6e7f0);border-color:#dcdeeb}
.weather-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.weather-place{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;min-width:0;overflow-wrap:anywhere}
.weather-place svg{width:16px;height:16px;flex-shrink:0;color:#666d5a}
.weather-panel .weather-refresh{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:11px;margin:-7px -7px -7px 0;border:1px solid #ffffffb0;border-radius:50%;background:#ffffff80;color:#556248}
.weather-panel .weather-refresh svg{width:20px;height:20px;stroke-width:1.8}
.weather-now{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 13px}
.weather-now>div:first-child{display:flex;gap:14px;align-items:center;min-width:0}
.weather-temperature{font-size:49px;font-weight:400;letter-spacing:-2.8px;line-height:1}
.weather-temperature sup{font-size:32px;vertical-align:top;line-height:1.1}
.weather-condition{font-size:13px;line-height:1.35;margin:0;color:#3f493e}
.weather-condition span{display:block;font-size:11px;color:#677269;margin-top:5px}
.weather-art{flex:0 0 66px}.weather-art svg{display:block;width:66px;height:66px}
.weather-sun{fill:#f4c75d;stroke:#cd9b31}.weather-cloud{fill:#fff;stroke:#819ba7}.weather-rain{stroke:#5d90b3}.weather-lightning{fill:#e6b94f;stroke:#b78b28}.weather-moon{fill:#e6d7a3;stroke:#a89764}
.weather-details{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid #6f816321;padding-top:10px;color:#52604e;font-size:12px}
.weather-details>span{display:flex;align-items:center;gap:6px}.weather-details strong{font-weight:600}.weather-low{color:#5a89a4}.weather-high{color:#b28349}
.weather-empty{display:flex;gap:16px;align-items:center;margin-top:12px}.weather-empty svg{width:62px;height:62px;flex-shrink:0}.weather-empty p{font-size:13px;color:#626e59;margin:0;line-height:1.5}
@media(max-width:360px){.weather-panel{padding:14px}.weather-temperature{font-size:43px}.weather-now>div:first-child{gap:9px}.weather-art{flex-basis:54px}.weather-art svg{width:54px;height:54px}.weather-condition{font-size:12px}}

.photo-check-preview{overflow:hidden;border-radius:18px;height:175px;margin-bottom:22px;background:#ecebe3}.photo-check-preview img{display:block;width:100%;height:100%;object-fit:cover;filter:blur(20px);transform:scale(1.15);user-select:none;pointer-events:none}.photo-check-placeholder{height:110px;border-radius:16px;background:linear-gradient(125deg,#d6d9ca,#edf0e3);filter:blur(6px);margin-bottom:20px}.photo-check-dialog button[hidden]{display:none}img[data-private-photo]:not([src]){background:#efeee7;border-radius:10px}

/* El tiempo acompaña en la cabecera; el detalle se abre solo al tocarlo. */
.header-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}
#weather-shortcut[hidden]{display:none}
.weather-shortcut{display:flex;align-items:center;gap:6px;min-height:44px;max-width:110px;padding:6px 10px;border-radius:15px;border:1px solid #e5e1d1;line-height:1.1;text-align:left}
.weather-shortcut>svg{width:27px;height:27px;flex:0 0 27px}
.weather-shortcut>span{display:block;min-width:0}.weather-shortcut strong{display:block;font-size:16px;font-weight:600;letter-spacing:-.4px}.weather-shortcut small{display:block;font-size:10px;line-height:1.2;margin-top:3px;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#66705a}
.weather-shortcut.weather-neutral strong{font-size:11px;letter-spacing:0;white-space:nowrap}
.weather-modal-open{overflow:hidden}
.weather-popup{box-sizing:border-box;width:min(410px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:20px;border:1px solid var(--border);border-radius:25px;background:var(--paper);color:#25291f;box-shadow:0 22px 80px #20271d30}
.weather-popup::backdrop{background:#20271d65;backdrop-filter:blur(4px)}
.weather-popup-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.weather-popup-heading h2{font-size:27px;margin:0}.weather-popup-close{width:44px;height:44px;min-height:44px;flex-shrink:0;border-radius:50%;padding:0;font-size:27px;line-height:1;color:var(--olive)}
.weather-popup .weather-panel{margin:0}.weather-popup-error{font-size:13px;color:#803f29;line-height:1.5;margin:14px 0 0}
@media(max-width:400px){.brand,.brand #brand-icon,.brand #brand-icon .brand-lockup{width:146px;height:45px}.header-actions{gap:7px}.weather-shortcut{padding:6px 8px;gap:4px;max-width:96px}.weather-shortcut>svg{width:24px;height:24px;flex-basis:24px}}
@media(max-width:340px){header{padding-left:16px;padding-right:16px}.brand,.brand #brand-icon,.brand #brand-icon .brand-lockup{width:130px;height:41px}.header-actions{gap:5px}.weather-shortcut{max-width:88px}.weather-shortcut small{max-width:43px}}

/* Inicio editorial: una selección visual, con las acciones junto a la ropa. */
.home-view{padding-top:6px}.home-intro{position:relative;margin:0 0 25px;padding:7px 0 0}.home-date{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#778164;margin-bottom:14px;display:flex;align-items:center;gap:9px}.home-date::before{content:"";width:20px;height:1px;background:#98a480}
.home-intro h1{font-size:clamp(26px,8.8vw,42px);line-height:1.12;letter-spacing:-1.2px;white-space:nowrap;margin:0 0 13px}.home-intro>p{font-size:14px;line-height:1.5;color:#717668;margin:0}
.home-section-label{font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:600;letter-spacing:1.3px;text-transform:uppercase;color:#7a836c}
.home-plan{margin-bottom:22px}.home-plan>.home-section-label{display:block;margin-bottom:9px}.occasion-switch{overflow:visible;margin:0;padding:4px;background:#efeee6;border:1px solid #e8e5da;border-radius:17px;gap:3px}.occasion-switch button{border:0;min-height:42px;padding:10px 8px;border-radius:12px;font-size:13px;color:#68715a;gap:7px}.occasion-switch button>svg{width:17px;height:17px}.occasion-switch button.selected{background:#53613d;color:#fff;box-shadow:0 3px 8px #3541211c}
.daily-look{border:1px solid #e6e3d7;border-radius:25px;background:#fffdf8;overflow:hidden;box-shadow:0 7px 24px #323c2205;margin:0 0 22px}.look-heading{position:relative;padding:19px 18px 15px}.look-heading .home-section-label{display:block;min-height:17px;padding-right:110px}.look-heading h2{font-size:29px;letter-spacing:-.9px;line-height:1.13;margin:8px 0 0;max-width:320px}.look-origin{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:4px;font-size:10px;line-height:1.3;color:#7c765f;background:#f3efe2;border:1px solid #eee6d5;padding:5px 8px;border-radius:20px}.look-origin svg{width:13px;height:13px;flex-shrink:0}.look-origin.from-percha{color:#52623d;background:#eef2e6;border-color:#e1e7d6}
.look-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:14px;background:linear-gradient(135deg,#eeeee4,#e6e9dd);border-top:1px solid #e4e5d8;border-bottom:1px solid #e1e4d5}.look-piece{position:relative;min-width:0;margin:0;padding:13px 7px 10px;text-align:center;background:#ffffff9c;border:1px solid #ffffffc9;border-radius:15px}.look-piece img,.look-piece>div{display:block;width:100%;height:175px;object-fit:contain;mix-blend-mode:multiply}.look-piece>div svg{width:100%;height:100%}.look-piece figcaption{font-size:11px;line-height:1.4;color:#646e55;margin-top:9px;padding:0 6px;overflow-wrap:anywhere}.look-piece-number{position:absolute;top:9px;left:10px;font-size:9px;letter-spacing:1px;color:#98a18b}.look-count-1{grid-template-columns:1fr;padding:13px 24px}.look-count-1 .look-piece{background:transparent;border:0;padding:7px 0}.look-count-1 .look-piece img,.look-count-1 .look-piece>div{height:218px;max-width:260px;margin:auto}.look-count-1 .look-piece figcaption{font-size:12px}.look-count-1 .look-piece-number{left:-6px;top:4px}.look-count-3 .look-piece:first-child{grid-row:span 2;display:flex;flex-direction:column;justify-content:center}.look-count-3 .look-piece:first-child img,.look-count-3 .look-piece:first-child>div{height:255px}.look-count-3 .look-piece:not(:first-child) img,.look-count-3 .look-piece:not(:first-child)>div{height:112px}
.look-missing{padding:14px 17px 0}.look-missing>p{font-size:11px;color:#7b806f;margin:0 0 8px}.look-missing>div{display:flex;gap:7px;flex-wrap:wrap}.look-missing a{display:flex;align-items:center;gap:6px;text-decoration:none;border:1px dashed #c8cfb8;background:#f7f8f0;border-radius:10px;padding:9px 10px;min-height:44px;color:#6d7959;font-size:11px;flex:1;white-space:nowrap}.look-missing a>svg:first-child{width:18px;height:18px;flex-shrink:0}.look-missing a>svg:last-child{width:12px;height:12px;margin-left:auto}
.look-content{padding:15px 18px 8px}.look-explanation{font-size:13px;line-height:1.65;color:#707564;margin:0 0 16px}.look-actions{display:grid;gap:9px}.look-actions>button,.look-actions>.button{border-radius:13px;font-size:13px;min-height:47px}.look-actions>.primary{box-shadow:0 3px 7px #35412113}.look-secondary{background:#fffdf8;border-color:#d4dcc6;color:#53613d}.look-alternative{display:flex;justify-content:flex-start;border:0;min-height:38px!important;padding:9px 0;color:#62714e;font-size:12px!important}.look-alternative>svg{width:17px;height:17px}.look-alternative>span{margin-left:auto;font-size:10px;background:#eff2e7;border-radius:10px;padding:3px 6px}
.daily-look .feedback{margin:18px 0 6px;padding-top:15px;border-color:#e9e7dd}.daily-look .feedback-label{font-size:12px;margin-bottom:9px}.daily-look .feedback-buttons{gap:8px;margin-bottom:7px}.daily-look .feedback-buttons button{border-radius:12px;font-size:12px;padding:10px 7px;min-height:43px;gap:7px}.feedback-buttons button svg{width:17px;height:17px;flex-shrink:0}.daily-look .feedback small{font-size:10px;line-height:1.5}.look-more{border-top:1px solid #eeece2;margin-top:12px}.look-more summary{font-size:11px;cursor:pointer;color:#868a7d;padding:12px 0;min-height:40px}.look-more .link-button{font-size:11px;padding:9px 0;margin-right:14px;min-height:40px}
.shop-discovery{display:flex;gap:13px;align-items:center;text-decoration:none;padding:18px 15px;background:#ebeedf;border:1px solid #e3e8d3;border-radius:20px;margin:22px 0}.shop-discovery-icon{display:grid;place-items:center;flex:0 0 45px;height:45px;background:#f9faf2;border:1px solid #dce3cc;border-radius:14px;color:#697b4c}.shop-discovery-icon svg{width:24px;height:24px}.shop-discovery>span:nth-child(2){min-width:0}.shop-discovery strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:22px;letter-spacing:-.5px;margin:5px 0 4px;line-height:1.1}.shop-discovery small{display:block;font-size:11px;line-height:1.4;color:#7b856b}.shop-discovery>.icon,.shop-discovery>svg{width:19px;height:19px;flex-shrink:0;margin-left:auto;color:#718357}.shop-discovery .home-section-label{font-size:8px}
@media(max-width:360px){.look-heading{padding:17px 14px 13px}.look-heading h2{font-size:26px}.look-content{padding:14px 14px 6px}.look-origin{right:12px;font-size:9px}.look-count-1 .look-piece img{height:195px}.occasion-switch button{font-size:12px;gap:5px}.look-missing{padding:12px 13px 0}.look-missing a{padding:8px;font-size:10px}.shop-discovery strong{font-size:20px}}
@media(prefers-reduced-motion:no-preference){.daily-look{animation:percha-appear .22s ease-out}.occasion-switch button{transition:background .18s,color .18s,box-shadow .18s}}

.photo-awaiting img{filter:blur(18px)}.photo-check-dialog .photo-check-preview[hidden],.photo-check-dialog .analysis-orbit[hidden]{display:none}

.wardrobe-heading{margin-bottom:16px}.wardrobe-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.wardrobe-title-row h1{flex:1;min-width:0;font-size:clamp(30px,8vw,38px);line-height:1.12;margin:0;letter-spacing:-1px}.wardrobe-tools{display:flex;align-items:center;gap:6px;flex-shrink:0}.wardrobe-tools button,.wardrobe-tools .button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;border-radius:50%}.wardrobe-refresh{color:var(--olive);background:#f1f2e9}.wardrobe-refresh svg{width:20px;height:20px}.wardrobe-add svg{width:23px;height:23px}.wardrobe-heading p{font-size:14px;margin:10px 0 0}