*{box-sizing:border-box}:root{font-family:"Segoe UI",Arial,sans-serif;color:#20345c;background:#f3f6fc;font-synthesis:none;--ink:#20345c;--blue:#295cdd;--line:#dce3f0;--yellow:#ffdc68;--coral:#f17960}body{margin:0}button,a,input{font:inherit}button{cursor:pointer;color:var(--ink);background:white;border:1px solid var(--line);min-height:44px;border-radius:8px;font-weight:650;padding:10px 14px}button:hover{background:#edf3ff;border-color:#a3b7df}button:disabled{cursor:default;opacity:.5}a{color:var(--blue)}button:focus-visible,a:focus-visible,.board:focus-visible{outline:3px solid #295cdd;outline-offset:4px}.app-header{position:sticky;top:0;z-index:20;height:calc(70px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(32px,env(safe-area-inset-right)) 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fffffff5;backdrop-filter:blur(12px)}.logo{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;text-decoration:none;letter-spacing:-.7px;color:var(--ink)}.logo img{height:36px;width:36px;border-radius:9px}.header-tools{display:flex;align-items:center;gap:10px}.mock-label{font-size:14px;color:#6b7b94;margin-right:17px}.icon-button{width:42px;padding:10px;border:0}.icon-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.account-button{border-radius:50%;padding:0;width:40px;min-height:40px;background:#e7edfc;font-size:14px;border:0}main{max-width:1220px;padding:30px 32px calc(22px + env(safe-area-inset-bottom));margin:auto}.home-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h1{font-size:25px;letter-spacing:-.8px;margin:0;font-weight:750}h1 svg{width:17px;height:17px;fill:none;stroke:var(--ink);stroke-width:2;vertical-align:middle;margin-left:5px}.home-heading p{font-size:14px;color:#667895;margin:7px 0 0}.back-link{font-size:14px;text-decoration:none;border-bottom:1px solid #a3b9ea;padding-bottom:3px}.main-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccd7ea;margin-bottom:26px;padding-bottom:0;gap:16px}nav{display:flex;gap:27px}nav button{border:0;border-radius:0;background:transparent;padding:12px 1px 17px;font-size:15px;color:#687997;position:relative}nav button.selected{color:var(--blue)}nav button.selected:after{content:'';height:3px;position:absolute;bottom:-1px;left:0;right:0;background:var(--blue);border-radius:3px 3px 0 0}.manage{padding:8px 0;border:0;background:transparent;color:#52698f;font-size:14px}.manage span{margin-left:8px}.board-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h2{font-size:18px;letter-spacing:-.4px;margin:0}.board-intro p{font-size:14px;color:#667895;margin:6px 0 0}.demo-indicator{display:flex;align-items:center;gap:7px;font-size:12px;color:#697b98}.demo-indicator i{width:6px;height:6px;background:#849bc6;border-radius:50%}.board{display:flex;gap:22px;overflow:auto;max-height:calc(100dvh - 120px);align-items:flex-start;scroll-snap-type:x proximity;padding:2px 4px 16px;outline-offset:2px;scrollbar-width:thin}.child-card{position:relative;flex:1 0 290px;min-width:290px;background:white;border:1px solid #d0dced;border-radius:12px;overflow:clip;box-shadow:0 4px 0 #e1e7f3;scroll-snap-align:start}.child-card:nth-child(2){--scene:#fff2e8;--pixel-accent:#e99a6b;--ribbon:#d98455}.child-card:nth-child(3){--scene:#e9f4f3;--pixel-accent:#7fb9b2;--ribbon:#538f89}.child-card:first-child{--scene:#edf0ff;--pixel-accent:#839fe7;--ribbon:#607ed2}.profile-label{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;background:white;padding:17px 19px 11px}.profile-label h3{font-size:21px;letter-spacing:-.6px;margin:0}.profile-menu{width:35px;min-height:32px;padding:0;border:0;color:#8393b1;font-size:20px;background:transparent}.portrait-wrap{padding:0 17px}.portrait{height:142px;position:relative;display:flex;align-items:center;justify-content:center;background:var(--scene);border:6px solid white;outline:1px solid #d7e0f2;border-radius:3px;overflow:hidden}.portrait svg{width:91px;height:119px;image-rendering:pixelated;position:relative;z-index:1}.portrait-floor{position:absolute;bottom:14px;width:82px;height:9px;background:var(--pixel-accent);opacity:.25}.sticker-corner{position:absolute;top:8px;right:9px;font-size:11px;letter-spacing:1px;color:var(--ribbon);font-weight:750}.score-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 17px}.score{display:flex;align-items:center;gap:9px}.score strong{font-size:43px;line-height:1;font-weight:800;letter-spacing:-2px;font-variant-numeric:tabular-nums}.score>span{font-size:12px;line-height:1.5;color:#6b7b97}.score>span b{font-weight:500;display:block}.today-score{font-size:12px;color:#41629b;text-align:right;line-height:1.5}.today-score strong{display:block;font-size:16px;font-weight:750}.card-content{padding:0 18px 18px}.action-list{border-top:1px dashed #c7d3e7;padding-top:5px}.award{display:flex;align-items:center;gap:11px;width:100%;border:0;border-radius:5px;border-bottom:1px solid #edf0f7;padding:9px 2px;min-height:54px;background:white;text-align:left;position:relative}.award:hover{background:#f3f6ff}.action-icon{width:28px;height:28px;display:grid;place-items:center;color:#607bb0;flex-shrink:0}.action-icon svg{width:22px;height:22px;fill:currentColor}.action-copy{font-size:14px;flex:1;font-weight:600}.action-copy small{display:block;color:#7183a1;font-size:11px;margin-top:3px;font-weight:500}.award-points{font-size:14px;font-weight:800;background:var(--yellow);color:#57451a;border-radius:5px;min-width:37px;text-align:center;padding:6px 7px;box-shadow:0 2px 0 #efc84e}.award:disabled .award-points{background:#eff2f7;box-shadow:none;color:#70809a}.next-reward{margin-top:17px;background:#fff3ee;border:1px solid #ffe0d5;border-radius:8px;padding:12px;display:flex;align-items:center;gap:10px}.reward-icon{display:grid;place-items:center;color:#cb6b4f;width:29px;height:29px;flex-shrink:0}.reward-icon svg{width:24px;height:24px;fill:currentColor}.next-reward strong{display:block;font-size:13px;font-weight:700}.next-reward small{font-size:12px;color:#947268;display:block;margin-top:4px}.next-reward button{margin-left:auto;min-height:32px;font-size:12px;padding:5px 9px;background:#fff;border-color:#ebc3b5;color:#994b34}.card-bottom{display:flex;justify-content:space-between;margin-top:14px;align-items:center}.card-bottom button{padding:3px 0;border:0;background:transparent;font-size:12px;color:#7385a4;min-height:32px}.sticker-mark{font-size:11px;color:#8396b6;display:flex;gap:4px;align-items:center}.sticker-mark svg{width:12px;height:12px;fill:#9bb0d6}.album-note{display:flex;justify-content:center;align-items:center;gap:9px;color:#6b7f9f;font-size:13px;margin-top:17px}.album-note svg{width:14px;height:14px;fill:#b4a472}footer{display:flex;justify-content:space-between;font-size:11px;color:#8393ae;margin-top:28px;padding-top:17px;border-top:1px solid #dce3f0}.child-navigation{display:none}dialog{color:var(--ink);background:white;border:1px solid var(--line);border-radius:14px;padding:24px;max-width:460px;width:calc(100% - 32px);max-height:85dvh}dialog::backdrop{background:#12274c66;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-heading button{border:0;font-size:25px;padding:0;min-width:40px}.dialog-heading h2{font-size:22px}#detail-body p{font-size:15px;line-height:1.7;color:#657898}.reward-row{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}.reward-row span{flex:1}.reward-row button{background:#fff0e9;border-color:#f5c7b5;color:#9c4e34;font-size:14px}.confirm-reward{background:var(--blue);color:white;width:100%;border:0;margin-top:12px}.confirm-reward:hover{background:#1744b6;color:white}.history-row{font-size:14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:13px 0}.history-row span{flex:1}.history-row small{display:block;color:#7b8da9;margin-top:4px}#notice{position:fixed;z-index:40;bottom:calc(25px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#20345c;color:white;border-radius:10px;padding:13px 20px;font-size:15px;box-shadow:0 4px 24px #20345c33;max-width:90%;display:none}.point-pop{position:absolute;top:160px;left:calc(50% - 20px);pointer-events:none;color:#295cdd;font-size:36px;font-weight:850;z-index:5;text-shadow:2px 2px white;animation:points-up 950ms ease-out both}.point-pop svg{width:20px;height:20px;fill:#e6ad21;display:block;margin:auto}@keyframes points-up{0%{opacity:0;transform:translateY(10px) scale(.8)}20%{opacity:1;transform:translateY(-10px) scale(1.1)}100%{opacity:0;transform:translateY(-85px)}}@media(max-width:760px){.app-header{height:calc(62px + env(safe-area-inset-top));padding-left:20px;padding-right:20px}.logo span,.mock-label{display:none}.logo img{width:34px;height:34px}main{padding:23px 16px calc(20px + env(safe-area-inset-bottom))}.home-heading{margin-bottom:15px}h1{font-size:23px}.back-link{display:none}.main-toolbar{gap:5px;margin-bottom:20px}nav{gap:23px}nav button{font-size:14px;padding-bottom:14px}.manage{font-size:0}.manage span{font-size:18px;margin:0}.board-intro{margin-bottom:14px}.board-intro h2{font-size:17px}.board-intro p{font-size:13px}.demo-indicator{font-size:0}.demo-indicator i{width:7px;height:7px}.board{margin-right:-16px;padding-right:30px;gap:16px;max-height:calc(100dvh - 115px);scroll-snap-type:x mandatory;scroll-snap-stop:always;scroll-behavior:smooth;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding-left:4px}.board::-webkit-scrollbar{display:none}.child-card{flex:0 0 calc(100% - 16px);min-width:0;scroll-snap-stop:always}.child-navigation{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.child-navigation>button{width:40px;min-height:40px;padding:5px;font-size:17px;border-color:#d0dced}.child-navigation-middle{text-align:center}.child-navigation-caption{font-size:13px;font-weight:600}.child-dots{display:flex;justify-content:center;height:24px}.child-dot{border:0;padding:0;min-width:38px;min-height:24px;background:transparent;display:grid;place-items:center}.child-dot:after{content:'';width:6px;height:6px;border-radius:4px;background:#b7c5dd;transition:width .2s}.child-dot[aria-pressed=true]:after{width:20px;background:var(--blue)}.portrait{height:130px}.portrait svg{height:112px;width:86px}.profile-label{padding-top:15px}.score-row{padding-top:15px;padding-bottom:15px}.album-note{font-size:12px;justify-content:flex-start;line-height:1.6}.album-note svg{flex-shrink:0}footer{display:block;line-height:1.8}footer span{display:block}}@media(prefers-reduced-motion:reduce){.board{scroll-behavior:auto}.child-dot:after{transition:none}.point-pop{animation:none;top:120px}}