@font-face{font-family:system-rounded;src:local("SF Pro Rounded")}
:root{color-scheme:light;--paper:#faf3ec;--ink:#49323e;--muted:#796773;--plum:#583c50;--rose:#ead6df;--line:#e6d9d7;--sage:#dce5d6;--cream:#fffaf4;font-family:system-rounded,"Avenir Next",-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #ab7da3;outline-offset:4px}button{transition:background .16s,transform .16s}button:active{transform:translateY(1px)}button:disabled{cursor:default;opacity:.5}button,select{-webkit-tap-highlight-color:transparent}button:disabled:active{transform:none}[hidden]{display:none!important}#app{max-width:900px;margin:auto;padding:26px 32px 18px}.masthead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.wordmark{font-size:25px;font-weight:850;letter-spacing:-1.1px}.brand-dot{color:#c17f97}.eyebrow{font-size:10px;letter-spacing:1.8px;line-height:1.5;font-weight:750}#mode-label{border:1px solid var(--line);border-radius:30px;padding:7px 10px;white-space:nowrap}.scene{position:relative;min-height:308px;display:grid;grid-template-columns:1fr 245px;align-items:center;border-radius:28px;background:#e6e9df;overflow:hidden;margin-bottom:22px}.wallpaper{position:absolute;inset:0;background-image:url('assets/pattern.jpg');background-size:240px;opacity:.085;pointer-events:none}.scene-copy{position:relative;z-index:1;padding:25px 0 30px 26px}.scene-copy .eyebrow{font-size:9px;letter-spacing:1.3px;color:#7e5b71}h1{font-size:36px;line-height:1.08;letter-spacing:-1.7px;font-weight:850;margin:12px 0}#description{color:#725969;font-size:13px;line-height:1.55;max-width:210px;margin:0}.character{width:242px;height:279px;position:relative;align-self:end;margin-bottom:12px;transform-origin:50% 96%}.ground{position:absolute;bottom:10px;left:17%;right:10%;height:13px;border-radius:50%;background:rgba(117,73,101,.09)}
.sip-button{position:absolute;bottom:14px;left:25px;background:rgba(255,250,244,.55);border:1px solid rgba(123,84,112,.12);border-radius:20px;padding:6px 10px;font-size:10px;letter-spacing:.15px;color:#6d4c62;z-index:4}.sip-button:hover{background:var(--cream)}.pickers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pickers label{background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:13px 15px 10px;color:var(--muted);font-size:11px;font-weight:650;letter-spacing:.1px}.pickers select{display:block;width:100%;border:0;background:transparent;color:var(--ink);font-size:18px;font-weight:700;padding:8px 0 0;margin:0;cursor:pointer}.helper{font-size:11px;line-height:1.55;color:var(--muted);margin:12px 0 16px}.primary{background:var(--plum);color:#fff8f4;border:0;border-radius:15px;padding:15px 18px;font-weight:750;font-size:14px}.primary:hover{background:#6c4a62}.full{width:100%;display:flex;justify-content:center;align-items:center;gap:16px}.primary span{font-size:20px}.secondary{background:var(--cream);border:1px solid var(--line);border-radius:13px;padding:12px 16px;color:var(--ink);font-weight:650}.secondary:hover{background:#f4e8e8}.text-button{background:transparent;border:0;padding:5px;color:var(--muted);font-size:11px;text-decoration:none}.text-button:hover{color:var(--ink);text-decoration:underline}.preview-button{display:block;margin:10px auto 0}.footer{margin-top:20px}.footer summary{list-style:none;font-size:12px;font-weight:650;display:flex;justify-content:space-between;cursor:pointer;padding:10px 1px;border-top:1px solid var(--line)}.footer summary::-webkit-details-marker{display:none}.preferences{display:grid;gap:12px;background:var(--cream);padding:15px;border-radius:14px;margin:5px 0 12px}.preferences label{display:flex;align-items:flex-start;gap:10px;font-size:12px}.preferences input{accent-color:var(--plum);margin:2px 0 0;width:15px;height:15px}.preferences small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.footer-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;color:#9c8993;font-size:9px;letter-spacing:1px}.footer-line button{font-size:10px;letter-spacing:0}.status-strip{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;margin:-7px 0 18px;padding:0 3px}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions>.primary{flex:1}.actions>.wide{flex-basis:100%;display:block}.actions>.text-button{padding:9px 4px}.actions>.secondary{flex:1}.actions .subactions{display:flex;gap:12px;justify-content:center;flex-basis:100%;flex-wrap:wrap}.scene #clock-block{margin-top:19px}#clock-label{font-size:11px;color:#725969}#clock{font-variant-numeric:tabular-nums;font-size:47px;font-weight:750;line-height:1.2;letter-spacing:-2px;margin-top:3px}.guidance{background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:17px 19px;margin-bottom:16px}.guidance .eyebrow{color:#8f6e87;font-size:9px}.guidance h2{font-size:21px;font-weight:800;letter-spacing:-.5px;margin:8px 0}.guidance p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}.guidance small{display:block;font-size:10px;color:#9b858e;margin-top:10px}.guide-progress{display:flex;gap:6px;margin-top:13px}.guide-progress span{flex:1;height:4px;border-radius:4px;background:#eee3e8}.guide-progress span.current{background:#aa829f}.guide-progress span.past{background:#d1b7c9}#warning{background:#fff0d7;color:#7a562d;font-size:12px;line-height:1.5;padding:12px;border-radius:12px;margin-bottom:12px}body[data-phase="working"] h1{font-size:28px;line-height:1.13}body[data-phase="invitation"] .scene{background:#efe2d2}body[data-phase="takingBreak"] .scene,body[data-phase="checkIn"] .scene{background:#e0e8da}body[data-phase="celebrating"] .scene{background:#e1e9d9}body[data-phase="finished"] .scene{background:#e9e1ed}body[data-phase="takingBreak"] .scene{min-height:236px}body[data-phase="takingBreak"] .character{width:195px;height:224px;margin-left:25px}body[data-phase="takingBreak"] h1{font-size:29px}body[data-phase="takingBreak"] #description{font-size:12px}body[data-phase="takingBreak"] #clock{font-size:37px}body[data-phase="takingBreak"] .scene #clock-block{margin-top:8px}body[data-phase="takingBreak"] .scene-copy{padding-top:20px;padding-bottom:20px}body.paused .scene{background:#e7e2e7}body.paused #clock{color:#877180}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

body.compact #app{padding:10px 14px 8px}body.compact .masthead,body.compact .footer,body.compact #setup,body.compact .status-strip,body.compact #session-note,body.compact .wallpaper,body.compact .sip-button,body.compact #eyebrow,body.compact #warning{display:none!important}body.compact .scene{background:transparent;display:flex;flex-direction:column;min-height:0;overflow:visible;margin:0;border-radius:0}body.compact .character{width:143px;height:164px;align-self:center;order:0;margin:0 0 4px}body.compact .scene-copy{order:1;text-align:center;padding:0;width:100%}body.compact h1,body.compact[data-phase="working"] h1,body.compact[data-phase="takingBreak"] h1{font-size:18px;line-height:1.2;letter-spacing:-.45px;margin:0 0 5px}body.compact #description{max-width:none;font-size:11px;line-height:1.4}body.compact #clock-block{margin-top:3px!important;display:flex;align-items:center;justify-content:center;gap:7px}body.compact #clock-label{font-size:10px}body.compact #clock,body.compact[data-phase="takingBreak"] #clock{font-size:18px;letter-spacing:-.3px;margin:0}body.compact #session{margin-top:12px}body.compact .actions{gap:7px;justify-content:center}body.compact .actions .primary{padding:10px 10px;font-size:12px;border-radius:11px;flex-basis:100%}body.compact .actions .secondary{padding:9px 10px;font-size:11px;border-radius:10px}body.compact .actions .text-button{padding:3px;font-size:10px}body.compact .actions .subactions{gap:7px}body.compact #compact-controls{display:flex;justify-content:center;gap:12px;margin-top:10px}body.compact #compact-controls button{font-size:10px}body.compact[data-phase="working"] .actions .main-only,body.compact .main-only{display:none}body.compact .guidance{padding:10px 12px;margin-bottom:10px;border-radius:12px}body.compact .guidance h2{font-size:14px;margin:4px 0}body.compact .guidance p{font-size:10px}body.compact .guidance small{display:block;font-size:9px;margin-top:6px}body.compact .guide-progress{display:none}body.compact[data-phase="takingBreak"] .character{width:116px;height:133px;margin:0 0 2px}body.compact[data-phase="takingBreak"] #description{display:none}body.compact[data-phase="invitation"] .character,body.compact[data-phase="checkIn"] .character,body.compact[data-phase="celebrating"] .character{width:148px;height:170px}body.compact[data-phase="finished"] .character{width:143px;height:164px}
body.reduced *,body.reduced *::before,body.reduced *::after{animation:none!important;transition:none!important}
.guide-main{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:18px}.guide-image{display:block;width:112px;height:112px}.guide-copy{min-width:0}.guide-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}#guide-seconds{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--plum);background:#f0e8ee;border-radius:20px;padding:4px 9px;white-space:nowrap}.guidance h2{margin:7px 0 6px}.guide-foot{display:flex;justify-content:space-between;gap:10px;margin-top:10px;color:var(--muted);font-size:10px;line-height:1.45}.guide-foot small{font-size:10px;color:var(--muted);margin:0}.guide-progress span.current{background:var(--plum)}body:not(.compact)[data-phase="takingBreak"] .scene{min-height:218px;margin-bottom:18px}body:not(.compact)[data-phase="takingBreak"] .character{height:207px;width:180px;margin-bottom:6px}body:not(.compact)[data-phase="takingBreak"] .scene-copy{padding-top:15px;padding-bottom:15px}body:not(.compact)[data-phase="takingBreak"] h1{font-size:29px;margin:8px 0}
body.compact .guide-main{grid-template-columns:56px 1fr;gap:9px}body.compact .guide-image{width:56px;height:56px}body.compact .guide-meta{gap:4px}body.compact .guidance .eyebrow{font-size:7px;letter-spacing:.6px}body.compact #guide-seconds{font-size:9px;padding:2px 5px}body.compact .guide-foot{margin-top:7px}body.compact #guide-next{display:none}body.compact .guide-foot small{font-size:9px;margin:0}body.compact[data-phase="takingBreak"] .character{width:105px;height:121px}body.compact[data-phase="takingBreak"] h1 br{display:none}body.compact[data-phase="takingBreak"] h1{font-size:16px}body.compact[data-phase="takingBreak"] #clock-label{font-size:9px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.break-choice{margin:0 0 16px}.break-choice fieldset{border:0;margin:0;padding:0;min-width:0}.break-choice legend{width:100%;padding:0;margin-bottom:9px;font-size:12px;font-weight:700;display:flex;justify-content:space-between;gap:10px}.break-choice legend span{font-weight:400;color:var(--muted);font-size:11px}.break-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.break-option{position:relative;cursor:pointer;min-width:0}.break-option input{position:absolute;opacity:0;width:1px;height:1px;left:10px;top:10px}.break-option>span{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:70px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--cream);color:var(--muted)}.break-option strong{font-size:12px;line-height:1.3;font-weight:650}.break-option small{font-size:10px}.break-option input:checked+span{background:#ede2ed;border-color:#9e7a95;box-shadow:inset 0 0 0 1px #9e7a95;color:var(--ink)}.break-option input:focus-visible+span{outline:3px solid #ab7da3;outline-offset:3px}.break-option:hover>span{border-color:#9e7a95}.break-choice .helper{margin:9px 1px 0;font-size:11px;min-height:17px}
body:not(.compact)[data-phase="invitation"] .scene{min-height:220px;margin-bottom:18px}body:not(.compact)[data-phase="invitation"] .character{height:218px;width:190px;margin:0 18px 8px auto}body:not(.compact)[data-phase="invitation"] .scene{grid-template-columns:1fr 220px}body:not(.compact)[data-phase="invitation"] h1{font-size:30px}
body.compact[data-phase="invitation"] .scene{display:grid;grid-template-columns:1fr 90px;gap:6px}body.compact[data-phase="invitation"] .scene-copy{order:0;text-align:left}body.compact[data-phase="invitation"] .character{order:1;width:90px;height:104px;margin:0}body.compact[data-phase="invitation"] h1{font-size:20px}body.compact[data-phase="invitation"] #session{margin-top:8px}body.compact .break-choice{margin-bottom:10px}body.compact .break-choice legend{font-size:10px;margin-bottom:6px}body.compact .break-choice legend span{display:none}body.compact .break-options{gap:5px}body.compact .break-option>span{min-height:64px;padding:8px 6px;border-radius:10px;gap:4px}body.compact .break-option strong{font-size:10px}body.compact .break-option small{font-size:9px}body.compact .break-choice .helper{font-size:10px;line-height:1.4;margin-top:7px;min-height:28px}
body.browser [data-native-only]{display:none!important}.browser-note{font-size:11px;line-height:1.5;color:var(--muted);margin:-7px 2px 16px;max-width:560px}
body.compact[data-phase="takingBreak"] .scene{display:grid;grid-template-columns:1fr 78px;gap:6px}body.compact[data-phase="takingBreak"] .scene-copy{order:0;text-align:left}body.compact[data-phase="takingBreak"] .character{order:1;width:78px;height:90px;margin:0}body.compact[data-phase="takingBreak"] #clock-block{justify-content:flex-start}
@media(max-width:550px){body:not(.compact) #app{padding:22px}body:not(.compact) .scene{grid-template-columns:1fr 190px;min-height:290px}body:not(.compact) .character{width:190px;height:218px;margin-bottom:20px}body:not(.compact) .scene-copy{padding-left:19px}body:not(.compact) h1{font-size:30px}body:not(.compact) #description{font-size:12px}body:not(.compact) .scene-copy .eyebrow{font-size:8px}body:not(.compact)[data-phase="takingBreak"] .character{margin-left:0}body:not(.compact) #clock{font-size:41px}body:not(.compact) .footer-line{font-size:8px}}


.daily-card{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:17px 19px;margin:20px 0 0;border:1px solid var(--line);border-radius:18px;background:var(--cream)}.daily-card .eyebrow{font-size:8px;letter-spacing:1.2px;color:#8a697e}.daily-card h2{font-size:19px;line-height:1.25;letter-spacing:-.5px;margin:7px 0 5px}.daily-card p{color:var(--muted);font-size:11px;line-height:1.5;margin:0;max-width:300px}.daily-dots{display:flex;gap:6px;margin-top:10px}.daily-dots span{width:9px;height:9px;border:1px solid #c6afbd;border-radius:50%;background:transparent}.daily-dots .filled{background:#b78099;border-color:#b78099}.pin-shelf{display:flex;align-items:center;gap:12px;border-left:1px solid var(--line);padding-left:18px}.pin-shelf img{width:42px;height:auto;transform:rotate(-9deg)}.pin-shelf strong{display:block;font-size:12px}.pin-shelf small{display:block;color:var(--muted);font-size:10px;line-height:1.4;margin-top:4px}.pin-shelf button{padding:5px 0 0;color:var(--plum);font-weight:650;text-decoration:underline}.day-summary{background:#edf0e6}.day-summary h2{max-width:340px}.day-summary .daily-dots{display:none}
body.compact .daily-card{padding:10px 12px;margin:10px 0;display:block}body.compact .daily-card h2{font-size:14px;margin:5px 0}body.compact .daily-card .eyebrow{font-size:7px}body.compact .daily-card p,body.compact .daily-card .pin-shelf{display:none}body.compact[data-phase="finished"] .scene{display:grid;grid-template-columns:1fr 90px;gap:8px}body.compact[data-phase="finished"] .scene-copy{order:0;text-align:left}body.compact[data-phase="finished"] .character{order:1;width:90px;height:104px;margin:0}body.compact[data-phase="finished"] h1{font-size:20px}
@media(max-width:550px){body:not(.compact) .daily-card{grid-template-columns:1fr;gap:13px}body:not(.compact) .pin-shelf{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}}

/* Each curated outfit keeps its own setting throughout the session. */
body:not(.compact)[data-scene="home"] .scene{background:#e8e5dc}
body:not(.compact)[data-scene="rain"] .scene{background:#dce6e5}
body:not(.compact)[data-scene="sun"] .scene{background:#eee5c9}
.scene-setting{display:none;position:absolute;right:24px;top:20px;width:58px;height:58px;opacity:.5;pointer-events:none}
body[data-scene="home"] .scene-setting{display:block;border:4px solid #aa93a7;border-radius:13px;background:#8d889f}
body[data-scene="home"] .scene-setting::before{content:"";position:absolute;left:23px;top:0;width:3px;height:100%;background:#c7b6c6}
body[data-scene="home"] .scene-setting::after{content:"";position:absolute;top:23px;left:0;height:3px;width:100%;background:#c7b6c6}
body[data-scene="home"] .scene-setting span{position:absolute;width:16px;height:16px;right:5px;top:5px;border-radius:50%;box-shadow:-5px 2px 0 #f9e9bc}
body[data-scene="sun"] .scene-setting{display:block;background:#e6bc62;border:7px solid #edcf8d;border-radius:50%}
body[data-scene="rain"] .scene-setting{display:block;background:repeating-linear-gradient(115deg,transparent 0 16px,#a3bfc1 16px 19px,transparent 19px 28px);height:30px;width:55px;opacity:.35;right:34px;top:26px}
body.compact .scene-setting{display:none!important}
.scene-picker{border:0;padding:0 0 14px;margin:0 0 2px;border-bottom:1px solid var(--line);min-width:0}
.scene-picker legend{font-weight:750;font-size:13px;padding:0}.scene-picker>.helper{font-size:11px;margin:7px 0 12px}
.scene-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.scene-option,.preferences .scene-option{display:block;position:relative;cursor:pointer;min-width:0}
.scene-option input{position:absolute;opacity:0;width:1px;height:1px;top:10px;left:10px}
.scene-option>span{display:block;border:1px solid var(--line);border-radius:13px;padding:5px 5px 10px;background:var(--cream);height:100%}
.scene-swatch{display:flex;align-items:center;justify-content:center;height:102px;border-radius:9px;margin-bottom:9px;overflow:hidden}
.scene-swatch>img{height:94px;width:80px;object-fit:contain;display:block}
body .scene-swatch .wardrobe-character.character{position:relative;width:80px;height:94px;margin:0;flex:none;align-self:center;transform:none;pointer-events:none}
.scene-swatch .ground{display:none}
.swatch-office{background:#e6e9df}.swatch-home{background:#e8e5dc}.swatch-rain{background:#dce6e5}.swatch-sun{background:#eee5c9}
.scene-option strong{display:block;font-size:11px;margin:0 3px}.preferences .scene-option small{font-size:9px;line-height:1.4;margin:4px 3px 0}
.scene-option input:checked+span{border-color:#91718b;box-shadow:inset 0 0 0 1px #91718b;background:#f4ecf2}
.scene-option input:focus-visible+span{outline:3px solid #ab7da3;outline-offset:3px}.scene-option:hover>span{border-color:#91718b}
.scene-picker>#scene-note{font-size:10px;margin:12px 0 0;color:var(--muted)}
@media(max-width:550px){.scene-options{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* One short introduction, using the same timing controls as returning sessions. */
body.welcome #app{padding-top:20px}
body.welcome .masthead{margin-bottom:15px}
body.welcome .scene{min-height:174px;grid-template-columns:1fr 180px;margin-bottom:18px;border-radius:22px}
body.welcome .scene-copy{padding:21px 0 21px 23px}
body.welcome h1{font-size:32px;margin:9px 0 10px;letter-spacing:-1.1px}
body.welcome #description{max-width:260px;font-size:12px}
body.welcome .character{width:153px;height:176px;margin:0 15px 5px 0}
body.welcome .scene-setting{transform:scale(.7);transform-origin:top right;top:13px;right:15px}
body.welcome .sip-button,body.welcome .footer-line,body.welcome .preferences .scene-picker{display:none}
.welcome-intro{margin-bottom:12px}
.welcome-intro h2{margin:0 0 5px;font-size:18px;letter-spacing:-.3px}
.welcome-intro p{margin:0;font-size:11px;line-height:1.5;color:var(--muted)}
body.welcome .pickers label{padding:10px 13px}
body.welcome .pickers select{font-size:17px;padding-top:5px}
body.welcome #schedule-note{font-size:10px;margin:9px 0 15px}
.welcome-outfits{border:0;margin:0 0 17px;padding:0}
.welcome-outfits legend{width:100%;display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;font-size:12px}
.welcome-outfits legend>span{font-size:10px;font-weight:400;color:var(--muted)}
.welcome-outfits .scene-options{grid-template-columns:repeat(4,minmax(0,1fr))}
.welcome-outfits .scene-swatch{height:77px;margin-bottom:7px}
.welcome-outfits .scene-swatch>img{width:64px;height:74px}
body.welcome .scene-swatch .wardrobe-character.character{width:64px;height:74px}
.welcome-outfits .scene-option>span{padding:4px 4px 9px}
.welcome-outfits .scene-option strong{text-align:center;font-size:11px}
.welcome-outfits .scene-option input:checked+span{background:#edf0e6;border-color:#77846b;box-shadow:inset 0 0 0 1px #77846b}
.welcome-back{display:block;margin:4px auto 0}
.sound-settings{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0}
.sound-settings .helper{font-size:10px;margin:8px 0 10px}
.sound-previews{display:flex;flex-wrap:wrap;gap:7px}
.sound-previews .secondary{font-size:10px;font-weight:600;padding:8px 11px;border-radius:10px}
body.welcome .footer{margin-top:13px}
@media(max-width:550px){
  body.welcome #app{padding:18px}
  body.welcome .scene{grid-template-columns:1fr 140px;min-height:164px}
  body.welcome .scene-copy{padding:18px 0 18px 16px}
  body.welcome .character{width:128px;height:147px;margin:0 5px 8px 0}
  body.welcome h1{font-size:27px}
  .welcome-outfits .scene-options{gap:6px}
}

/* One quiet goal and one deliberate keepsake moment, using the existing pin artwork. */
.keepsake-hint{display:flex;align-items:center;gap:8px;margin-top:15px;font-size:10px;line-height:1.45;color:#59654d;font-weight:650;max-width:255px}
.keepsake-hint img{flex:none;width:19px;height:23px;transform:rotate(-9deg)}
.reward-reveal{display:flex;align-items:center;gap:16px;padding:17px 20px;margin:0 0 16px;border:1px solid #cfd6c3;border-radius:18px;background:#edf0e5}
.reward-token{display:grid;place-items:center;flex:none;width:78px;height:78px;background:#fffaf3;border:1px solid #d9ddcf;border-radius:50%}
.reward-token img{width:43px;height:49px;transform:rotate(-10deg)}
.reward-reveal .eyebrow{font-size:8px;letter-spacing:1.2px;color:#5e6c50}
.reward-reveal h2{font-size:20px;margin:5px 0;color:var(--ink);letter-spacing:-.4px}
.reward-reveal p{font-size:11px;line-height:1.5;color:var(--muted);margin:0;max-width:360px}
body.reward-moment:not(.compact) .scene{background:#e4eadb}
body.reward-moment:not(.compact) h1{font-size:31px;line-height:1.12}
body.compact .reward-reveal{padding:10px;gap:10px;margin-bottom:12px;text-align:left}
body.compact .reward-token{width:45px;height:45px}
body.compact .reward-token img{width:27px;height:31px}
body.compact .reward-reveal h2{font-size:15px;margin:3px 0}
body.compact .reward-reveal p{font-size:10px}
body.compact .keepsake-hint{display:none}
@media(max-width:550px){body:not(.compact) .reward-reveal{padding:14px;gap:12px}body:not(.compact) .reward-token{width:62px;height:62px}body.reward-moment:not(.compact) h1{font-size:27px}}