:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--pink:#ff4fa3;--pink-deep:#e0237f;--pink-soft:#ffd3e8;--pink-mist:#fff0f7;--blush:#ffe4f1;--lilac:#f3e6ff;--ink:#4a1d3a;--ink-soft:#8a5576;--white:#fff;--danger:#d6336c;--radius:18px;--shadow:0 6px 20px #e0237f24;--safe-bottom:env(safe-area-inset-bottom,0px);--font:"Fredoka", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;--script:"Pacifico", "Brush Script MT", cursive}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--pink-mist);color:var(--ink);font-family:var(--font);margin:0;font-size:16px;line-height:1.4}body{background:radial-gradient(circle at 10% -10%, #ffd9ec 0, transparent 40%), radial-gradient(circle at 110% 10%, var(--lilac) 0, transparent 35%), var(--pink-mist);min-height:100dvh}body.no-scroll{overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{margin:0;font-weight:600}.app{max-width:560px;min-height:100dvh;padding-bottom:calc(84px + var(--safe-bottom));margin:0 auto}.topbar{padding:calc(10px + env(safe-area-inset-top,0px)) 16px 4px;justify-content:space-between;align-items:center;display:flex}.brand{font-family:var(--script);color:var(--pink-deep);text-align:center;font-size:30px;font-weight:400}.brand.small{font-size:20px}.page{padding:8px 16px 24px}.page-head{justify-content:space-between;align-items:flex-end;gap:12px;margin:6px 0 14px;display:flex}.page-head h1{font-size:28px}.eyebrow{color:var(--ink-soft);margin:0;font-size:14px}.section-title{margin:28px 0 10px;font-size:20px}.row{gap:10px;margin-top:12px;display:flex}.row>*{flex:1}.center{text-align:center}.tabbar{width:100%;max-width:560px;padding:8px 8px calc(8px + var(--safe-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--pink-soft);z-index:50;background:#ffffffeb;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar button{color:var(--ink-soft);background:0 0;border:0;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;font-size:12px;display:flex}.tabbar button.on{color:var(--pink-deep);background:var(--blush);font-weight:600}.tab-icon{font-size:22px}.btn{border:0;border-radius:999px;padding:13px 20px;font-size:16px;font-weight:600;transition:transform 80ms,opacity .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:linear-gradient(135deg, var(--pink), var(--pink-deep));color:var(--white);box-shadow:var(--shadow)}.btn.ghost{background:var(--white);color:var(--pink-deep);border:2px solid var(--pink-soft)}.btn.danger{color:var(--danger)}.btn.small{padding:8px 14px;font-size:14px}.link{color:var(--ink-soft);background:0 0;border:0;font-size:14px;text-decoration:underline}.icon-btn{background:var(--blush);width:34px;height:34px;color:var(--pink-deep);border:0;border-radius:50%}label{flex-direction:column;gap:6px;margin-bottom:14px;font-size:15px;font-weight:500;display:flex}input:not([type=checkbox]),select,textarea{border:2px solid var(--pink-soft);background:var(--white);border-radius:14px;outline:none;width:100%;padding:12px 14px;font-size:16px}input:focus,select:focus,textarea:focus{border-color:var(--pink)}textarea{resize:vertical}fieldset{border:0;margin:0 0 14px;padding:0}legend{margin-bottom:8px;font-size:15px;font-weight:500}.optional{color:var(--ink-soft);font-size:13px;font-weight:400}.toggle{background:var(--white);border:2px solid var(--pink-soft);border-radius:14px;flex-direction:row;align-items:center;gap:10px;padding:12px 14px}.toggle input{width:20px;height:20px;accent-color:var(--pink)}.hint{color:var(--ink-soft);margin:4px 0 12px;font-size:13px}.error{color:var(--danger);background:#ffe3ec;border-radius:12px;padding:10px 12px;font-size:14px}.title-input{margin-bottom:12px;font-weight:600;font-size:20px!important}.chips{scrollbar-width:none;gap:8px;margin:0 -16px 6px;padding:2px 16px 10px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:2px solid var(--pink-soft);background:var(--white);white-space:nowrap;border-radius:999px;flex:none;padding:7px 13px;font-size:14px}.chip.on{background:var(--pink);border-color:var(--pink);color:var(--white);font-weight:600}.checker{object-fit:contain;background-color:#fff;background-image:linear-gradient(45deg,#fdeef6 25%,#0000 25%),linear-gradient(-45deg,#fdeef6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#fdeef6 75%),linear-gradient(-45deg,#0000 75%,#fdeef6 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);text-align:left;border:0;flex-direction:column;gap:6px;padding:8px;display:flex;position:relative}.card img{aspect-ratio:1;border-radius:12px;width:100%}.card-name{text-overflow:ellipsis;white-space:nowrap;padding:0 4px 2px;font-size:14px;font-weight:500;overflow:hidden}.card-slot{background:#ffffffe6;border-radius:50%;place-items:center;width:30px;height:30px;font-size:16px;display:grid;position:absolute;top:12px;right:12px}.sheet-backdrop{z-index:100;background:#4a1d3a59;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}.sheet{background:var(--pink-mist);border-radius:26px 26px 0 0;flex-direction:column;width:100%;max-width:560px;max-height:92dvh;animation:.22s rise;display:flex}.sheet-handle{background:var(--pink-soft);border-radius:3px;width:44px;height:5px;margin:10px auto 0}.sheet-head{justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;display:flex}.sheet-head h2{font-size:20px}.sheet-body{padding:4px 18px calc(24px + var(--safe-bottom));overflow-y:auto}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}@keyframes fade{0%{opacity:0}}.photo-drop{aspect-ratio:1;border:3px dashed var(--pink-soft);border-radius:var(--radius);background:var(--white);width:100%;max-height:340px;color:var(--ink-soft);place-items:center;margin-bottom:12px;padding:0;font-size:17px;line-height:2;display:grid;overflow:hidden}.photo-drop.has-photo{border-style:solid}.photo-drop img{width:100%;height:100%}.progress{flex-direction:column;align-items:center;gap:8px;padding:16px;font-size:14px;line-height:1.3;display:flex}.progress p{margin:0}.bar{background:var(--blush);border-radius:4px;width:180px;height:8px;overflow:hidden}.bar span{background:var(--pink);height:100%;transition:width .2s;display:block}.slot-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.slot-btn{border:2px solid var(--pink-soft);background:var(--white);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;font-size:13px;display:flex}.slot-btn span{font-size:22px}.slot-btn.on{border-color:var(--pink);background:var(--blush);font-weight:600}.item-detail .big{border-radius:var(--radius);width:100%;max-height:320px;margin-bottom:14px}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--blush);color:var(--pink-deep);border-radius:999px;padding:4px 10px;font-size:13px}.stage{aspect-ratio:1/2;background:linear-gradient(180deg, #fff 0%, var(--blush) 100%);touch-action:none;width:100%;max-height:62dvh;box-shadow:inset 0 0 0 2px var(--pink-soft);border-radius:24px;margin:0 auto;position:relative;overflow:hidden}.stage-small{box-shadow:inset 0 0 0 1px var(--pink-soft);pointer-events:none;border-radius:14px}.doll{width:100%;height:94%;position:absolute;inset:3% 0}.doll-body{fill:#ffe0ee;stroke:#ffb8d9;stroke-width:1.5px}.doll-limbs{fill:none;stroke:#ffe0ee;stroke-width:15px;stroke-linecap:round;stroke-linejoin:round}.piece{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 3px 6px #4a1d3a26);height:auto;position:absolute}.stage-edit .piece{cursor:grab}.piece.selected{outline:2px dashed var(--pink);outline-offset:3px;border-radius:6px}.studio{grid-template-columns:1fr 52px;align-items:start;gap:10px;display:grid}.studio .stage{aspect-ratio:1/1.7}.tools{flex-direction:column;gap:8px;display:flex;position:sticky;top:12px}.tools button{border:2px solid var(--pink-soft);background:var(--white);width:52px;height:46px;color:var(--pink-deep);border-radius:14px;font-size:20px}.tools button:disabled{opacity:.35}.drawer{scrollbar-width:none;gap:10px;margin:0 -16px;padding:4px 16px 12px;display:flex;overflow-x:auto}.drawer-item{background:var(--white);width:86px;height:86px;box-shadow:var(--shadow);border:3px solid #0000;border-radius:16px;flex:none;padding:4px}.drawer-item img{border-radius:10px;width:100%;height:100%}.drawer-item.on{border-color:var(--pink)}.notes{margin-top:8px}.looks{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.look{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:3px solid #0000;padding:8px}.look.on{border-color:var(--pink)}.look-open{background:0 0;border:0;flex-direction:column;gap:6px;width:100%;padding:0;font-size:14px;font-weight:500;display:flex}.look-open .stage{aspect-ratio:1/1.6}.look-actions{justify-content:space-around;margin-top:6px;display:flex}.look-actions button{background:var(--blush);border:0;border-radius:10px;padding:6px 12px}.look-card{background:var(--white);box-shadow:var(--shadow);border-radius:24px;grid-template-columns:minmax(0,1fr);gap:14px;padding:14px;display:grid}.look-card .stage{max-width:270px}.look-card.compact{border-radius:18px;grid-template-columns:96px 1fr;align-items:center;padding:10px}.look-info h3{margin-bottom:6px;font-size:20px}.compact .look-info h3{font-size:16px}.note{background:var(--pink-mist);border-radius:12px;margin:8px 0 0;padding:8px 10px;font-size:14px}.badge{color:#1d7a4a;background:#e5fbef;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-block}.badge.soft{background:var(--lilac);color:#7a3fb0}.piece-list{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.piece-list li{align-items:center;gap:10px;font-size:15px;display:flex}.piece-list img{border-radius:10px;width:40px;height:40px}.worn-photo{border-radius:16px;width:100%;margin-top:10px}.worn-actions{gap:10px;margin-top:14px;display:grid}.hidden-look{text-align:center;background:linear-gradient(135deg, var(--lilac), var(--blush));padding:26px 14px;display:block}.hidden-look p{margin:6px 0 0;font-weight:500}.compact.hidden-look,.days .hidden-look{padding:16px}.gift{font-size:40px}.days{gap:12px;margin:0;padding:0;list-style:none;display:grid}.day-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.day-head .btn{margin-left:auto}.day-label{font-weight:600}.empty-day{border-bottom:1px dashed var(--pink-soft);justify-content:space-between;align-items:center;padding:10px 4px;display:flex}.empty-day .hint{margin:0}.empty{text-align:center;color:var(--ink-soft);padding:40px 16px}.empty h3{color:var(--ink);margin:8px 0 6px}.empty-emoji{font-size:48px}.spinner-wrap{color:var(--ink-soft);flex-direction:column;align-items:center;padding:40px 0;display:flex}.spinner{border:4px solid var(--pink-soft);border-top-color:var(--pink);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.boot{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100dvh;padding:24px;display:flex}.toast{left:50%;bottom:calc(96px + var(--safe-bottom));background:var(--ink);color:var(--white);box-shadow:var(--shadow);z-index:200;text-align:center;border-radius:999px;max-width:calc(100% - 32px);padding:12px 18px;font-size:15px;animation:.2s rise;position:fixed;transform:translate(-50%)}.toast-error{background:var(--danger)}.demo-bar{background:var(--ink);color:var(--white);padding:calc(6px + env(safe-area-inset-top,0px)) 12px 6px;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.demo-bar span{flex:1;min-width:140px}.demo-bar select{width:auto;color:var(--ink);border:0;border-radius:8px;padding:4px 8px;font-size:13px}.demo-bar button{color:var(--white);background:#ffffff26;border:0;border-radius:8px;padding:4px 10px;font-size:13px}.login{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.login-card{background:var(--white);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:28px;padding:28px 22px}.login-logo{border-radius:20px;width:72px;height:72px;margin:0 auto 6px;display:block}.login .brand{margin-bottom:20px}.login .btn{width:100%;margin-top:4px}.lead{margin-top:0}.form .btn,.upload .btn.primary{width:100%}.armed{background:var(--danger)!important;color:var(--white)!important;border-color:var(--danger)!important}.copy-row{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:14px;display:flex}.secret{overflow-wrap:anywhere;background:var(--pink-mist);border:2px dashed var(--pink-soft);letter-spacing:.04em;border-radius:12px;flex:1;min-width:0;padding:10px;font-size:14px}.btn.wide{text-align:center;width:100%;margin-bottom:4px;text-decoration:none;display:block}.head-actions{gap:8px;display:flex}.size-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;display:grid}.card-size{color:var(--pink-deep);background:#ffffffeb;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;position:absolute;top:12px;left:12px}