:root{--sheet-peek:132px;--font:"IBM Plex Sans Arabic", system-ui, "Segoe UI", Tahoma, sans-serif}body{font-family:var(--font)}#opening{transition:opacity .9s var(--ease), visibility .9s;z-index:20;text-align:center;background:radial-gradient(120% 80% at 50% 35%,#fff7fb 0%,#fbe1ec 55%,#f3c6da 100%);place-content:center;justify-items:center;gap:10px;padding:24px;display:grid;position:fixed;inset:0}#opening.gone{opacity:0;visibility:hidden}#opening .glow{filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#f48fb859,#0000 70%);border-radius:50%;width:60vmin;height:60vmin;animation:6s ease-in-out infinite breathe;position:absolute;top:18%}#opening .hello{color:var(--brown);letter-spacing:.5px;opacity:0;animation:rise 1.2s .2s var(--ease) forwards;margin:0;font-size:clamp(30px,8vw,46px)}#opening .sub{color:#9a5d80;opacity:0;animation:rise 1.2s .6s var(--ease) forwards;margin:0 0 22px}.cta{background:var(--terracotta);color:#fff;min-height:48px;font:inherit;cursor:pointer;transition:transform .2s var(--ease), opacity .2s;background:linear-gradient(135deg,#f48fb8,#e0578f);border:0;border-radius:24px;padding:0 30px;font-size:17px;box-shadow:0 6px 22px #e0578f61}.cta:active{transform:scale(.97)}.cta[disabled]{opacity:.55;cursor:default}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes breathe{50%{opacity:.8;transform:scale(1.06)}}.app-top{z-index:5}.row-btns{gap:6px;display:flex}.atmos{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin-bottom:8px;display:grid}.atmos button{min-height:76px;font:inherit;color:var(--brown);box-shadow:var(--shadow);border:2px solid #0000;border-radius:16px;place-items:end center;padding-bottom:8px;font-size:14px;display:grid}.atmos button.on{border-color:var(--terracotta)}.atmos button.dark{color:#fff}.time-lbl{color:#8a776a;font-size:12px}body.photo-mode .app-top,body.photo-mode .cams,body.photo-mode .closet,body.photo-mode .panel{display:none!important}.photo{z-index:9;pointer-events:none;padding:max(12px, env(safe-area-inset-top)) 0 max(14px, env(safe-area-inset-bottom));flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.photo>*{pointer-events:auto}.photo-top{justify-content:space-between;padding:0 12px;display:flex}.photo-bottom{justify-items:center;gap:10px;display:grid}.photo .strip button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:36px;font:inherit;color:var(--brown);background:#ffffffbf;border:0;border-radius:18px;flex:none;padding:0 14px;font-size:13px}.photo .strip button.on{background:var(--brown);color:#fff}.shutter{background:var(--terracotta);cursor:pointer;border:5px solid #fff;border-radius:50%;width:68px;height:68px;box-shadow:0 4px 18px #00000040}.shutter:active{transform:scale(.94)}#view.f-warm{filter:sepia(.18)saturate(1.12)brightness(1.03)}#view.f-soft{filter:contrast(.92)brightness(1.06)saturate(.95)}#view.f-mono{filter:grayscale()contrast(1.05)}#view.f-evening{filter:sepia(.25)hue-rotate(-12deg)saturate(1.2)brightness(.95)}.pill.accent{background:var(--terracotta);color:#fff}.pill.icon{min-width:44px;padding:0;font-size:18px}.cams{bottom:max(12px, env(safe-area-inset-bottom));z-index:5;gap:6px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.chip-s{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:36px;font:inherit;color:var(--brown);box-shadow:var(--shadow);background:#ffffffb3;border:0;border-radius:18px;padding:0 12px;font-size:13px}.chip-s.on{background:var(--brown);color:#fff}.rail{z-index:6;top:calc(max(12px, env(safe-area-inset-top)) + 58px);bottom:calc(max(12px, env(safe-area-inset-bottom)) + 54px);scrollbar-width:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#fff4f9db,#fce2eecc);border:1.5px solid #ffffffe6;border-radius:26px;flex-direction:column;gap:10px;padding:10px 7px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 10px 30px #c2477d2e}.rail::-webkit-scrollbar{display:none}.cats{align-items:center;width:62px;inset-inline-start:10px}.items{width:92px;inset-inline-end:10px}.cat{width:54px;min-height:62px;color:var(--pink-deep);box-shadow:var(--shadow);transition:transform .2s var(--ease), background .25s, color .25s;font:inherit;background:#fff;border:0;border-radius:18px;place-items:center;gap:2px;padding:6px 0 5px;font-size:10.5px;display:grid}.cat svg{width:30px;height:30px}.cat.on{color:#fff;background:linear-gradient(145deg,#f8a5c8,#e0578f);box-shadow:0 6px 18px #e0578f73}.cat:active,.card:active{transform:scale(.95)}.rail-title{text-align:center;color:var(--pink-deep);margin:0 0 2px;font-size:13px;font-weight:600}.cards{flex-direction:column;gap:10px;display:flex}.card{font:inherit;color:var(--brown);box-shadow:var(--shadow);transition:transform .2s var(--ease), border-color .2s, box-shadow .2s;background:#fff;border:2px solid #0000;border-radius:20px;justify-items:center;gap:4px;padding:6px 5px 7px;display:grid;position:relative}.card .pic{background:radial-gradient(circle at 50% 40%,#fff 0%,#fde7f0 70%,#f9d3e3 100%);border-radius:16px;place-items:center;width:68px;height:68px;display:grid}.card .pic svg{filter:drop-shadow(0 2px 2px #4a234026);width:54px;height:54px}.card .nm{text-align:center;max-width:78px;font-size:11.5px;line-height:1.25}.card.on{border-color:var(--terracotta);box-shadow:0 0 0 3px #f48fb859,0 6px 18px #e0578f4d}.card.on:after{content:"✓";top:4px;background:var(--terracotta);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;display:grid;position:absolute;inset-inline-end:4px}.panel{inset-inline:12px;top:calc(max(12px, env(safe-area-inset-top)) + 54px);z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff6faf7;border-radius:22px;max-height:70vh;padding:14px;position:fixed;overflow-y:auto;box-shadow:0 10px 40px #c2477d33}.panel.small{max-width:380px;margin-inline:auto}.panel-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.panel h2{margin:0;font-size:18px;font-weight:600}.x{min-width:44px;min-height:44px;color:var(--brown);background:0 0;border:0;font-size:26px}.looks{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.look{box-shadow:var(--shadow);background:#fff;border-radius:16px;display:grid;overflow:hidden}.look img{aspect-ratio:1;object-fit:cover;background:#efe4d4;width:100%}.look .meta{justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;font-size:13px;display:flex}.look .meta button{color:#8a776a;background:0 0;border:0;min-width:36px;min-height:36px;font-size:16px}.empty{color:#8a776a;text-align:center;padding:18px 6px}#save-thumb{object-fit:cover;border-radius:16px;width:140px;height:140px;margin:0 auto 10px;display:block}#save-name{box-sizing:border-box;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #e3d6c4;border-radius:12px;margin-bottom:10px;padding:0 12px}#save-panel .cta{width:100%}.row{border-bottom:1px solid #efe4d4;justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.row select,.row input[type=range]{min-height:36px;font:inherit}#toast{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 62px);background:var(--brown);color:#fff;z-index:12;border-radius:20px;width:max-content;max-width:80vw;margin:auto;padding:10px 18px;font-size:14px;position:fixed;inset-inline:0}