:root{--pink: #ff6fa8;--pink-dark: #d94a86;--lav: #9b7bea;--lav-dark: #7556c9;--mint: #2ab3a6;--mint-dark: #1e8c82;--gold: #f2b53a;--ink: #4b2d55;--card: #fffafc;--line: #f5d6e6}*{box-sizing:border-box}html{font-size:clamp(13px,calc(.5vw + .5vh + 6px),20px)}html,body{margin:0;height:100%;height:100dvh;overflow:hidden;touch-action:manipulation;font-family:"Baloo 2",Comic Sans MS,system-ui,sans-serif;color:var(--ink);background:#ffe6ef;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.hidden{display:none!important}button{font-family:inherit;color:inherit}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;padding:calc(.75rem + env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) calc(.75rem + env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));pointer-events:none}.screen>*{pointer-events:auto}.screen>.char-zone{pointer-events:none}.screen.dim{display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;background:#5a326e59;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;z-index:20;padding-top:calc(4rem + env(safe-area-inset-top))}.screen.dim>.card{margin:auto}.card{background:var(--card);border-radius:1.75rem;padding:1.25rem 1.5rem 1.5rem;width:min(34rem,100%);text-align:center;box-shadow:0 .45rem #f1c6dc,0 1.1rem 2.5rem #5a1e5033;border:4px solid #fff;animation:pop .35s cubic-bezier(.2,1.6,.5,1)}@keyframes pop{0%{transform:scale(.75);opacity:0}to{transform:scale(1);opacity:1}}.logo{font-size:2.6rem;font-weight:800;color:var(--pink);line-height:1;text-shadow:0 3px 0 #fff,0 5px 0 rgba(0,0,0,.06)}.logo span{color:var(--lav)}.tagline{font-size:1.25rem;font-weight:700;color:var(--mint-dark);margin:.35rem 0 1rem}.ribbon{display:inline-block;background:var(--pink);color:#fff;font-weight:800;padding:.2rem 1.1rem;border-radius:999px;margin:.2rem 0 .6rem;font-size:1.1rem;box-shadow:0 3px 0 var(--pink-dark)}h1,h2,h3{margin:.35rem 0}h1{font-size:2.1rem;color:var(--pink)}h3{margin-top:.9rem;font-size:1.1rem}.sub{margin:0 0 .75rem;opacity:.8;line-height:1.35}.row{display:flex;gap:.6rem;justify-content:center;margin-top:.7rem;flex-wrap:wrap}.menu{display:flex;flex-direction:column;gap:.7rem;align-items:stretch}.menu .btn.big{width:100%}.btn{font-weight:800;font-size:1.15rem;cursor:pointer;border:none;border-radius:1.1rem;padding:.6rem 1.3rem;color:#fff;background:var(--mint);box-shadow:0 .3rem 0 var(--mint-dark);transition:transform .08s,box-shadow .08s}.btn:hover{filter:brightness(1.07)}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--mint-dark)}.btn.big{font-size:1.45rem;padding:.7rem 2rem}.btn.small{font-size:.98rem;padding:.45rem .9rem}.btn.pink{background:var(--pink);box-shadow:0 .3rem 0 var(--pink-dark)}.btn.alt{background:var(--lav);box-shadow:0 .3rem 0 var(--lav-dark)}.btn.danger{background:#e86a6a;box-shadow:0 .3rem #b94c4c}.icon-btn{font-size:1.3rem;width:2.8rem;height:2.8rem;border-radius:50%;border:3px solid #fff;flex:none;background:#ffffffe6;cursor:pointer;box-shadow:0 3px #0000001a;padding:0}#corner{position:fixed;top:calc(.75rem + env(safe-area-inset-top));right:max(.75rem,env(safe-area-inset-right));display:flex;gap:.5rem;z-index:40;align-items:center}.pill{display:flex;align-items:center;gap:.3rem;background:#fff;border-radius:999px;height:2.8rem;padding:0 .9rem 0 .7rem;font-size:1.2rem;box-shadow:0 3px #0000001a}.pill b{font-weight:800}.pill small{opacity:.55;font-size:.85rem}.pill.bump{animation:bump .5s}@keyframes bump{50%{transform:scale(1.3)}}.title-screen{display:grid;grid-template-columns:minmax(22rem,30rem) 1fr;gap:1rem;align-items:center;padding-left:4vw}.title-card{width:100%}.reminder{background:#fff1f7;border:2px dashed #f7bcd6;border-radius:1.1rem;padding:.6rem .9rem;margin:.9rem 0 .4rem}.reminder .rem-head{font-weight:800;color:var(--lav-dark)}.reminder blockquote{margin:.2rem 0;font-size:1.2rem;font-weight:700;line-height:1.3}.reminder blockquote:before{content:"“";color:var(--pink)}.reminder blockquote:after{content:"”";color:var(--pink)}.reminder.small blockquote{font-size:1.05rem}.reminder .source{font-size:.9rem;opacity:.7}.reminder .meaning{margin:.35rem 0 0;font-size:1rem;line-height:1.35}.list-card{width:min(46rem,100%)}.challenge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.7rem;margin-bottom:.9rem}.ch-card{cursor:pointer;background:#fff;border:3px solid var(--line);border-radius:1.2rem;padding:.7rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.1rem;box-shadow:0 .3rem 0 var(--line);transition:transform .08s}.ch-card:hover{border-color:var(--pink)}.ch-card:active{transform:translateY(3px)}.ch-card .ico{font-size:2.3rem;line-height:1.1}.ch-card b{font-size:1.1rem}.ch-card .st{font-size:1.1rem;letter-spacing:.1rem}.ch-card .st .off{filter:grayscale(1);opacity:.3}.look-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.7rem;margin-bottom:.9rem}.look{background:#fff;border:3px solid var(--line);border-radius:1.1rem;padding:.4rem;display:flex;flex-direction:column;gap:.2rem}.look img{width:100%;aspect-ratio:200 / 260;object-fit:contain;background:linear-gradient(#ffe6ef,#fff7fb);border-radius:.8rem}.look b{font-size:.95rem;line-height:1.15}.look small{opacity:.6;font-size:.8rem}.look .row{margin-top:.2rem;gap:.3rem}.look .btn{font-size:.9rem;padding:.3rem .7rem}.empty{opacity:.75;font-size:1.1rem}.seg{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap}.seg button{cursor:pointer;border:3px solid var(--line);background:#fff;border-radius:1rem;padding:.45rem .8rem;font-size:1.02rem;font-weight:700}.seg button.on{border-color:var(--pink);background:#ffe3ef}.dresser{display:grid;gap:.6rem;grid-template-columns:minmax(19rem,25rem) 1fr minmax(14rem,18rem);grid-template-rows:auto 1fr auto;grid-template-areas:"top top top" "ward zone side" "ward act side"}.d-top{grid-area:top;display:flex;align-items:center;gap:.6rem;padding-right:10.5rem;min-height:2.8rem}.d-title{background:#fff;border-radius:999px;padding:.25rem 1.1rem;font-size:1.2rem;box-shadow:0 3px #00000014;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.chips{display:none}.char-zone{position:relative;min-height:0}.dresser .char-zone{grid-area:zone}.title-screen .char-zone{height:100%}.drag-hint{position:absolute;bottom:.3rem;left:50%;transform:translate(-50%);white-space:nowrap;background:#ffffffd9;border-radius:999px;padding:.15rem .8rem;font-size:.9rem;font-weight:700;transition:opacity .6s;pointer-events:none}.drag-hint.gone{opacity:0}.panel{background:#fffafcf0;border:3px solid #fff;border-radius:1.4rem;min-height:0;box-shadow:0 .35rem #f1c6dc,0 .8rem 1.6rem #5a1e5026}.wardrobe{grid-area:ward;display:flex;flex-direction:column;padding:.6rem;gap:.5rem;overflow:hidden}.side{grid-area:side;padding:.9rem;overflow-y:auto;align-self:start;max-height:100%}.small-only{display:none}.tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:.3rem;flex:none}.tab{cursor:pointer;border:2px solid transparent;background:#fff;border-radius:.9rem;padding:.2rem .1rem;display:flex;flex-direction:column;align-items:center;font-size:.75rem;font-weight:700;line-height:1.1;box-shadow:0 2px 0 var(--line)}.tab span{font-size:1.35rem;line-height:1.2}.tab.on{border-color:var(--pink);background:#ffe3ef}.note{background:#fff4c7;border-radius:.8rem;padding:.35rem .6rem;font-size:.9rem;line-height:1.25;flex:none}.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.3rem,1fr));gap:.45rem;overflow-y:auto;flex:1 1 auto;min-height:5rem;padding:.15rem;align-content:start}.item{position:relative;cursor:pointer;background:#fff;border:3px solid var(--line);border-radius:1rem;padding:.35rem .2rem .3rem;display:flex;flex-direction:column;align-items:center;gap:.05rem;font-size:.85rem;font-weight:700;line-height:1.1;min-height:5.2rem;justify-content:center;text-align:center}.item .ico{font-size:1.9rem;line-height:1.15}.item .dot{position:absolute;top:.3rem;right:.3rem;width:.8rem;height:.8rem;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #00000026}.item.on{border-color:var(--pink);background:#ffe3ef;box-shadow:0 0 0 3px #ff6fa840}.item.locked{opacity:.55;filter:grayscale(.7)}.item .lock{position:absolute;top:.2rem;left:.25rem;font-size:.7rem;background:#fff;border-radius:999px;padding:0 .3rem;box-shadow:0 0 0 1px var(--line)}.item.swatch-item .ico{width:2.3rem;height:2.3rem;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #0000001f}.items .group-label{grid-column:1 / -1;font-weight:800;margin-top:.2rem}.custom{flex:none;display:flex;flex-direction:column;gap:.3rem;border-top:2px dashed var(--line);padding-top:.4rem}.crow{display:flex;align-items:center;gap:.4rem;min-width:0}.clabel{font-weight:800;font-size:.85rem;width:3.6rem;flex:none}.swatches{display:flex;flex-wrap:wrap;gap:.25rem;min-width:0}.sw{cursor:pointer;width:1.7rem;height:1.7rem;border-radius:50%;border:3px solid #fff;padding:0;flex:none;box-shadow:0 0 0 1px #00000026;background-size:cover}.sw.on{box-shadow:0 0 0 3px var(--pink);transform:scale(1.12)}.sw.pat{border-radius:.5rem;width:2.1rem}.actions{grid-area:act;display:flex;justify-content:center;gap:.45rem;flex-wrap:nowrap;align-self:end}.act{cursor:pointer;border:3px solid #fff;background:#fffffff2;border-radius:1.1rem;min-width:4.1rem;padding:.25rem .5rem;display:flex;flex-direction:column;align-items:center;box-shadow:0 .25rem 0 var(--line);font-weight:800}.act span{font-size:1.45rem;line-height:1.15}.act small{font-size:.78rem}.act:active{transform:translateY(3px)}.act.done{background:var(--mint);color:#fff;box-shadow:0 .25rem 0 var(--mint-dark);min-width:5.5rem}.act.done.ready{animation:wiggle 1.2s infinite}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg) scale(1.05)}75%{transform:rotate(4deg) scale(1.05)}}.brief h2{font-size:1.35rem;color:var(--pink);margin:0 0 .2rem}.brief p{margin:0 0 .6rem;line-height:1.35}.goal-list{list-style:none;padding:0;margin:.3rem 0;text-align:left;display:flex;flex-direction:column;gap:.35rem}.goal-list li{display:flex;gap:.5rem;align-items:flex-start;background:#fff;border-radius:.8rem;padding:.35rem .6rem;border:2px solid var(--line);line-height:1.25}.goal-list li .ck{flex:none;width:1.5rem;height:1.5rem;border-radius:50%;background:#f3e6ee;display:grid;place-items:center;font-size:.95rem}.goal-list li.met{border-color:#9be3c9;background:#effcf6}.goal-list li.met .ck{background:var(--mint);color:#fff}.goal-list li small{display:block;opacity:.75}.result-card{width:min(34rem,100%)}.stars{font-size:2.6rem;letter-spacing:.3rem;margin:.1rem 0 .3rem}.stars span{display:inline-block;animation:starIn .5s cubic-bezier(.2,1.8,.5,1) backwards}.stars .off{filter:grayscale(1);opacity:.25}@keyframes starIn{0%{transform:scale(0) rotate(-90deg)}to{transform:scale(1) rotate(0)}}.unlocks{background:#fff4c7;border-radius:1rem;padding:.5rem .8rem;margin-top:.6rem;font-weight:700}#toast{position:fixed;left:50%;top:calc(4rem + env(safe-area-inset-top));transform:translate(-50%);z-index:60;background:#fff;border-radius:1.2rem;padding:.55rem 1.1rem;font-weight:700;font-size:1.05rem;box-shadow:0 .35rem #f1c6dc,0 .8rem 1.8rem #5a1e5033;max-width:min(30rem,92vw);text-align:center;animation:pop .3s cubic-bezier(.2,1.6,.5,1);pointer-events:none}#flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;z-index:70;transition:opacity .5s}#flash.on{opacity:.9;transition:none}@media(max-width:820px),(orientation:portrait){.title-screen{grid-template-columns:1fr;grid-template-rows:1fr auto;padding-left:max(.75rem,env(safe-area-inset-left));padding-top:calc(3.8rem + env(safe-area-inset-top))}.title-screen .char-zone{grid-row:1}.title-card{grid-row:2;padding:.9rem 1.1rem 1.1rem}.logo{font-size:2.1rem}.tagline{margin-bottom:.6rem}.title-card .reminder{margin-top:.6rem}.btn.big{font-size:1.25rem;padding:.55rem 1.5rem}.dresser{grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"top" "chips" "zone" "act" "ward";gap:.4rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}.side{display:none}.small-only{display:inline-block}.d-top{padding-right:9.2rem;gap:.4rem}.d-title{font-size:1rem;padding:.25rem .8rem}.chips{grid-area:chips;display:flex;gap:.3rem;justify-content:center;flex-wrap:wrap}.chips:empty{display:none}.chip{background:#fff;border:2px solid var(--line);border-radius:999px;padding:.05rem .6rem;font-size:.85rem;font-weight:700;cursor:pointer}.chip.met{background:#effcf6;border-color:#9be3c9}.wardrobe{max-height:50dvh;padding:.45rem;gap:.35rem;border-radius:1.2rem}.tabs{display:flex;overflow-x:auto;gap:.3rem;padding-bottom:.15rem;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;min-width:3.9rem}.items{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:5.4rem;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;flex:none;min-height:0;gap:.35rem;padding-bottom:.2rem}.item{min-height:4.6rem}.items .group-label{display:none}.custom{overflow-y:auto;flex:1 1 auto;min-height:0}.swatches{flex-wrap:nowrap;overflow-x:auto;padding:.25rem .2rem;scrollbar-width:none}.swatches::-webkit-scrollbar{display:none}.clabel{width:3.2rem;font-size:.8rem}.actions{gap:.3rem}.act{min-width:0;flex:1;padding:.15rem .2rem;border-radius:.9rem}.act span{font-size:1.2rem}.act small{font-size:.72rem}.act.done{min-width:0;flex:1.3}.screen.dim{padding-top:calc(3.9rem + env(safe-area-inset-top))}.card{padding:1rem 1rem 1.2rem}.challenge-grid{grid-template-columns:1fr 1fr;gap:.5rem}.ch-card{padding:.5rem .3rem}.ch-card .ico{font-size:1.9rem}.ch-card b{font-size:.98rem}.look-grid{grid-template-columns:1fr 1fr}}