.game-page{color:#26353a;max-width:1360px;margin:0 auto;padding:40px 5vw 110px}.game-heading{justify-content:space-between;align-items:start;gap:20px;margin-bottom:20px;display:flex}.game-heading h1{letter-spacing:-.05em;margin:8px 0;font:400 clamp(32px,5vw,55px) Gowun Dodum,serif}.game-heading p,.game-shop p{color:#687775;margin:0;font-size:13px;line-height:1.6}.coin-pill{color:#765b25;white-space:nowrap;background:#f8e9b8;border:1px solid #e2c982;border-radius:24px;align-items:center;gap:9px;padding:9px 16px;display:flex}.coin-pill strong{font-family:DM Sans,sans-serif;font-size:20px}.game-demo-note{color:#716952;background:#f5f1df;border-radius:12px;padding:12px 16px;font-size:12px}.game-progress{color:#486658;gap:6px;margin:-2px 0 18px;font-size:12px;display:grid}.game-progress progress{accent-color:#709577;width:100%;height:8px}.game-progress small{color:#77867a;font-size:10px;line-height:1.5}.game-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);align-items:start;gap:20px;display:grid}.game-main,.game-side,.game-shop{background:#fffdf7;border:1px solid #e6e4d9;border-radius:22px;overflow:hidden;box-shadow:0 16px 42px #253d3610}.game-main{padding:14px}.game-board svg{border-radius:17px;width:100%;display:block}.board-avatar{filter:drop-shadow(0 4px 3px #4f654b55);transition:transform .22s ease-in-out}.game-control{justify-content:space-between;align-items:center;gap:10px;padding:16px 8px 4px;display:flex}.game-control>div{gap:5px;display:grid}.game-control strong{font-size:17px}.game-control span:not(.dice){color:#78847e;font-size:11px}.game-control .primary-button{justify-content:center;align-items:center;gap:8px;min-width:160px;display:flex}.dice{color:#5156aa;background:#fff;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:17px;font-weight:800;display:inline-flex}.dice.spinning{animation:.45s ease-in-out infinite dice-spin}@keyframes dice-spin{50%{transform:rotate(150deg)scale(.8)}}.game-message{color:#315f49;background:#e8f1e8;border-radius:9px;margin:10px 8px;padding:10px 12px;font-size:12px}.preview-toggle{color:#516e63;background:0 0;border:0;margin:10px 8px 3px auto;font-size:11px;text-decoration:underline;display:block}.game-side{padding:22px}.game-side h2,.game-shop h2{margin:0 0 7px;font:400 25px Gowun Dodum,serif}.game-side>p,.game-window-settings p{color:#78847e;margin:0 0 16px;font-size:11px;line-height:1.6}.activity-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.activity-grid button{text-align:left;background:#fff;border:1px solid #e3e9dd;border-radius:12px;align-items:center;gap:9px;min-height:66px;padding:10px;display:flex}.activity-grid button:not(:disabled):hover,.item-grid button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 14px #49654b1f}.activity-icon{text-align:center;width:27px;font-size:22px}.activity-grid button>span:nth-child(2){gap:2px;min-width:0;display:grid}.activity-grid small{color:#8c9a8c;font-size:10px}.activity-grid strong{color:#324a40;font-size:11px}.activity-result{color:#8c7634;white-space:nowrap;margin-left:auto;font-size:10px}.game-window-settings{border-top:1px solid #e5e9df;margin-top:18px;padding-top:16px}.game-window-settings h3{margin:0 0 4px;font-size:14px}.game-window-settings>div{gap:8px;display:flex}.game-window-settings label{align-items:center;gap:6px;font-size:11px;display:flex}.game-window-settings input{border:1px solid #d7dfd5;border-radius:8px;width:110px;min-width:0;padding:7px}.game-window-settings button{color:#fff;background:#456f62;border:0;border-radius:8px;margin-top:10px;padding:8px 12px;font-size:11px}.game-shop{margin-top:20px;padding:22px}.game-shop h2{margin:6px 0}.item-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.item-grid button{background:#fff;border:1px solid #e7e5d9;border-radius:14px;align-content:center;justify-items:center;gap:4px;min-height:104px;padding:8px;display:grid}.item-grid button>span{color:#74936e;font-size:30px}.item-grid strong{color:#344b40;font-size:11px}.item-grid small{color:#868f85;text-align:center;font-size:9px}.item-grid button:disabled{opacity:.55;cursor:not-allowed}.game-room{aspect-ratio:420/340;isolation:isolate;background:#dfcfb6;border-radius:17px;position:relative;overflow:hidden}.room-wall{background:radial-gradient(circle at 25% 30%,#fff9e8 0,#f5e9d1 38%,#e5d4b7 100%);border-bottom:7px solid #af8969;position:absolute;inset:0 0 34%}.room-wall:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 45px,#b9a88e33 46px 47px);position:absolute;inset:0}.room-window{color:#ffe9a8;background:linear-gradient(#a9d0db 0 60%,#a9c792 61%);border:9px solid #fff9e9;border-bottom-width:13px;place-items:center;width:27%;height:30%;font-size:30px;display:grid;position:absolute;top:9%;left:13%;box-shadow:0 7px #a58d70,0 10px 18px #6f685638}.room-window:before{content:"";border-left:5px solid #fff9e9;position:absolute;top:-9px;bottom:-13px;left:48%}.room-window:after{content:"";border-top:5px solid #fff9e9;position:absolute;top:46%;left:-9px;right:-9px}.room-floor{background:repeating-linear-gradient(0deg,#b78f6f 0 29px,#9d785d 30px 32px);height:50%;position:absolute;bottom:-10%;left:-5%;right:-5%;transform:skewY(-5deg)}.room-floor:after{content:"";background:linear-gradient(90deg,#765b4617,#0000 32%,#fff6d017 70%,#745c4622);position:absolute;inset:0}.room-bed{background:#8d6b50;border:9px solid #8d6b50;border-radius:10px;width:43%;height:28%;position:absolute;top:43%;left:44%;transform:skewY(-5deg);box-shadow:10px 13px #654d3d55}.room-bed:before{content:"";background:#765741;border-radius:7px;width:13px;position:absolute;top:-17px;bottom:-7px;left:-14px}.bed-blanket{background:linear-gradient(105deg,#7898a6,#5f8194 68%,#557185);border-radius:4px;position:absolute;inset:0;box-shadow:inset 0 -10px #c3d0cf55}.bed-pillow{background:#fffaf0;border-radius:12px;width:39%;height:59%;position:absolute;top:12%;left:7%;transform:rotate(-3deg);box-shadow:inset -5px -4px #dddcd3}.room-rug{background:#d6b6a2;border-radius:50%;width:45%;height:20%;position:absolute;bottom:6%;left:30%;transform:rotate(-8deg);box-shadow:inset 0 0 0 8px #e9d2b7}.room-shelf{text-align:center;color:#f8e8c0;background:#b28362;border:5px solid #775943;width:13%;height:32%;font-size:23px;position:absolute;top:15%;right:5%}.room-plant{filter:drop-shadow(4px 5px 2px #654d3d55);font-size:55px;animation:.42s ease-out both room-item-appear;position:absolute;bottom:20%;left:10%}.room-lamp{filter:drop-shadow(0 2px 4px #715f4855);width:43px;height:90px;animation:.42s ease-out both room-item-appear;position:absolute;top:12%;right:14%}.room-lamp:before{content:"";background:#f8e4ac;border:3px solid #d5ad71;border-radius:13px 13px 5px 5px;width:29px;height:29px;position:absolute;top:0;left:7px;box-shadow:0 0 28px 12px #ffe8a66e}.room-lamp:after{content:"";background:#9b7455;width:5px;height:47px;position:absolute;top:29px;left:20px;box-shadow:0 43px 0 8px #9b7455}.room-garden{z-index:2;filter:drop-shadow(1px 2px 1px #5c634a66);border-bottom:12px solid #9e7156;border-left:4px solid #0000;border-right:4px solid #0000;width:22px;height:37px;animation:.42s ease-out both room-item-appear;position:absolute;top:24%;left:28%}.room-garden:before{content:"";background:#61875d;border-radius:4px;width:4px;height:21px;position:absolute;bottom:8px;left:9px}.garden-leaf{background:#72a76a;border-radius:100% 0;width:11px;height:7px;position:absolute;bottom:17px;left:1px;transform:rotate(25deg);box-shadow:11px -3px #5f945f}.garden-flower{background:#f2c478;border:3px solid #f8e9b5;border-radius:50%;width:10px;height:10px;position:absolute;bottom:27px;left:6px}.room-parcel{z-index:2;background:#c18b66;border-radius:3px;width:36px;height:31px;animation:.42s ease-out both room-item-appear;position:absolute;bottom:29%;right:5%;box-shadow:inset -5px -5px #a87555,2px 4px #654f3d55}.room-parcel:before{content:"";background:#d5a17c;border-radius:3px;height:7px;position:absolute;inset:-4px -2px auto}.room-parcel:after{content:"";background:#f0d7a5;width:6px;position:absolute;top:-4px;bottom:0;left:15px}.room-notebook,.room-book{z-index:2;background:#f6e9ce;border:3px solid #8e9c99;border-radius:3px;width:30px;height:23px;animation:.42s ease-out both room-item-appear;position:absolute;bottom:12%;left:41%;transform:rotate(-9deg);box-shadow:3px 4px #654f3d55}.room-notebook:before{content:"";border-top:2px solid #b1aba0;position:absolute;top:4px;left:6px;right:3px;box-shadow:0 5px #b1aba0,0 10px #b1aba0}.room-book{background:#c58c6b;border-color:#f5e6c7;bottom:8%;left:52%;transform:rotate(13deg)}.room-book:before{content:"";border-left:2px solid #f5e6c7;position:absolute;top:0;bottom:0;left:11px}.room-music{z-index:3;color:#536d8d;text-shadow:1px 2px #fff8de;font:700 28px DM Sans,sans-serif;position:absolute;bottom:43%;left:31%}.room-music span{animation:1.8s ease-in-out infinite music-rise;display:inline-block}.room-music span+span{margin-left:5px;font-size:19px;animation-delay:.35s}.room-pet{z-index:3;filter:drop-shadow(2px 4px 2px #554b4088);width:66px;height:58px;animation:.42s ease-out both room-item-appear;position:absolute;bottom:7%;right:9%}.pet-tail{transform-origin:20px 28px;border:0;border-top:8px solid #ead2b5;border-left:8px solid #ead2b5;border-radius:80% 0 0;width:20px;height:33px;animation:1.8s ease-in-out infinite pet-tail-wag;position:absolute;bottom:13px;left:2px}.pet-body{background:#ead2b5;border:2px solid #95765f;border-radius:50% 50% 40% 40%;width:42px;height:32px;position:absolute;bottom:7px;left:15px;box-shadow:inset -7px -3px #caa98b}.pet-head{background:#f1d9bd;border:2px solid #95765f;border-radius:48%;width:35px;height:33px;position:absolute;top:5px;right:0;box-shadow:inset -5px -3px #cfaf91}.pet-head:before,.pet-head:after{content:"";clip-path:polygon(0 100%,50% 0,100% 100%);background:#c6a080;width:14px;height:19px;position:absolute;top:-10px}.pet-head:before{left:1px;transform:rotate(-12deg)}.pet-head:after{right:1px;transform:rotate(12deg)}.pet-head i{z-index:1;background:#453e38;border-radius:50%;width:3px;height:5px;position:absolute;top:14px;left:9px}.pet-head i+i{left:23px}.pet-paws{background:#ead2b5;border-radius:50%;width:11px;height:10px;position:absolute;bottom:3px;left:27px;box-shadow:19px 0 #ead2b5}@keyframes pet-tail-wag{50%{transform:rotate(15deg)}}@keyframes music-rise{50%{opacity:.55;transform:translateY(-9px)}}.room-avatar{filter:drop-shadow(1px 3px 2px #4f514455);width:63px;height:104px;position:absolute;bottom:8%;left:19%}.room-avatar-shadow{background:#624e3d63;border-radius:50%;width:58px;height:10px;position:absolute;bottom:-1px;left:3px}.room-avatar-legs{background:#705644;border-radius:0 0 5px 5px;width:10px;height:21px;position:absolute;bottom:5px;left:17px;box-shadow:19px 0 #705644}.room-avatar-body{background:#667da6;border-radius:18px 18px 8px 8px;width:47px;height:43px;position:absolute;bottom:20px;left:8px;box-shadow:inset -7px -3px #4f6890,-6px 8px 0 -3px #f0c9a8,6px 8px 0 -3px #f0c9a8}.room-avatar-head{z-index:2;background:#f2cda9;border-radius:46% 46% 49% 49%;width:53px;height:51px;position:absolute;top:7px;left:5px;box-shadow:inset -6px -4px #e5b993}.avatar-hair{background:#6b5044;border-radius:55% 55% 30% 25%;position:absolute;inset:-6px -1px 30px}.avatar-hair:after{content:"";background:#6b5044;border-radius:100% 0;width:16px;height:13px;position:absolute;top:14px;left:5px;transform:rotate(-25deg)}.avatar-eyes{background:#4d423e;border-radius:50%;width:4px;height:5px;position:absolute;top:27px;left:16px;box-shadow:17px 0 #4d423e}.avatar-mouth{border-bottom:2px solid #a96c61;border-radius:50%;width:8px;height:5px;position:absolute;top:35px;left:25px}.avatar-glasses{border:2px solid #614d46;border-radius:50%;width:15px;height:13px;position:absolute;top:22px;left:10px;box-shadow:19px 0 0 -2px #f2cda9,19px 0 #614d46}.avatar-glasses:after{content:"";border-top:2px solid #614d46;width:6px;position:absolute;top:4px;left:14px}.avatar-glasses.round_glasses{border-radius:50%}.avatar-scarf{z-index:4;background:#bea27b;border-radius:6px;height:8px;position:absolute;top:1px;left:7px;right:7px}.avatar-scarf.red_scarf{background:#c37967}.avatar-scarf:after{content:"";background:inherit;border-radius:4px;width:8px;height:16px;position:absolute;top:5px;left:24px;transform:rotate(-12deg)}.room-avatar-body.top-green_top{background:#6f9b72}.room-avatar-body.top-blue_top{background:#557ca6}.room-avatar-body.top-yellow_top{background:#dbb963}.avatar-accessory{z-index:3;background:#aa8062;border-radius:32px 32px 6px 6px;width:48px;height:19px;position:absolute;top:0;left:8px;box-shadow:inset -6px 0 #8a644e}.avatar-accessory:after{content:"";background:inherit;border-radius:50%;height:5px;position:absolute;bottom:-2px;left:-5px;right:-5px}.avatar-accessory.head-blue_cap{background:#6e88ac;box-shadow:inset -6px 0 #536d93}.avatar-accessory.head-hairband{height:6px;box-shadow:none;background:#ad7898;border-radius:50%;top:5px;transform:rotate(-8deg)}.avatar-accessory.head-hairband:after{display:none}.room-decor{z-index:1;background:#f8eac7c9;border-radius:8px;place-items:center;width:9%;height:13%;font-size:clamp(13px,3vw,24px);display:grid;position:absolute;box-shadow:2px 3px 5px #5e5c5440}.decor-curtains{opacity:.7;background:#5264859c;width:32%;height:34%;top:8%;left:12%}.decor-storage{bottom:7%;left:5%}.decor-bedding{background:#ddc2aa;width:28%;top:50%;left:56%}.decor-nightstand{bottom:15%;right:4%}.decor-books{top:17%;right:6%}.decor-wall_art{top:12%;left:48%}.decor-floor_lamp{top:20%;right:15%}.decor-clock{top:30%;left:48%}.decor-chair{bottom:3%;right:4%}.decor-garden_pot{bottom:34%;left:4%}.decor-pet_bed{bottom:4%;left:7%}.decor-room_screen{height:30%;top:37%;right:1%}.decor-reading_corner{bottom:3%;right:28%}@keyframes room-item-appear{0%{opacity:0;transform:translateY(14px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.room-decor,.room-rug,.room-shelf{animation:.42s ease-out both room-item-appear}@media (width<=900px){.game-layout{grid-template-columns:1fr}.item-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=560px){.game-page{padding:25px 14px 100px}.game-heading h1{font-size:33px}.game-layout{gap:12px}.game-control{flex-direction:column;align-items:stretch}.game-control .primary-button{width:100%}.game-side{padding:18px}.item-grid{grid-template-columns:repeat(3,1fr)}.activity-grid{grid-template-columns:1fr 1fr}.activity-grid button{gap:4px;padding:8px}.activity-icon{width:22px;font-size:18px}.activity-result{display:none}.game-window-settings>div{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.board-avatar,.dice,.room-plant,.room-lamp,.room-decor,.room-rug,.room-shelf,.room-garden,.room-parcel,.room-notebook,.room-book,.room-music span,.room-pet,.pet-tail{transition:none;animation:none!important}}.comment-page{color:#26353a}.comment-page>p{color:#6b7784;line-height:1.7}.comment-card{background:#fff;border:1px solid #e7e9f0;border-radius:20px;gap:13px;margin:22px 0;padding:24px;display:grid}.comment-card h2{margin:0;font:400 24px Gowun Dodum,sans-serif}.comment-card h3{margin:0 0 8px;font-size:16px}.comment-card p{color:#667487;margin:0;font-size:13px;line-height:1.7}.comment-card dl{background:#f7f8fc;border-radius:12px;grid-template-columns:110px 1fr;gap:9px;padding:15px;font-size:12px;line-height:1.6;display:grid}.comment-card dt{color:#4a5570;font-weight:700}.comment-card dd{color:#667487;margin:0}.comment-card label{color:#41506a;gap:8px;font-size:12px;display:grid}.comment-card textarea{resize:vertical;min-height:95px;font:inherit;border:1px solid #d9deeb;border-radius:10px;padding:12px}.comment-card .comment-check{align-items:start;gap:8px;line-height:1.5;display:flex}.comment-card blockquote{white-space:pre-wrap;background:#eef2f7;border-left:4px solid #6978b5;border-radius:6px;margin:0;padding:18px;line-height:1.8}.comment-card button:not(.primary-button){color:#435172;background:#fff;border:1px solid #9ca7bd;border-radius:9px;justify-self:start;padding:9px 14px}.review-request{border-top:1px solid #e7e9f0;gap:12px;padding-top:20px;display:grid}.comment-snapshot{gap:8px;display:grid}.comment-snapshot>details{background:#f7f8fc;border:1px solid #e3e6ed;border-radius:9px;padding:12px;font-size:12px}.comment-snapshot summary{cursor:pointer;flex-wrap:wrap;gap:6px 14px;display:flex}.comment-snapshot summary strong{color:#435172}.snapshot-flag-count{color:#9b542d;font-weight:700}.comment-snapshot details[open] summary{margin-bottom:12px}.comment-snapshot dl{background:#fff;grid-template-columns:minmax(120px,1fr) minmax(90px,1fr);margin:0}.review-snapshot-flags{background:#fff4e9;border-radius:8px;margin-top:10px;padding:10px 12px}.review-snapshot-flags strong{font-size:12px}.review-snapshot-flags p{margin-top:4px}.comment-card .review-confirm{align-items:flex-start;gap:8px;font-size:13px;line-height:1.6;display:flex}.review-confirm input{margin-top:4px}.comment-info{color:#526482;background:#edf2fa;border-radius:10px;padding:14px}@media (width<=600px){.comment-card{padding:17px}.comment-card dl{grid-template-columns:1fr}.comment-card dt:not(:first-child){margin-top:7px}}.hospital-link-section{border:1px solid var(--border,#ded7ca);background:#faf8f3;border-radius:20px;margin:30px 0;padding:24px}.hospital-link-section h2{margin:0 0 10px;font-size:1.25rem}.hospital-link-section p{line-height:1.6}.hospital-link-card{background:#fff;border:1px solid #d4cec2;border-radius:16px;gap:12px;margin-top:18px;padding:20px;display:grid}.hospital-link-card>strong{font-size:1.08rem}.hospital-link-card p,.hospital-link-card dl{margin:0}.hospital-link-card dl{grid-template-columns:88px 1fr;gap:10px 14px;line-height:1.5;display:grid}.hospital-link-card dt{font-weight:700}.hospital-link-card dd{margin:0}.hospital-link-card label{align-items:center;gap:9px;line-height:1.5;display:flex}.hospital-link-card label:has(input[type=date]){flex-wrap:wrap;font-weight:700}.hospital-link-card input[type=date]{min-height:42px;font:inherit;border:1px solid #afa99f;border-radius:9px;padding:6px 10px}.hospital-link-card input[type=checkbox]{flex:none;width:19px;height:19px}.hospital-link-actions{flex-wrap:wrap;gap:10px;display:flex}.hospital-link-card button{color:#292a43;min-height:42px;font:inherit;cursor:pointer;background:#f6f5fb;border:1px solid #74738d;border-radius:10px;padding:8px 13px}.hospital-link-card button:disabled{cursor:not-allowed;opacity:.48}.hospital-link-card small{line-height:1.5}@media (width<=480px){.hospital-link-section{padding:18px}.hospital-link-card{padding:16px}.hospital-link-card dl{grid-template-columns:1fr;gap:3px}.hospital-link-card dd{margin-bottom:9px}}.weekly-checkin{margin-top:22px}.weekly-checkin h2{margin-bottom:8px}.checkin-disclaimer,.checkin-note{color:var(--color-text-muted);font-size:13px}.checkin-weeks{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.checkin-weeks button,.checkin-question button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);border-radius:12px;padding:10px 12px}.checkin-weeks button{text-align:left;min-width:112px}.checkin-weeks small{color:var(--color-text-muted);margin-top:4px;display:block}.checkin-weeks .selected,.checkin-question .selected{border-color:var(--color-accent);background:var(--color-surface-soft);color:var(--color-accent)}.checkin-period{font-weight:700}.checkin-question{margin:22px 0}.checkin-question strong{margin-bottom:10px;display:block}.checkin-question>div{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.checkin-question button{padding:10px 2px}.checkin-message{color:var(--color-accent);margin-top:14px}@media (width<=540px){.checkin-question>div{grid-template-columns:repeat(4,minmax(0,1fr))}.checkin-weeks button{min-width:calc(50% - 4px)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:#f7f8fc;--color-surface:#fff;--color-surface-soft:#fbfbfe;--color-text-primary:#1d253a;--color-text-muted:#626b82;--color-accent:#5156aa;--color-border:#e7e9f0;--color-destructive:#a34343;--color-night:#10152d;--color-in-bed:#bbbfcf;--color-before-attempt:#d28e56;--color-attempt-to-wake:#6872b8;--color-after-wake:#399791;--font-body:"Noto Sans KR", sans-serif;--font-display:"Gowun Dodum", serif;--font-number:"DM Sans", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-control:10px;--radius-card:19px;--radius-panel:25px;--shadow-panel:0 18px 50px #22284609;--motion-quick:.15s;--motion-calm:.35s}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#111522;--color-surface:#1d2333;--color-surface-soft:#252b3c;--color-text-primary:#f4f5fa;--color-text-muted:#b9c0d1;--color-accent:#a8b0ee;--color-border:#41485c;--color-destructive:#e79292;--color-night:#0d1221;--color-in-bed:#687188;--color-before-attempt:#e6a46c;--color-attempt-to-wake:#a8b0ee;--color-after-wake:#64b9ae}:root{font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-background);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,textarea,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[role=slider]:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.app-shell{min-height:100vh;padding-bottom:80px}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:28px;height:76px;padding:0 max(5vw,50vw - 680px);display:flex}.brand{color:#1d2540;white-space:nowrap;align-items:center;gap:10px;font-family:Gowun Dodum,sans-serif;font-size:25px;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:#fff;background:#5156aa;border-radius:12px;place-items:center;width:37px;height:37px;display:grid;transform:rotate(-9deg)}.header-note{color:#767d91;border-left:1px solid #d9dce8;padding-left:25px;font-size:13px}.demo-label{color:#8289a1;margin-left:auto;font-size:12px}.hero{background:var(--color-night);color:#fff;grid-template-columns:1fr 450px;min-height:370px;padding:56px max(5vw,50vw - 680px) 44px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2}.hero-date{color:#b7b9df;letter-spacing:.04em;margin:0 0 15px;font-size:14px}.hero h1,.secondary-page h1{letter-spacing:-.05em;margin:0;font-family:Gowun Dodum,serif;font-size:clamp(37px,4.4vw,61px);font-weight:400;line-height:1.22}.hero h1 em,.secondary-page h1 em{color:#9ca6ff;font-style:normal}.hero-description{color:#bfc4da;margin:18px 0 24px;font-size:15px;line-height:1.9}.hero-progress{color:#cbd0e7;align-items:center;gap:14px;font-size:12px;display:flex}.progress-orbs{gap:5px;display:flex}.progress-orbs span{background:#343b5a;border-radius:9px;width:19px;height:8px}.progress-orbs span.filled{background:#a7a9f2}.hero-art{place-items:center;min-height:260px;display:grid;position:relative}.orbit{border:1px solid #3b4265;border-radius:50%;width:330px;height:330px;position:absolute}.orbit-b{border-color:#4d567d;width:240px;height:240px}.moon-glow{background:radial-gradient(circle at 38% 35%,#e5e6ff,#b7bce9 65%,#8d94d5);border-radius:50%;place-items:center;width:198px;height:198px;animation:7s ease-in-out infinite float;display:grid;box-shadow:0 0 85px 20px #a3acff36}.moon-core{background:radial-gradient(circle at 30% 25%,#f9f6f2,#e4e5fa 58%,#b9bfe9);border-radius:50%;width:157px;height:157px;box-shadow:inset -19px -12px 25px #777fb047}.star{color:#ecebff;position:absolute}.star-a{font-size:25px;animation:4s infinite twinkle;top:12%;left:16%}.star-b{font-size:18px;animation:4s 1s infinite twinkle;top:26%;right:11%}.star-c{font-size:14px;animation:4s 2s infinite twinkle;bottom:22%;left:12%}.hero-horizon{filter:blur(48px);background:#1b2446;border-radius:50%;width:520px;height:120px;position:absolute;bottom:-70px}.content-grid{grid-template-columns:minmax(0,1fr) 302px;align-items:start;gap:30px;max-width:1360px;margin:0 auto;padding:45px 5vw 80px;display:grid}.diary-panel,.insight-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel)}.diary-panel{padding:30px}.diary-fields{border:0;min-width:0;margin:0;padding:0}.diary-load-state{border-radius:var(--radius-control);background:var(--color-surface-soft);color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:12px;display:flex}.diary-load-state button{border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text);background:#fff;min-height:36px;padding:6px 10px}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.section-index{color:#5960a9;letter-spacing:.14em;text-transform:uppercase;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700}.section-heading h2{letter-spacing:-.04em;margin:10px 0 6px;font-family:Gowun Dodum;font-size:29px}.section-heading p,.reflection p{color:#858ca0;margin:0;font-size:13px;line-height:1.65}.date-stepper{white-space:nowrap;color:#47506b;background:#f5f6fb;border:1px solid #eceef4;border-radius:12px;align-items:center;font-size:13px;font-weight:700;display:flex}.date-stepper button{color:#576183;background:0 0;border:0;width:44px;height:44px;font-size:24px}.date-stepper input[type=date]{color:#47506b;width:132px;min-width:0;font:inherit;background:0 0;border:0;padding:0 2px}.entry-grid{grid-template-columns:minmax(290px,1fr) minmax(300px,1fr);gap:22px;margin-top:27px;display:grid}.clock-card,.duration-card{background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-card);min-width:0;padding:21px}.clock-tabs{background:#e9ebf3;border-radius:12px;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;display:grid}.clock-tabs button{color:#686f86;white-space:nowrap;background:0 0;border:0;border-radius:9px;min-height:44px;padding:9px 4px;font-size:11px;font-weight:700}.clock-tabs button.active{color:#3f4799;background:#fff;box-shadow:0 2px 7px #2c315015}.clock-caption{text-align:center;flex-direction:column;gap:2px;margin-top:20px;display:flex}.clock-caption span{color:#747d94;font-size:12px}.clock-caption strong{color:#303c7c;font-family:Gowun Dodum;font-size:24px}.clock-caption small{color:#9aa1b3;font-size:11px}.dial-area{text-align:center}.clock-dial{-webkit-user-select:none;user-select:none;width:min(100%,280px);margin:12px auto 3px;display:block;overflow:visible}.dial-face{fill:#f6f7fc}.dial-ring{fill:none;stroke:#e2e4f0;stroke-width:18px}.dial-in-bed,.dial-before-attempt,.dial-attempt-to-wake,.dial-after-wake{fill:none;stroke-width:17px;transition:stroke var(--motion-calm) ease}.dial-in-bed{stroke:var(--color-in-bed);stroke-width:24px}.dial-before-attempt{stroke:var(--color-before-attempt)}.dial-attempt-to-wake{stroke:var(--color-attempt-to-wake)}.dial-after-wake{stroke:var(--color-after-wake)}.clock-legend{text-align:left;color:var(--color-text-muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;margin:0 0 13px;font-size:10px;line-height:1.4;display:grid}.clock-legend span{align-items:flex-start;gap:6px;display:flex}.clock-legend span:before{content:"";background:var(--legend-color);border-radius:50%;flex:0 0 9px;height:9px;margin-top:2px}.legend-in-bed{--legend-color:var(--color-in-bed)}.legend-before-attempt{--legend-color:var(--color-before-attempt)}.legend-attempt-to-wake{--legend-color:var(--color-attempt-to-wake)}.legend-after-wake{--legend-color:var(--color-after-wake)}.timeline-warning{color:var(--color-destructive);font-size:11px}.preset-notice{border-left:3px solid var(--color-accent);border-radius:0 var(--radius-control) var(--radius-control) 0;background:var(--color-surface-soft);color:var(--color-text-muted);margin:18px 0 -8px;padding:12px 14px;font-size:12px;line-height:1.5}@media (prefers-reduced-motion:reduce){.dial-in-bed,.dial-before-attempt,.dial-attempt-to-wake,.dial-after-wake{transition:none}}.dial-tick{stroke:#9ba2b9;stroke-width:1.4px}.dial-inner{fill:#fff;filter:drop-shadow(0 3px 12px #676fb221)}.dial-label{fill:#67718d;font:11px DM Sans}.dial-center-small{fill:#8a91a8;font:12px Noto Sans KR}.dial-center-time{fill:#303a7e;font:600 29px DM Sans}.dial-handle{fill:#5b62b3;stroke:#fff;stroke-width:4px;filter:drop-shadow(0 3px 5px #545ba65d)}.period-switch{background:#e9ebf5;border-radius:10px;padding:3px;display:inline-flex}.period-switch button{color:#6c7290;background:0 0;border:0;border-radius:8px;min-width:68px;padding:7px;font-size:12px;font-weight:700}.period-switch button.selected{color:#404998;background:#fff;box-shadow:0 1px 4px #252c471e}.dial-help{color:#9aa0b2;margin:10px 0 14px;font-size:10px}.clock-values{grid-template-columns:1fr 1fr;gap:7px;display:grid}.clock-values button{text-align:left;background:#fff;border:1px solid #e6e8f0;border-radius:10px;min-height:52px;padding:10px 11px}.clock-values button.current{background:#f2f3ff;border-color:#8790d1}.clock-values span{color:#81889d;margin-bottom:3px;font-size:10px;display:block}.clock-values strong{color:#3b456a;font-family:DM Sans;font-size:14px}.duration-card{flex-direction:column;gap:14px;display:flex}.duration-title span{font-size:15px;font-weight:700}.duration-title p{color:#9299aa;margin:4px 0 0;font-size:11px;line-height:1.6}.duration-input{background:#fff;border:1px solid #e8eaf1;border-radius:13px;padding:14px}.duration-head{justify-content:space-between;align-items:start;gap:4px;display:flex}.duration-head label{color:#37405f;font-size:12px;font-weight:700}.duration-head p{color:#9aa1b3;margin:3px 0;font-size:10px}.duration-head strong{color:#515ba7;white-space:nowrap;font-size:16px}.duration-input input[type=range]{accent-color:#626bbe;touch-action:pan-y;width:100%;height:23px;margin:10px 0 0}.range-marks{color:#a8adbb;justify-content:space-between;font-size:10px;display:flex}.duration-actions{gap:5px;margin-top:10px;display:flex}.duration-actions button{color:#596181;white-space:nowrap;background:#f9fafe;border:1px solid #e8eaf2;border-radius:7px;padding:6px 8px;font-size:10px}.duration-actions .extend{color:#545ea9;background:#f1f2ff;margin-left:auto}.duration-exact{color:#596181;align-items:center;gap:8px;margin-top:11px;font-size:11px;display:flex}.duration-exact input{color:#37405f;width:72px;min-height:38px;font:inherit;background:#fff;border:1px solid #d7dbee;border-radius:8px;padding:6px 8px;font-size:14px}.sleep-comparison{border-top:1px solid #e4e7ef;padding:11px 3px 0}.sleep-comparison div{color:#7f879b;justify-content:space-between;margin:7px 0;font-size:11px;display:flex}.sleep-comparison strong{color:#4b548c}.sleep-comparison p{color:#9aa1b0;margin:8px 0 0;font-size:10px;line-height:1.5}.reflection{border-top:1px solid #edeef2;grid-template-columns:200px 1fr;gap:20px;margin-top:30px;padding-top:25px;display:grid}.reflection h3{margin:8px 0 4px;font-family:Gowun Dodum;font-size:21px}.reflection-input{flex-direction:column;gap:8px;display:flex}.quality{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.quality button{color:#68718b;background:#fff;border:1px solid #e4e6ee;border-radius:8px;padding:9px 11px;font-size:11px}.quality button.selected{color:#444f9d;background:#f0f1ff;border-color:#6974ca}.reflection-input label{font-size:12px;font-weight:700}.reflection-input textarea{resize:vertical;border:1px solid #e4e6ef;border-radius:10px;min-height:70px;padding:12px;font-size:12px}.reflection-input small{color:#9aa0af;font-size:10px}.review-flags,.daytime-confirm{color:#5a4d2e;background:#fff9e9;border:1px solid #f0e4bf;border-radius:12px;margin-top:22px;padding:16px;font-size:12px;line-height:1.65}.review-flags p{margin:6px 0}.review-flags small{color:#857959}.daytime-confirm button{background:#fff;border:1px solid #cabf97;border-radius:8px;margin-top:4px;margin-right:6px;padding:8px;font-size:11px}.save-row{border-top:1px solid #edeef2;justify-content:space-between;align-items:center;gap:16px;margin-top:25px;padding-top:23px;display:flex}.save-row div{flex-direction:column;gap:4px;display:flex}.save-row strong{font-size:13px}.save-row span{color:#9aa0af;font-size:11px}.primary-button{color:#fff;white-space:nowrap;background:#4e57a7;border:0;border-radius:11px;justify-content:center;align-items:center;gap:15px;min-height:46px;padding:12px 18px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 8px 17px #4e57a72d}.primary-button:not(:disabled):hover{background:#3e478e}.insight-panel{padding:23px;position:sticky;top:20px;overflow:hidden}.insight-header{justify-content:space-between;align-items:center;display:flex}.insight-header>span:last-child{color:#8e96ac;font-family:DM Sans;font-size:11px}.insight-illustration{place-items:center;height:200px;display:grid;position:relative}.insight-circle{color:#626ab6;background:#e8eafa;border-radius:50%;place-items:center;width:100px;height:100px;animation:7s 1s infinite float;display:grid;box-shadow:0 0 0 23px #f2f3fb,0 0 0 46px #f8f8fd}.insight-wave{background:#c9cdea;width:100px;height:1px;position:absolute;transform:rotate(-15deg)}.wave-one{top:40px;left:9px}.wave-two{bottom:38px;right:4px}.insight-panel h2{letter-spacing:-.04em;margin:0 0 12px;font-family:Gowun Dodum;font-size:25px;line-height:1.42}.insight-copy{animation:.55s both rise}.insight-copy p{color:#767f96;margin:0 0 20px;font-size:12px;line-height:1.85}.text-link{color:#515bad;text-align:left;background:0 0;border:0;border-top:1px solid #e9ebf0;justify-content:space-between;align-items:center;width:100%;padding:18px 0;font-size:11px;font-weight:700;display:flex}.insight-foot{color:#a2a8b7;border-top:1px solid #e9ebf0;padding-top:17px;font-size:10px}.bottom-nav{z-index:10;height:67px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e9ebf1;justify-content:center;gap:45px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#9ba1b2;background:0 0;border:0;align-items:center;gap:8px;padding:0 16px;font-size:12px;display:flex}.bottom-nav button.active{color:#4e57a7;border-top:2px solid #5962b2;font-weight:700}.service-footer{color:#758093;text-align:center;border-top:1px solid #e9ebf1;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px 20px;padding:25px 18px 100px;font-size:11px;display:flex}.service-footer strong{color:#4e596d}.service-footer a{color:#4e57a7}.secondary-page{max-width:950px;margin:65px auto 120px;padding:0 24px}.secondary-page h1{color:#1c2440;margin:18px 0}.secondary-page>p{color:#7e879a;font-size:15px;line-height:1.8}.secondary-page h1 em{color:#616bb8}.trend-card{background:#fff;border:1px solid #e7e9f0;border-radius:22px;margin:38px 0 23px;padding:28px}.trend-card h2{font-family:Gowun Dodum;font-size:23px}.demo-chart{border-bottom:1px solid #e9ebf1;justify-content:space-around;align-items:end;height:240px;padding:10px;display:flex}.demo-chart div{flex-direction:column;justify-content:end;align-items:center;gap:8px;height:100%;display:flex}.demo-chart span{background:linear-gradient(#c3c8f0,#e6e8f7);border-radius:8px 8px 0 0;width:33px;display:block}.demo-chart small{color:#8c93a7;font-size:11px}.chart-note{color:#9aa1b1;font-size:12px;line-height:1.6}.recent-chart{margin:22px 0 28px}.recent-chart-legend{color:#596478;flex-wrap:wrap;gap:14px;margin-bottom:12px;font-size:11px;display:flex}.recent-chart-legend span{align-items:center;gap:6px;display:inline-flex}.recent-chart-legend span:before{content:"";background:#636fc2;border-radius:3px;width:10px;height:10px}.recent-chart-legend span+span:before{background:#a8b0c2}.recent-chart ol{gap:7px;margin:0;padding:0;list-style:none;display:grid}.recent-chart li{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:9px;min-height:52px;display:grid}.recent-chart time{color:#576178;font-size:12px;font-weight:700}.recent-chart-missing{color:#8991a1;border:1px dashed #d5d9e3;border-radius:9px;padding:13px;font-size:11px}.recent-chart-metrics{gap:4px;display:grid}.recent-chart-metric{grid-template-columns:minmax(0,1fr) 88px;align-items:center;gap:8px;min-height:21px;display:grid}.recent-chart-track{background:#f0f2f7;border-radius:4px;height:15px;overflow:hidden}.recent-chart-track>span{background:#636fc2;border-radius:4px;height:100%;display:block}.recent-chart-metric.in-bed .recent-chart-track>span{background:#a8b0c2}.recent-chart-metric strong{color:#596478;text-align:right;white-space:nowrap;font-size:10px;font-weight:500}.record-list-title{color:#3b4760;border-top:1px solid #e9ebf1;margin:0;padding-top:20px;font-size:15px}.weekly-card{margin-top:0}.weekly-card>p{color:#7d8795;font-size:12px;line-height:1.6}.weekly-list{gap:8px;margin-top:18px;display:grid}.weekly-list>div{background:#f7f8fc;border-radius:12px;grid-template-columns:minmax(115px,1fr) repeat(3,minmax(0,1.2fr));align-items:center;gap:10px;padding:13px;font-size:11px;display:grid}.weekly-list strong{font-size:12px}.weekly-list small{color:#8993a4;margin-top:4px;font-weight:400;display:block}.weekly-list span{color:#566173}@media (width<=700px){.weekly-list>div{grid-template-columns:1fr 1fr}}.record-list button{text-align:left;background:#fff;border:0;border-bottom:1px solid #e8eaf1;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:15px;display:flex}.record-list button strong{margin-left:auto}.chapter-list{gap:13px;margin:35px 0;display:grid}.chapter-week{background:#f8f9fd;border:1px solid #e7e9f0;border-radius:17px;padding:4px 12px 12px}.chapter-week summary{cursor:pointer;color:#4c5575;justify-content:space-between;align-items:center;padding:16px 10px;font-weight:700;list-style:none;display:flex}.chapter-week summary::-webkit-details-marker{display:none}.chapter-week summary:after{content:"⌄";margin-left:10px;font-size:18px}.chapter-week[open] summary:after{transform:rotate(180deg)}.chapter-week summary small{color:#8b95aa;margin-left:auto;font-weight:400}.chapter-week article+article{margin-top:8px}.chapter-list article{background:#fff;border:1px solid #e7e9f0;border-radius:17px;grid-template-columns:80px 1fr;gap:17px;padding:22px;display:grid}.chapter-list article>span{color:#6c74ba;font:700 12px DM Sans}.chapter-list article h2{margin:0 0 8px;font-family:Gowun Dodum;font-size:21px}.chapter-list article p{color:#7b8499;font-size:13px;line-height:1.8}.chapter-list article strong{color:#565eae;font-size:11px}.chapter-list article.locked{opacity:.55}.education-note{background:#eef0fb;border-radius:10px;padding:15px;font-size:12px!important}.chapter-list article{animation:.55s both rise}.chapter-list article:nth-child(2){animation-delay:80ms}.chapter-list article:nth-child(3){animation-delay:.16s}.chapter-list article:nth-child(4){animation-delay:.24s}@keyframes float{50%{transform:translateY(-10px)}}@keyframes twinkle{50%{opacity:.3;transform:scale(.75)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.content-grid{grid-template-columns:1fr}.insight-panel{max-width:none;position:static}.insight-illustration{height:145px}.insight-panel h2{max-width:500px}.hero{grid-template-columns:1fr 330px}}@media (width<=780px){.site-header{height:62px;padding:0 20px}.header-note{display:none}.demo-label{font-size:10px}.hero{grid-template-columns:1fr;min-height:340px;padding:38px 22px}.hero-copy{z-index:2;position:relative}.hero h1{font-size:42px}.hero-description{max-width:310px;font-size:12px}.hero-art{opacity:.58;position:absolute;top:30px;right:-100px;transform:scale(.7)}.content-grid{gap:18px;padding:22px 14px 95px}.diary-panel{border-radius:18px;padding:18px}.section-heading h2{font-size:24px}.section-heading p{font-size:11px}.entry-grid{grid-template-columns:1fr;gap:13px}.clock-card,.duration-card{padding:14px}.reflection{grid-template-columns:1fr;gap:17px}.bottom-nav{justify-content:space-around;gap:0;height:67px}.bottom-nav button{flex-direction:column;justify-content:center;gap:3px;padding:0 14px;font-size:10px}.save-row{flex-direction:column;align-items:stretch}.save-row .primary-button{width:100%}}@media (width<=380px){.brand{font-size:20px}.demo-label{text-align:right;max-width:130px;font-size:9px}.section-heading{align-items:start}.date-stepper button{width:27px}.clock-tabs button{font-size:10px}.duration-head strong{font-size:14px}.quality button{padding:7px 8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.account-strip{background:#eef0fb;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;max-width:1360px;margin:16px auto 0;padding:12px 5vw;display:flex}.account-strip>div{flex-direction:column;gap:3px;display:flex}.account-strip strong{color:#424b91;font-size:12px}.account-strip span{color:#717b9c;font-size:11px}.account-strip form{flex-wrap:wrap;gap:6px;display:flex}.account-strip input{border:1px solid #d8dcef;border-radius:7px;min-height:36px;padding:7px;font-size:11px}.account-strip button{color:#4e57a7;white-space:nowrap;background:#fff;border:1px solid #b8bfdf;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:700}.login-disclosure{color:#4d5266;max-width:1360px;margin:7px auto 0;padding:0 5vw;font-size:12px;line-height:1.6}.account-message{color:#555f9e;max-width:1360px;margin:8px auto;padding:0 5vw;font-size:12px}.unsaved-message{color:#69472d;flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.unsaved-message button{color:inherit;font:inherit;cursor:pointer;background:#fff8e9;border:1px solid #b78b62;border-radius:8px;padding:5px 10px;font-weight:700}.consent-panel{color:#4d493e;background:#fffaf0;border:1px solid #e9dcc1;border-radius:12px;max-width:1360px;margin:10px auto 0;padding:14px 5vw;font-size:12px;line-height:1.65}.consent-panel p{max-width:950px;margin:6px 0 10px}.consent-panel label{align-items:flex-start;gap:7px;margin-bottom:10px;display:flex}.consent-panel input{margin-top:4px}.consent-panel button{color:#4d493e;background:#fff;border:1px solid #cdbd9d;border-radius:8px;padding:7px 11px;font-size:11px}.service-consent-panel{font-size:14px}.service-consent-panel button{min-height:40px;font-size:14px}.service-consent-facts{grid-template-columns:minmax(95px,130px) 1fr;gap:8px 12px;max-width:950px;margin:14px 0;font-size:14px;line-height:1.55;display:grid}.service-consent-facts dt{font-weight:700}.service-consent-facts dd{margin:0}.consent-active{justify-content:space-between;align-items:center;gap:8px;display:flex}.account-delete{border-top:1px solid #e9dcc1;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:flex}.account-delete button{color:#a34343}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=780px){.account-strip{border-radius:0;flex-direction:column;align-items:stretch;margin:0;padding:12px 20px}.account-strip form{width:100%}.account-strip input{flex:1;min-width:0}.account-message{padding:0 20px}}.hero-copy{animation:.65s 80ms both rise}.hero-art{animation:.8s .15s both rise}.diary-panel{animation:.65s .18s both rise}.insight-panel{animation:.7s .28s both rise}.clock-card,.duration-card{transition:box-shadow .25s,transform .25s}.clock-tabs button,.period-switch button,.quality button,.date-stepper button,.bottom-nav button,.primary-button,.text-link,.duration-actions button{transition:background-color .18s,color .18s,transform .18s,box-shadow .18s}.clock-tabs button:active,.period-switch button:active,.quality button:active,.date-stepper button:active,.duration-actions button:active{transform:scale(.96)}.primary-button:not(:disabled):active{transform:scale(.97)}.dial-handle{transition:cx .17s cubic-bezier(.2,.8,.2,1),cy .17s cubic-bezier(.2,.8,.2,1)}.progress-orbs span{transition:background-color .35s,transform .35s}.progress-orbs span.filled{transform:scaleY(1.25)}.diary-panel.saved{animation:.7s both record-saved}.review-flags,.daytime-confirm,.account-message{animation:.25s both rise}@keyframes record-saved{0%{box-shadow:0 0 #777fcb50}55%{box-shadow:0 0 0 12px #777fcb13}to{box-shadow:0 18px 50px #22284609}}@media (prefers-reduced-motion:reduce){.hero-copy,.hero-art,.diary-panel,.insight-panel,.insight-copy,.review-flags,.daytime-confirm,.account-message{animation:none!important}.dial-handle,.progress-orbs span,.clock-tabs button,.period-switch button,.quality button,.date-stepper button,.bottom-nav button,.primary-button,.text-link,.duration-actions button{transition:none!important}}@media (width<=780px){.hero-art{animation:none}}