:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#162132;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #162132;--muted: #627084;--night: #19233d;--lavender: #8b78d6;--peach: #ff9f7a;--mint: #71c7b7;--butter: #f7d96f;--paper: #fffdf8;--line: rgba(29, 38, 58, .13);--shadow: 0 18px 50px rgba(28, 38, 62, .16)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.appShell{min-height:100vh;padding:28px;background:radial-gradient(circle at 12% 12%,rgba(247,217,111,.42),transparent 24rem),linear-gradient(135deg,#f6f8fd,#fbf4ee 46%,#eef8f6)}.lockedShell{display:grid;place-items:center}.lockPanel,.checkInPanel,.scenePanel,.albumPanel,.calendarPanel,.infoPanel{border:1px solid var(--line);background:#fffdf8e0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.lockPanel{width:min(460px,100%);padding:34px;border-radius:8px}.brandMark{width:68px;height:68px;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;color:#fff8d1;background:linear-gradient(145deg,#263861,#8b78d6);border-radius:8px;box-shadow:0 16px 32px #2c325f38}h1,h2,h3,p{margin:0}h1{margin-top:18px;font-size:clamp(2rem,4vw,4.4rem);line-height:.96;max-width:760px}h2{font-size:clamp(1.35rem,2vw,2rem);line-height:1}h3{font-size:1.15rem}.lockCopy{margin-top:14px;color:var(--muted);line-height:1.55}.roleSwitch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:24px;padding:5px;border-radius:8px;background:#edf1f7}.roleSwitch button,.iconButton,.primaryButton,.secondaryButton,.habitTile{border:0}.roleSwitch button{min-height:42px;border-radius:6px;color:var(--muted);background:transparent;font-weight:800}.roleSwitch button.active{color:var(--ink);background:var(--paper);box-shadow:0 8px 22px #222b461c}.fieldLabel,.parentPanel label{display:grid;gap:8px;margin-top:18px;color:var(--muted);font-size:.82rem;font-weight:800}.passcodeInput,.timeField input,.parentPanel input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:8px;padding:0 14px;color:var(--ink);background:#fff;outline-color:var(--lavender)}.primaryButton,.secondaryButton{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:8px;padding:0 18px;font-weight:900}.primaryButton{color:#fff;background:linear-gradient(135deg,#263861,#8b78d6 58%,#ff9f7a);box-shadow:0 14px 28px #393d8247}.secondaryButton{color:var(--night);background:#eef8f6}.lockButton,.submitButton{width:100%;margin-top:20px}.errorText{margin-top:12px;color:#ad3048;font-weight:800}.topBar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 auto 24px;max-width:1440px}.smallCaps{color:#6f5cc4;font-size:.74rem;font-weight:950;letter-spacing:0;text-transform:uppercase}.iconButton{width:44px;height:44px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:8px;color:var(--night);background:#fffdf8e6;box-shadow:0 10px 24px #1c263e1f}.dashboardGrid,.lowerGrid{display:grid;gap:22px;max-width:1440px;margin:0 auto}.dashboardGrid{grid-template-columns:minmax(420px,.95fr) minmax(520px,1.25fr);align-items:stretch}.lowerGrid{grid-template-columns:minmax(640px,1.35fr) minmax(340px,.65fr);margin-top:22px}.mainStack,.sideStack{display:grid;align-content:start;gap:22px}.checkInPanel,.scenePanel,.albumPanel,.calendarPanel,.infoPanel{border-radius:8px;padding:22px}.sectionHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.sectionHeader.compact{align-items:center}.datePill,.progressBubble{display:inline-flex;align-items:center;gap:7px;min-height:34px;border-radius:999px;padding:0 12px;color:var(--night);background:#eef8f6;font-size:.82rem;font-weight:900;white-space:nowrap}.progressBubble{background:#fff1d0}.sleepMeter{padding:16px;border-radius:8px;background:#f3f1ff}.meterTopline{display:flex;justify-content:space-between;gap:12px;color:var(--night);font-weight:900}.meterTopline strong{color:#6f5cc4}.meterTrack{height:16px;margin-top:12px;overflow:hidden;border-radius:999px;background:#19233d1f}.meterTrack span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--butter),var(--peach));transition:width .24s ease}.habitGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.habitTile{min-height:86px;display:flex;align-items:center;gap:12px;border-radius:8px;padding:14px;color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px var(--line);text-align:left;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.habitTile:hover{transform:translateY(-2px)}.habitTile.checked{background:#eef8f6;box-shadow:inset 0 0 0 2px var(--mint),0 10px 24px #589e922e}.habitCheck{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:var(--night);background:#fff1d0;font-weight:950}.habitTile.checked .habitCheck{color:#fff;background:var(--mint)}.habitTile span:last-child{display:grid;gap:5px}.habitTile small,.stickerSlot small,.streakRow small,.calendarDay small,.historyRow small{color:var(--muted);font-size:.76rem;font-weight:800}.timeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;padding:14px;border-radius:8px;background:#fffdf8;box-shadow:inset 0 0 0 1px var(--line)}.timeField{display:grid;gap:8px;color:var(--muted);font-size:.82rem;font-weight:850}.durationPreview{grid-column:1 / -1;display:flex;align-items:center;gap:8px;min-height:32px;color:var(--night);font-weight:900}.revealCard{display:grid;grid-template-columns:94px 1fr;align-items:center;gap:16px;margin-top:18px;padding:14px;border-radius:8px;background:#19233d;color:#fff;overflow:hidden}.revealCard p:last-child{margin-top:5px;color:#ffffffc7}.revealCard.level-normal{background:linear-gradient(135deg,#24304d,#5d6b90)}.revealCard.level-puffy{background:linear-gradient(135deg,#19233d,#7560bd 54%,#71c7b7)}.revealCard.level-sparkly{background:radial-gradient(circle at 18% 12%,rgba(247,217,111,.48),transparent 8rem),linear-gradient(135deg,#1f2850,#7b61c9 54%,#ff9f7a)}.revealCard.level-glow{background:radial-gradient(circle at 24% 42%,rgba(113,199,183,.4),transparent 9rem),linear-gradient(135deg,#08121f,#16213b 62%,#27345c);box-shadow:0 20px 40px #08121f47,0 0 42px #71c7b759}.roomScene{position:relative;overflow:hidden;aspect-ratio:16 / 10;border-radius:8px;background:#dbe3ed;box-shadow:inset 0 0 0 1px #1621321f}.roomBaseImage{width:100%;height:100%;display:block;object-fit:cover}.sceneLayer{position:absolute;display:block;height:auto;pointer-events:none;transform:translate(-50%,-50%);transform-origin:center bottom;filter:drop-shadow(0 6px 6px rgba(18,25,42,.18)) drop-shadow(0 1px 0 rgba(255,255,255,.38));animation:scenePop .42s cubic-bezier(.18,.9,.28,1.2) both}.completeBanner{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;min-height:38px;border-radius:999px;padding:0 14px;color:#19233d;background:#fff1d0;font-weight:950}.albumGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.stickerSlot{min-height:174px;display:grid;grid-template-rows:92px auto auto;gap:6px;justify-items:center;border-radius:8px;padding:12px 8px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);text-align:center}.stickerSlot:not(.unlocked){color:var(--muted)}.stickerArt{width:86px;height:86px;position:relative;display:grid;place-items:center;isolation:isolate;overflow:visible;border-radius:50%;background:radial-gradient(circle at 34% 24%,#ffffffe6,#f0f3f8f0 68%);box-shadow:0 12px 22px #21283a29,inset 0 0 0 1px #ffffffd6;transform:rotate(-2deg)}.stickerArt img{width:94%;height:94%;display:block;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 7px 8px rgba(24,31,48,.18))}.stickerArt:before,.stickerArt:after{content:"";position:absolute;pointer-events:none}.stickerArt.level-none img{filter:grayscale(1);opacity:.26}.stickerArt.level-none:before{top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;background:repeating-linear-gradient(-45deg,rgba(98,112,132,.14) 0 7px,transparent 7px 14px)}.stickerArt.level-normal{background:#fffdf8;box-shadow:0 10px 18px #21283a24,inset 0 0 0 2px #fff}.stickerArt.level-puffy{background:radial-gradient(circle at 30% 22%,#fff,#f2f7ff 62%,#dfe8fb);box-shadow:0 20px 30px #21283a38,0 7px #7b61c92e,inset 0 -10px 18px #19233d24,inset 0 10px 18px #ffffffe6;transform:perspective(420px) rotateX(9deg) rotate(-3deg) translateY(-4px) scale(1.06)}.stickerArt.level-puffy img{filter:drop-shadow(0 12px 10px rgba(24,31,48,.25)) saturate(1.06)}.stickerArt.level-sparkly{background:radial-gradient(circle at 28% 24%,#fffdf8,#eef8f6 54%,#f8edff);box-shadow:0 18px 28px #21283a33,0 0 0 4px #f7d96f66,0 0 26px #f7d96f8a;animation:stickerFloat 3s ease-in-out infinite}.stickerArt.level-sparkly:before{top:-10px;right:-10px;bottom:-10px;left:-10px;z-index:2;background:radial-gradient(circle at 18% 28%,rgba(255,255,255,.95) 0 2px,transparent 3px),radial-gradient(circle at 78% 18%,rgba(247,217,111,.96) 0 2px,transparent 4px),radial-gradient(circle at 84% 78%,rgba(255,255,255,.92) 0 2px,transparent 4px),radial-gradient(circle at 28% 82%,rgba(247,217,111,.84) 0 1px,transparent 3px);animation:sparkleOrbit 2.2s linear infinite}.stickerArt.level-sparkly:after{top:10px;right:10px;bottom:10px;left:10px;z-index:3;border-radius:50%;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.55) 45%,transparent 62%);mix-blend-mode:screen;animation:sparkleGlint 2.8s ease-in-out infinite}.stickerArt.level-glow{background:radial-gradient(circle at 50% 50%,rgba(113,199,183,.25),transparent 48%),radial-gradient(circle at 38% 34%,#243d5e,#0d1729 74%);box-shadow:0 18px 30px #21283a38,0 0 0 4px #71c7b747,0 0 28px #71c7b7db,0 0 58px #f7d96f8c;animation:glowPulse 2.8s ease-in-out infinite}.stickerArt.level-glow:before{top:-14px;right:-14px;bottom:-14px;left:-14px;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(113,199,183,.48),transparent 64%)}.stickerArt.level-glow img{filter:drop-shadow(0 0 12px rgba(247,217,111,.72)) drop-shadow(0 0 22px rgba(113,199,183,.58)) brightness(1.08)}.calendarGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendarWeekday{color:var(--muted);font-size:.72rem;font-weight:950;text-align:center;text-transform:uppercase}.calendarBlank,.calendarDay{min-height:82px;border-radius:8px}.calendarDay{display:grid;align-content:start;gap:6px;padding:9px;background:#ffffff9e;box-shadow:inset 0 0 0 1px #1d263a14}.calendarDay.hasEntry{background:#f3f1ff;box-shadow:inset 0 0 0 1px #8b78d647,0 8px 18px #393d821a}.calendarDate{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;color:var(--night);background:#fffdf8;font-size:.8rem;font-weight:950}.calendarScoreBadge{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:var(--night);background:#fff1d0;font-size:.94rem;font-weight:950;box-shadow:inset 0 0 0 2px #ffffffb8,0 8px 16px #1c263e21}.calendarScoreBadge.level-normal{background:#fff1d0}.calendarScoreBadge.level-puffy{background:#d9f1ec}.calendarScoreBadge.level-sparkly{background:#f7d96f}.calendarScoreBadge.level-glow{color:#fff;background:#6f5cc4;box-shadow:inset 0 0 0 2px #ffffff61,0 0 18px #71c7b77a,0 8px 16px #1c263e24}.streakList,.historyList{display:grid;gap:10px}.streakRow,.historyRow{display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:center;border-radius:8px;padding:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}.streakRow small,.historyRow small{grid-column:1 / -1}.parentPanel{display:grid}@keyframes stickerFloat{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-5px)}}@keyframes glowPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}@keyframes sparkleOrbit{0%{transform:rotate(0);opacity:.78}to{transform:rotate(360deg);opacity:.98}}@keyframes sparkleGlint{0%,42%,to{transform:translate(-38%) rotate(18deg);opacity:0}58%{transform:translate(42%) rotate(18deg);opacity:.75}}@keyframes scenePop{0%{opacity:0;transform:translate(-50%,-44%) scale(.82)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:980px){.appShell{padding:18px}.dashboardGrid,.lowerGrid{grid-template-columns:1fr}.albumGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:620px){h1{font-size:2.45rem}.habitGrid,.timeGrid,.albumGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendarGrid{gap:6px}.calendarBlank,.calendarDay{min-height:70px}.calendarDay{padding:7px}.calendarDay small{font-size:.68rem}.sectionHeader{display:grid}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}