@import url('./fonts.css');

:root{color-scheme:light;--bg:#fff6fa;--cream:#2e465b;--muted:#617789;--gold:#8e5876;--line:#e2d5e0;font-family:'DM Sans',sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);min-width:320px;isolation:isolate}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #bfd4e4;outline-offset:6px}button{color:inherit}a{color:inherit;text-decoration:none}button .icon{pointer-events:none}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.wrap{max-width:1192px;width:calc(100% - 112px);margin-inline:auto}.ambient{position:absolute;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(100px)}.ambient-one{top:-230px;right:-90px;width:700px;height:700px;background:radial-gradient(circle,#e9cadb66,transparent 70%)}.ambient-two{top:650px;left:-180px;width:500px;height:650px;background:radial-gradient(circle,#e9cadb36,transparent 70%)}body{overflow-x:hidden}body:after{content:'';position:fixed;inset:0;opacity:.028;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E")}
.site-header{height:99px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-family:Georgia,'Times New Roman',serif;font-size:30px;letter-spacing:-1.6px}.brand-mark{font-family:Georgia,serif;color:var(--gold);font-size:38px;line-height:1;font-weight:400}.brand-dot{color:var(--gold)}.header-note{font-size:9px;font-weight:500;letter-spacing:2.8px;display:flex;align-items:center;gap:10px;color:#6b6178;margin-left:48px}.header-note i{width:4px;height:4px;border-radius:50%;background:var(--gold)}.help-button{display:flex;align-items:center;gap:8px;border:0;background:none;color:#6b6178;font-size:11px;padding:12px 0 12px 12px}.help-button:hover{color:var(--cream)}.help-icon{border:1px solid #bfd4e4;border-radius:50%;width:17px;height:17px;text-align:center;font-size:11px;line-height:15px}
.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:365px;position:relative;align-items:center;padding:44px 0 34px;gap:10px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:9px;letter-spacing:2.6px;color:var(--gold);font-weight:500;display:flex;gap:12px;align-items:center;margin:0 0 22px}.eyebrow>span{display:block;width:21px;height:1px;background:var(--gold)}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2.9px;font-size:58px;line-height:1.07;margin:0}h1 em{color:#457a9f;font-weight:400} .hero-description{font-size:12px;line-height:1.9;color:#6b6178;margin:20px 0 0;font-weight:400}.hero-footnote{margin-top:23px;font-size:10px;color:#6b6178;display:flex;align-items:center;gap:8px}.tiny-star{color:var(--gold);font-size:19px}.hero-art{height:300px;position:relative;align-self:center;isolation:isolate;min-width:0;transform:translate(8px,-2px)}.hero-art:before{content:'';position:absolute;inset:45px 10px;background:radial-gradient(ellipse,#cee4f43a,transparent 68%);filter:blur(25px)}#scene{display:block;width:100%;height:100%;position:absolute;inset:0;z-index:1}.orbit{position:absolute;width:345px;height:175px;border:1px solid #bfd4e45a;border-radius:50%;top:75px;left:50%;transform:translateX(-50%) rotate(-20deg)}.orbit-two{width:270px;height:270px;transform:translateX(-50%) rotate(35deg);top:15px;border-color:#bfd4e45a}.art-star{position:absolute;z-index:2;color:var(--gold)}.star-one{top:39px;right:85px;font-size:22px}.star-two{bottom:68px;left:30px;font-size:34px}.star-three{top:68px;left:72px;font-size:25px}.art-caption{position:absolute;bottom:3px;left:50%;transform:translateX(-50%) rotate(-6deg);color:#457a9f;font-family:Georgia,serif;font-style:italic;font-size:14px;white-space:nowrap}.hero-fallback{position:absolute;inset:0;transition:opacity .5s}.hero-fallback svg{position:absolute;width:148px;left:32%;top:22%;filter:drop-shadow(0 25px 25px #6e89a328);transform:rotate(-12deg)}.hero-fallback svg:nth-child(2){width:98px;left:12%;top:7%;transform:rotate(12deg);opacity:.9}.hero-fallback svg:nth-child(3){width:86px;left:67%;top:49%;transform:rotate(15deg)}.hero-art.ready .hero-fallback{opacity:0}
.game-section{margin-top:9px}.board-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 23px}.section-number{font-size:8px;letter-spacing:2px;display:block;color:var(--gold);margin-bottom:9px}h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:26px;letter-spacing:-.8px;margin:0}.board-heading-group p{font-size:10px;color:var(--muted);margin:9px 0 0}.random-button{display:flex;align-items:center;gap:10px;border:1px solid #bfd4e45a;border-radius:5px;background:#cee4f423;padding:13px 17px;font-size:10px;font-weight:500;color:#457a9f;transition:background .2s,border-color .2s}.random-button>.icon:first-child{width:16px;height:16px;fill:none}.random-button .arrow{width:15px;margin-left:13px}.random-button:hover{background:#cee4f423;border-color:#bfd4e499}.random-button:disabled{opacity:.35}.board-shell{border:1px solid var(--line);border-radius:10px;background:linear-gradient(130deg,#cee4f423,#cee4f423 55%,#cee4f423);padding:0 26px;position:relative;box-shadow:inset 0 1px #6e89a303,0 24px 70px #6e89a30a}.board-info{height:53px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bfd4e45a}.board-info-left{font-size:7px;letter-spacing:1.8px;color:#6b6178;display:flex;align-items:center;gap:7px}.live-dot{width:4px;height:4px;background:#dceefa;border-radius:50%;box-shadow:0 0 9px #6e89a328}.remaining{font-size:9px;color:#6b6178}.remaining strong{font-size:12px;font-weight:500;color:#457a9f;margin-right:3px}.board{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));column-gap:16px;row-gap:9px;padding:20px 0 18px}.box-button{border:0;background:none;position:relative;padding:3px 2px 8px;min-width:0;display:flex;flex-direction:column;align-items:center;border-radius:8px;transition:background .25s;isolation:isolate}.box-button:before{content:'';position:absolute;inset:14% -2px 15%;background:radial-gradient(ellipse,var(--box-glow),transparent 70%);opacity:0;transition:opacity .3s;z-index:-1}.gift-svg{display:block;width:100%;max-width:85px;height:auto;overflow:visible;filter:drop-shadow(0 9px 7px #6e89a328);transform-origin:50% 75%;transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s;will-change:transform}.gift-lid{transform-origin:50px 40px;transition:transform .35s}.gift-bow{transition:opacity .3s}.box-button:not(:disabled):hover:before,.box-button:not(:disabled):focus-visible:before{opacity:1}.box-button:not(:disabled):hover .gift-svg{transform:translateY(-7px) rotate(-3deg);filter:drop-shadow(0 15px 10px #6e89a328)}.box-button:not(:disabled):hover .gift-lid{transform:translateY(-3px)}.box-number{font-size:8px;font-weight:400;letter-spacing:1.4px;color:#6b6178;margin-top:4px;transition:color .2s;display:flex;align-items:center;gap:4px;min-height:14px}.box-button:not(:disabled):hover .box-number{color:#2c465d}.used-lock{width:9px;height:9px;display:none}.box-button.used .gift-svg{opacity:.2;filter:none;transform:scale(.88)}.box-button.used .gift-lid{transform:translate(10px,-12px) rotate(12deg)}.box-button.used .gift-bow{opacity:0}.box-button.used .box-number{color:#6b6178;font-size:8px}.box-button.used .used-lock{display:block}.box-button.just-opened .gift-svg{animation:open-pop .5s ease}.board-bottom{display:flex;align-items:center;gap:15px;min-height:49px;border-top:1px solid #bfd4e45a;color:#6b6178;font-size:8px}.board-bottom>span:first-child{display:flex;gap:6px;align-items:center}.board-bottom .icon{width:11px;height:11px}.progress-track{margin-left:auto;width:82px;height:2px;border-radius:4px;background:#cee4f423;overflow:hidden}.progress-track>span{display:block;width:0;height:100%;background:#dceefa;transition:width .6s ease}.category-strip{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;padding:26px 0 32px}.category-strip>span{font-size:7px;letter-spacing:1.8px;color:#6b6178}.category-strip>div{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.category{display:flex;gap:6px;align-items:center;font-size:8px;color:#6b6178}.category i{width:5px;height:5px;border-radius:50%;display:block;background:var(--category-color)}.site-footer{padding:22px 0 26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;color:#6b6178;font-size:9px}.footer-heart{font-family:Georgia,serif;font-style:italic;color:#457a9f;font-size:12px}.site-footer>span:last-child{display:flex;gap:10px;align-items:center;letter-spacing:1.5px;font-size:7px}.site-footer .icon{width:12px;height:12px;color:#457a9f}.completion{text-align:center;padding:35px 15px 5px}.completion>span{color:#457a9f;font-size:37px}.completion h2{font-size:35px;line-height:1.3;margin-top:15px}.completion h2 em{color:#457a9f;font-weight:400}.completion p{font-size:12px;color:var(--muted);margin-top:16px}
dialog{color:#6b6178;border:1px solid #bfd4e4;background:#dceefa;border-radius:14px;padding:52px 52px 32px;width:min(600px,calc(100% - 36px));max-height:calc(100dvh - 40px);overflow-x:hidden;box-shadow:0 35px 150px #6e89a328;position:fixed;margin:auto;isolation:isolate}dialog::backdrop{background:#cee4f4b8;backdrop-filter:blur(11px)}dialog[open]{animation:dialog-in .45s cubic-bezier(.2,.75,.2,1)}.question-dialog{text-align:center}.dialog-close{position:absolute;top:15px;right:15px;background:none;border:1px solid #bfd4e45a;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;color:#6b6178;z-index:3}.dialog-close:hover{background:#e9cadb23}.dialog-close .icon{width:14px;height:14px}.question-category{display:inline-flex;border:1px solid #bfd4e45a;color:#457a9f;padding:6px 12px;border-radius:30px;font-size:9px;letter-spacing:.3px}.question-ornament{display:block;font-family:Georgia,serif;font-size:58px;font-weight:400;color:var(--question-color,#457a9f);line-height:1.3;margin:22px 0 12px}.question-box-label{font-size:8px;letter-spacing:2px;color:#457a9f;margin:0 0 18px}.question-dialog h2{font-size:33px;line-height:1.38;letter-spacing:-.8px;position:relative;margin:0 auto;color:#6b6178;max-width:480px}.question-tip{font-size:11px;color:#6b6178;margin:23px 0 0}.question-divider{margin:25px auto;width:100%;display:flex;align-items:center;justify-content:center;gap:13px;color:#457a9f;font-size:14px}.question-divider:before,.question-divider:after{content:'';height:1px;width:72px;background:#cee4f42f}.continue-button{background:#fbfdff;color:#2c465d;border:1px solid #bfd4e4;display:flex;justify-content:center;align-items:center;gap:35px;padding:15px 22px;border-radius:4px;font-size:11px;margin:0 auto;transition:background .2s}.continue-button:hover{background:#fbfdff}.continue-button .icon{width:16px;height:16px}.single-use-note{display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;line-height:1.8;color:#457a9f;margin:17px 0 0}.single-use-note .icon{width:10px;height:10px}.help-dialog{text-align:center;padding-top:40px}.help-ornament{display:block;font-size:40px;color:#457a9f}.help-dialog .eyebrow{font-size:7px;color:#457a9f;justify-content:center;margin:12px 0 15px;letter-spacing:1.8px}.help-dialog h2{font-size:35px}.help-dialog h2 em{color:#6b6178}.help-dialog ol{list-style:none;margin:27px 0 0;padding:0;text-align:left}.help-dialog li{display:flex;gap:16px;margin:24px 0}.help-dialog li>span{font-size:11px;color:#457a9f;padding-top:3px}.help-dialog li strong{font-size:12px;font-weight:600;color:#6b6178}.help-dialog li p{font-size:11px;line-height:1.8;color:#6b6178;margin:6px 0 0}.storage-note{padding-top:16px;border-top:1px solid #bfd4e45a;font-size:9px;line-height:1.8;color:#6b6178;margin:20px 0}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);border:1px solid #bfd4e45a;background:#fbfdff;color:var(--cream);box-shadow:0 8px 35px #6e89a328;border-radius:7px;padding:14px 20px;z-index:100;font-size:11px;line-height:1.8;width:max-content;max-width:calc(100% - 36px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{text-align:center;padding:20px;color:var(--cream)}
@keyframes dialog-in{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:none}}@keyframes open-pop{0%{transform:scale(1)}50%{transform:scale(1.1) translateY(-8px)}100%{transform:scale(.88)}}
@media(min-width:1500px){.wrap{max-width:1240px}.hero{min-height:400px}.hero-art{height:340px}h1{font-size:66px}.board{gap:12px 22px}.gift-svg{max-width:91px}}
@media(max-width:1050px){.wrap{width:calc(100% - 72px)}.hero{grid-template-columns:1.2fr 1fr}h1{font-size:49px}.hero-art{height:280px}.orbit-one{width:280px}.hero-art .star-one{right:35px}.board{column-gap:7px}.board-shell{padding:0 20px}.header-note{margin-left:0;font-size:8px;letter-spacing:1.8px}.hero-fallback svg{width:125px}.hero-fallback svg:nth-child(2){width:75px}.hero-fallback svg:nth-child(3){width:70px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:78px}.brand{font-size:27px}.brand-mark{font-size:32px}.header-note{display:none}.help-button{font-size:10px}.hero{padding:34px 0 29px;min-height:315px;grid-template-columns:1.1fr .85fr;gap:0}.eyebrow{font-size:7px;letter-spacing:1.4px;gap:8px;margin-bottom:18px}.eyebrow>span{width:15px}h1{font-size:43px;letter-spacing:-2px;line-height:1.12}.hero-description{font-size:11px;margin-top:16px}.hero-footnote{font-size:8px;margin-top:16px}.hero-art{height:230px;transform:translate(10px,0)}.orbit-one{width:215px;height:130px;top:65px}.orbit-two{width:195px;height:195px}.art-caption{font-size:11px;bottom:5px}.star-one{font-size:17px;top:10px;right:20px!important}.star-two{font-size:23px;left:0;bottom:45px}.star-three{left:12px;top:38px}.board-top{margin-bottom:19px}.board-heading-group h2{font-size:23px}.board-heading-group p{font-size:9px}.section-number{font-size:7px}.random-button{font-size:9px;padding:11px 12px;gap:7px}.random-button .arrow{display:none}.random-button>.icon:first-child{width:15px}.board{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px 16px;padding:19px 0}.board-shell{padding:0 19px}.gift-svg{max-width:87px}.board-info-left{font-size:6px;letter-spacing:1px}.remaining{font-size:8px}.remaining strong{font-size:11px}.board-info{height:46px}.category-strip{gap:13px;padding:24px 0}.category-strip>span{font-size:7px}.category-strip>div{gap:12px 17px}.category{font-size:8px}.site-footer{padding:19px 0 23px;font-size:8px}.site-footer>span:last-child{font-size:6px;letter-spacing:1px}.hero-fallback svg{width:95px;top:28%;left:30%}.hero-fallback svg:nth-child(2){width:65px;left:0;top:12%}.hero-fallback svg:nth-child(3){width:52px;left:68%;top:56%}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}.site-header{height:73px}.hero{display:block;padding:35px 0 28px;min-height:350px}.hero-copy{width:100%}.hero h1{font-size:45px;line-height:1.08;letter-spacing:-2.2px}.hero .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:21px}.hero-description{font-size:11px;line-height:1.9;margin-top:18px}.hero-footnote{font-size:8px;margin-top:18px;position:relative;z-index:3}.hero-art{position:absolute;right:-25px;bottom:1px;width:180px;height:207px;transform:rotate(6deg);opacity:.95}.hero-art .orbit{width:170px;height:105px;top:50px}.orbit-two{display:none}.hero-art .art-caption{font-size:10px;bottom:4px}.hero-art .star-one{top:23px;right:26px!important;font-size:15px}.hero-art .star-two{font-size:20px;bottom:24px;left:13px}.hero-art .star-three{display:none}.hero-fallback svg{width:86px}.hero-fallback svg:nth-child(2){width:58px;left:3%;top:15%}.hero-fallback svg:nth-child(3){width:46px;left:68%;top:53%}.board-top{align-items:center;gap:12px}.board-heading-group h2{font-size:22px;letter-spacing:-.8px}.board-heading-group p{font-size:8px;line-height:1.7;max-width:200px;margin-top:7px}.random-button{padding:11px 10px;font-size:9px;gap:6px;white-space:nowrap}.random-button .icon{width:13px!important;height:13px}.section-number{font-size:6px;margin-bottom:7px}.board-shell{padding:0 12px;border-radius:7px}.board-info{height:45px}.board-info-left{font-size:5.5px;letter-spacing:.7px;gap:5px;max-width:150px;line-height:1.7}.live-dot{flex-shrink:0}.remaining{font-size:7px;white-space:nowrap}.remaining strong{font-size:10px}.board{gap:11px 7px;padding:15px 0 14px}.box-button{padding:2px 0 5px}.box-number{font-size:7px;margin-top:2px}.board-bottom{font-size:6.5px;gap:6px;min-height:43px}.board-bottom .icon{width:9px;height:9px}.board-bottom>span:first-child{gap:4px}.progress-track{width:37px}.board-bottom>span:last-child{white-space:nowrap}.category-strip{padding:23px 3px 25px;gap:12px}.category-strip>div{gap:11px 17px}.category{font-size:7px}.category i{width:4px;height:4px}.site-footer{align-items:center;font-size:7px;gap:8px}.footer-heart{font-size:10px}.site-footer>span:last-child{font-size:5.5px;letter-spacing:.7px;gap:6px}.site-footer .icon{width:10px;height:10px}dialog{padding:43px 24px 27px;width:calc(100% - 30px);max-height:calc(100dvh - 30px);border-radius:10px}.question-dialog h2{font-size:29px;line-height:1.36}.question-ornament{font-size:48px;margin:20px 0 11px}.question-box-label{font-size:7px;margin-bottom:16px}.question-tip{font-size:10px;margin-top:19px}.single-use-note{font-size:7px}.question-category{font-size:8px}.question-divider{margin:23px auto}.continue-button{font-size:10px;padding:14px 20px}.help-dialog h2{font-size:31px}.help-dialog li{gap:12px}.help-dialog li strong{font-size:11px}.help-dialog li p{font-size:10px}.help-dialog .eyebrow{font-size:6px;letter-spacing:1.3px}}
html{overflow-x:clip}.ambient{max-width:100%}.ambient-one{right:0}.ambient-two{left:0}
.reconnect-button{border:1px solid #bfd4e45a;background:transparent;border-radius:4px;padding:5px 8px;font-size:9px;color:var(--gold);margin-left:auto;margin-right:12px}.reconnect-button[hidden]{display:none}.live-dot.offline{background:#f9e6ef;box-shadow:none}.box-button:disabled:not(.used){opacity:.48}.board[aria-busy="true"]{cursor:progress}.board-info-left{min-width:0;line-height:1.5}#connection-message{max-width:240px}
@media(max-width:480px){.hero h1{font-size:38px;letter-spacing:-1.8px}.hero-art{right:0;width:150px;height:190px;transform:none}.box-number{font-size:9px}.remaining{font-size:8px}.board-info-left{font-size:6.5px;letter-spacing:.5px;max-width:140px}.board-info{gap:8px}.board-bottom{font-size:7px}.category{font-size:9px}.hero-description{font-size:12px}.hero-footnote{font-size:9px}.hero-art .art-caption{font-size:9px}.board-heading-group p{font-size:9px}.site-footer{font-size:8px}.single-use-note{font-size:8px}}
@media(max-width:480px){.hero-art{overflow:clip}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.gift-svg{will-change:auto}}

.board .box-button.used .gift-svg{opacity:.52;filter:grayscale(.88) saturate(.2)}
.revisit-badge{color:#457a9f;background:#cee4f44a;border:1px solid #bfd4e466;border-radius:20px;padding:7px 13px;width:fit-content;margin:14px auto 0;font-size:12px;font-weight:600}
.revisit-badge[hidden]{display:none}

/* Powder pink and light blue; state classes and board layout are unchanged. */
body{background:radial-gradient(ellipse at 90% 0,#e1f0fc 0,transparent 45%),radial-gradient(ellipse at 0 35%,#f9e0ec 0,transparent 55%),#fff7fb}
.ambient-one{background:radial-gradient(circle,#c4e2f580,transparent 70%)}.ambient-two{background:radial-gradient(circle,#f0c6da70,transparent 70%)}
.brand-mark,.brand-dot{color:#6395b7}.help-button{color:#60758a}.help-button:hover{color:#325d7d}
h1{color:#304b61}h1 em{color:#aa6889}.eyebrow,.section-number{color:#688ba7}.hero-footnote{color:#6f788b}
.hero-art:before{background:radial-gradient(ellipse,#d6ebfa80,transparent 68%)}.art-star{color:#b4809d}.art-caption{color:#92718a}
.orbit{border-color:#b4d1e766}.orbit-two{border-color:#dfbdd155}
.random-button{background:#e6f3fd;border-color:#b7d7ec;color:#365f80;border-radius:10px;box-shadow:0 3px 8px #7195b010}
.random-button:hover{background:#d8ecfb;border-color:#95bfdd}
.board-shell{background:linear-gradient(130deg,#ffffffea,#f4faffee 60%,#fff0f7ec);border-color:#d5e0ec;border-radius:18px;box-shadow:0 16px 50px #7c98b015,inset 0 1px #fff}
.board-info,.board-bottom{border-color:#dce5ed}.board-info-left{color:#607c91}.live-dot{background:#719b9b;box-shadow:0 0 8px #acd5d947}
.remaining{color:#657e93}.remaining strong{color:#3c6a8c}.box-number{color:#59778e}
.box-button:not(:disabled):hover .box-number{color:#345f7f}
.board .box-button.used .gift-svg{opacity:.66;filter:grayscale(.88) saturate(.2)}
.box-button.used .box-number{color:#717d8c}
.progress-track{background:#dae7f0}.progress-track>span{background:linear-gradient(90deg,#a7cfe9,#dca7c2)}
.board-bottom{color:#6a7f91}.category{color:#6a7183}.category-strip>span{color:#71859a}
.site-footer{color:#738296}.footer-heart{color:#a16483}.site-footer .icon{color:#b7819d}
dialog{background:linear-gradient(145deg,#fffafe,#f2f9ff);border-color:#d4dce8;color:#31485e;border-radius:22px;box-shadow:0 30px 100px #607e9a38}
dialog::backdrop{background:#6f8aa36b;backdrop-filter:blur(8px)}
.dialog-close{background:#fff9fc;border-color:#d6dce7;color:#6e8193;width:38px;height:38px}
.question-category{background:#f7e8f0;border-color:#e3c7d7;color:#925672}.question-dialog h2{color:#344c63}
.question-box-label,.question-tip,.single-use-note{color:#697e91}.question-divider{color:#b27b98}.question-divider:before,.question-divider:after{background:#dbdce8}
.continue-button{background:linear-gradient(135deg,#cce6f9,#e0effb);color:#315b7b;border-color:#b7d3e8;border-radius:10px;box-shadow:0 3px 10px #6c90aa12}
.continue-button:hover{background:#c0dff6}.help-dialog h2{color:#344c63}.help-dialog h2 em{color:#a46988}.help-dialog li strong{color:#3d5c75}.help-dialog li p,.storage-note{color:#667b90}
.help-ornament{color:#82aac8}.revisit-badge{background:#e3eff9;border-color:#bcd6e9;color:#426d8d}
.toast{background:#fafdff;border-color:#c4d7e7;color:#3a5f7a;box-shadow:0 10px 35px #6d8ca52b}
button:focus-visible,a:focus-visible{outline-color:#477fa7}