:root{color-scheme:dark;--bg:#211d28;--panel:#2d2633;--pink:#f4aecb;--muted:#b8aabb;--line:#ffffff1b;--mint:#a4dac5;--nav:76px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:#faf3f8;font:14px -apple-system,BlinkMacSystemFont,'Hiragino Sans',sans-serif;overscroll-behavior-y:none}button,input,select{font:inherit}button{color:inherit;border:1px solid var(--line);background:#ffffff09;border-radius:12px;min-height:44px;padding:11px 15px;cursor:pointer;touch-action:manipulation}button:active{transform:scale(.98)}button:focus-visible{outline:3px solid var(--pink);outline-offset:3px}button:disabled{opacity:.45;cursor:default}.primary{background:var(--pink);color:#3d2734;font-weight:650;border:0}.danger{color:#ffb8c6}.small{font-size:11px;min-height:38px;padding:7px 10px}.wide{width:100%}.stack{display:grid;gap:12px;margin-top:18px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.split{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:12px 0;font-size:12px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:8px;font-size:12px;color:#d7cad9}input,select{width:100%;min-width:0;min-height:46px;padding:12px;border-radius:10px;background:#1e1923;color:#fff;border:1px solid #ffffff30;font-size:16px}input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--pink)}input:focus,select:focus{outline:2px solid var(--pink)}h1{font-size:22px;font-weight:600}h2{font-size:17px;margin:0 0 16px}p{line-height:1.8}small,.note{font-size:11px;color:var(--muted);line-height:1.7}.note{margin:14px 0}.big{font-size:34px;font-variant-numeric:tabular-nums;margin:13px 0 23px}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;margin:20px 0}.content{max-width:640px;margin:auto;padding:calc(18px + env(safe-area-inset-top)) 17px calc(var(--nav) + env(safe-area-inset-bottom) + 25px)}.page-title{display:flex;align-items:center;justify-content:space-between;min-height:92px}.page-title h1{max-width:70%;line-height:1.5}nav{position:fixed;bottom:0;left:0;right:0;z-index:15;padding:8px 8px calc(8px + env(safe-area-inset-bottom));min-height:var(--nav);display:flex;justify-content:center;background:#221c28ed;backdrop-filter:blur(18px);border-top:1px solid #ffffff22}nav button{width:25%;max-width:145px;border:0;background:none;font-size:9px;letter-spacing:1px;padding:4px}nav span{display:block;font-size:26px;margin-bottom:3px}nav .active{color:var(--pink)}.bar{height:6px;background:#ffffff1b;border-radius:10px;overflow:hidden;margin:16px 0}.bar i{height:100%;display:block;background:var(--pink);border-radius:10px}.tag{font-size:10px;background:#f4aecb16;border-radius:8px;padding:7px;color:var(--pink)}.income{color:var(--mint)}.expense{color:#f6b0ca}.totals{font-size:11px;margin:18px 0}.entry{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}.entry>div:first-child{min-width:0;overflow-wrap:anywhere}.entry strong,.entry small{display:block}.entry strong{font-size:13px;margin:5px 0}.entry>div:last-child{text-align:right;flex-shrink:0}.entry button{margin:7px 0 0 4px}.entry b{font-size:14px}.month-control{display:flex;align-items:center;justify-content:space-between}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.weekday{text-align:center;font-size:11px;color:var(--muted);padding:10px 0}.day{padding:8px 2px;min-height:90px;display:flex;align-items:center;flex-direction:column;gap:5px;min-width:0;border-radius:9px}.day b{font-weight:500;font-size:12px}.day small{font-size:8px;letter-spacing:-.3px;line-height:1.2;max-width:100%;overflow-wrap:anywhere}.day.today{border-color:var(--pink);background:#f4aecb0d}.marks{font-size:9px;color:#c4b2db;margin-top:auto}.planned{font-size:12px;padding:12px;background:#ffffff08;border-radius:10px}.chart{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.donut{width:135px;height:135px;border-radius:50%;position:relative;margin:auto}.donut:after{content:'';position:absolute;inset:24px;border-radius:50%;background:var(--panel)}.legend{flex:1;min-width:160px}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.legend .split{font-size:11px}.milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:20px 0}.milestones span{border:1px solid var(--line);border-radius:9px;text-align:center;padding:12px 0;font-size:10px;color:var(--muted);line-height:1.8}.milestones .achieved{border-color:var(--pink);color:var(--pink)}dialog{width:calc(100% - 24px);max-width:480px;max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;background:#2b2432;color:#faf3f8;border:1px solid #ffffff30;border-radius:22px;padding:22px;box-shadow:0 20px 90px #0008}dialog::backdrop{background:#120e19b8;backdrop-filter:blur(6px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-head h2{margin:0}.dialog-head .icon{border:0;background:transparent;font-size:25px}.error{font-size:12px;color:#ffb9c8}form{display:grid;gap:17px}.weekchecks{display:flex;justify-content:space-between;gap:4px}.weekchecks label{text-align:center;justify-items:center;font-size:12px}.weekchecks input{margin:0}#toast{position:fixed;z-index:40;bottom:calc(var(--nav) + env(safe-area-inset-bottom) + 14px);left:50%;transform:translateX(-50%);width:max-content;max-width:90vw;background:#fff0f7;color:#3d2b38;border-radius:15px;padding:13px 18px;box-shadow:0 10px 40px #0006;opacity:0;pointer-events:none;text-align:center;font-size:12px;line-height:1.6}#toast.show{opacity:1}#warning{position:relative;z-index:30;background:#783746;color:#fff;padding:14px;font-size:12px}#update{position:relative;z-index:30;background:#433545;padding:9px 14px;font-size:12px}#update button{margin-left:14px;font-size:11px}#warning[hidden],#update[hidden]{display:none}
/* Source-sheet crops preserve the supplied character without paid image processing. */
.home-main{max-width:540px;margin:auto}.home{position:relative;isolation:isolate;height:calc(100svh - var(--nav) - env(safe-area-inset-bottom));min-height:570px;overflow:hidden;background:#e6cbd7}.home-light{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 20%,#fff5ec,#ebd4e1 50%,#7c657d)}.character{position:absolute;inset:0;border:0;padding:0;background:none;width:100%;height:100%;border-radius:0;overflow:hidden}.character:active{transform:none}.character-breathe{height:100%;animation:breathe 5s ease-in-out infinite;transform-origin:50% 70%}.outfit-crop{position:absolute;width:530px;height:1900px;left:50%;top:-90px;transform:translateX(-50%);overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 5%,black 95%,transparent)}.outfit-crop img,.outfit-thumb img{position:absolute;width:2660px;max-width:none;top:-340px;left:calc(-35px - var(--outfit)*527px);pointer-events:none;user-select:none}.full-view .outfit-crop{width:240px;height:850px;top:10px}.full-view .outfit-crop img{width:1205px;top:-153px;left:calc(-16px - var(--outfit)*239px)}.home-top{position:absolute;top:calc(14px + env(safe-area-inset-top));left:15px;right:15px;display:flex;align-items:center;gap:8px;z-index:4}.counter{background:#312735d9;border-color:#ffffff1f;border-radius:22px;min-height:41px;font-size:17px;padding:8px 14px;display:flex;align-items:center;gap:9px;box-shadow:0 3px 16px #3a203422}.counter span{color:#ffb8d5}.settings-icon{margin-left:auto;background:#312735d9;border-radius:50%;height:40px;min-height:40px;width:40px;padding:0;font-size:20px}.daily-chip{position:absolute;top:calc(87px + env(safe-area-inset-top));right:13px;background:#302431df;backdrop-filter:blur(10px);border-color:#ffffff20;font-size:11px;display:flex;gap:10px;align-items:center;z-index:3;text-align:left;padding:12px;border-radius:15px}.daily-chip small{display:block;color:#f1cee0;font-size:10px;letter-spacing:.4px;margin-top:4px}.daily-icon{font-size:25px}.speech{position:absolute;right:17px;top:calc(177px + env(safe-area-inset-top));width:163px;border-radius:19px 19px 3px 19px;background:#fff2f7ed;color:#594052;padding:16px;font-size:12px;line-height:1.8;z-index:2;box-shadow:0 6px 20px #42233313;pointer-events:none}.home-tools{position:absolute;left:14px;top:45%;display:grid;gap:8px;z-index:3}.home-tools button{width:58px;min-height:60px;padding:7px 3px;background:#302733dc;backdrop-filter:blur(10px);border-color:#ffffff40;border-radius:14px;font-size:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.home-tools b{font-size:23px;font-weight:400;color:#fac4dc}.home-bottom{position:absolute;right:15px;bottom:18px;display:grid;gap:10px;z-index:3;width:230px}.input-cta{border:2px solid #fff3f9;box-shadow:0 6px 24px #8b4b6b40;background:linear-gradient(110deg,#ffc7df,#ec85b0);border-radius:30px;min-height:60px;font-size:19px;color:#493242}.zero-cta{font-size:11px;min-height:34px;background:#322735c9;border-radius:20px;padding:6px 12px}.affection{text-align:right;font-size:12px;color:#fff;text-shadow:0 1px 6px #67374f;font-weight:600}.character.tap .character-breathe{animation:tap-bounce .8s ease-out}.mini-frame{width:100px;height:102px;position:relative;overflow:hidden;flex-shrink:0;mix-blend-mode:screen}.mini-frame img{position:absolute;max-width:none;width:600px;left:calc(var(--mx)*-100px);top:calc(-1px * var(--my))}dialog>.mini-frame{margin:0 auto 15px}.outfit-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.outfit-list button{padding:8px;overflow:hidden}.outfit-list strong,.outfit-list small{display:block;font-size:11px;margin:7px 0}.outfit-thumb{position:relative;width:120px;height:190px;overflow:hidden;margin:auto;border-radius:9px}.outfit-thumb img{width:625px;left:calc(-8px - var(--outfit)*124px);top:-93px}#hearts{position:absolute;top:43%;left:48%;pointer-events:none;z-index:5}#hearts span{position:absolute;font-size:30px;color:#ff6ba5;animation:heart 1s ease-out forwards}#hearts span:nth-child(2){left:-40px;animation-delay:.08s;font-size:22px}#hearts span:nth-child(3){left:40px;animation-delay:.16s;font-size:22px}@keyframes breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.004)}}@keyframes tap-bounce{0%,100%{transform:translateY(0) rotate(0)}22%{transform:translateY(-9px) rotate(-1deg)}52%{transform:translateY(2px) rotate(.8deg)}75%{transform:translateY(-3px) rotate(-.3deg)}}@keyframes heart{0%{opacity:0;transform:translateY(10px) scale(.6)}25%{opacity:1}100%{opacity:0;transform:translateY(-70px) scale(1.2)}}@media(prefers-reduced-motion:reduce){.character-breathe,.character.tap .character-breathe{animation:none}#hearts span{animation:none;opacity:.7}}@media(max-width:360px){.counter{font-size:15px;padding:8px 10px}.speech{width:145px;font-size:11px}.home-bottom{width:205px}.entry{gap:6px}.entry button{padding:6px 7px}.day{min-height:85px}.content{padding-left:10px;padding-right:10px}}@media(max-height:720px){.home-tools{top:39%;gap:5px}.home-tools button{min-height:51px}.speech{top:calc(168px + env(safe-area-inset-top));padding:11px}.home-bottom{bottom:12px}.input-cta{min-height:50px}.home{min-height:540px}}

.full-view .outfit-crop{--figure-height:min(600px,calc(100svh - 300px));width:calc(var(--figure-height)*.2733);height:var(--figure-height);top:75px;mask-image:none}.full-view .outfit-crop img{width:calc(var(--figure-height)*1.4221);top:calc(var(--figure-height)*-.2093);left:calc(var(--figure-height)*(-.0198 - var(--outfit)*.2837))}

/* Smaller framing keeps the face clear of the daily controls. */
.home:not(.full-view) .outfit-crop{width:440px;top:-25px}.home:not(.full-view) .outfit-crop img{width:2288px;top:-270px;left:calc(-32px - var(--outfit)*453px)}.speech{top:calc(260px + env(safe-area-inset-top))}.mini-frame{height:116px;border-radius:19px;mix-blend-mode:normal;background:#fff}.page-title{gap:12px}@media(max-height:720px){.speech{top:calc(208px + env(safe-area-inset-top));width:145px;padding:12px;font-size:11px}}

.home:not(.full-view)::after{content:"";position:absolute;top:0;left:0;right:0;height:70px;background:linear-gradient(#e9d3dc 55%,transparent);pointer-events:none;z-index:1}.full-view .speech{display:none}.full-view .outfit-crop{top:155px;--figure-height:min(600px,calc(100svh - 380px))}

.back-crop{position:absolute;left:50%;top:65px;transform:translateX(-50%);width:670px;height:1500px;pointer-events:none}.back-crop img{width:100%;height:auto}.full-view .back-crop{top:155px;width:calc(min(600px,100svh - 380px)*.75);height:min(600px,calc(100svh - 380px))}.full-view .back-crop img{height:100%;width:100%;object-fit:contain}

/* HOME framing only: use original two-view art, with a separate dialogue area. */
.original-crop{position:absolute;--art-height:min(600px,calc(100svh - 424px));height:var(--art-height);width:calc(var(--art-height)*.75);left:50%;top:148px;transform:translateX(-50%);overflow:hidden;border-radius:18px;mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent)}
.original-crop img{position:absolute;top:0;left:0;height:100%;width:200%;max-width:none;pointer-events:none}
.original-crop.rear img{left:-100%}
.home .speech{top:auto;bottom:154px;left:16px;right:16px;width:auto;min-height:44px;padding:10px 14px;font-size:12px;line-height:1.6;border-radius:16px;display:block;text-align:center}
.full-view .original-crop{--art-height:min(570px,calc(100svh - 444px));top:158px}
@media(max-height:720px){.original-crop{--art-height:calc(100svh - 390px);top:125px}.full-view .original-crop{--art-height:calc(100svh - 410px);top:135px}.home .speech{bottom:142px;padding:8px 12px;font-size:11px}}

.home-light{background:linear-gradient(#f4dfeb15,#f5dbe21c),url('assets/lobby-room.png') center/cover no-repeat}.home:not(.full-view)::after{background:linear-gradient(#f1deeaa0,transparent)}.character{mix-blend-mode:multiply}.original-crop{mask-image:linear-gradient(90deg,transparent,black 14%,black 86%,transparent);border-radius:26px}.home .speech{left:82px;text-align:left}.home .affection{text-shadow:0 1px 5px #3f233e,0 0 4px #3f233e}
.character{mix-blend-mode:normal}.original-crop{mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent)}