:root{
  --serif:'STZhongsong','华文中宋','Songti SC','SimSun',serif;
  --text:'STSong','华文宋体','Songti SC','SimSun',serif;
  --latin:'Baskerville','Palatino Linotype',Georgia,serif;
  --ink:#304866;--muted:#52758a;--glass:rgba(249,253,245,.80);
  --edge:rgba(255,255,249,.7);--shadow:rgba(42,54,46,.2);
  color:var(--ink);background:#b9e5f5;font-family:var(--text);font-synthesis:none;
}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}
[hidden]{display:none!important}#app{height:100svh;min-height:500px;position:relative;overflow:hidden}
#scene{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:pan-y}
button:focus-visible,a:focus-visible{outline:2px solid #b3bdae;outline-offset:5px}
.glass-button{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  min-height:46px;padding:12px 19px;border:1px solid var(--edge);border-radius:13px;
  background:linear-gradient(160deg,rgba(255,253,244,.82),rgba(213,220,210,.62));
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:inset 0 1px 0 #fffffff0,inset 0 -2px 0 #6475671c,0 3px 0 #747e7142,0 8px 20px var(--shadow);
  font-family:var(--text);font-size:13px;letter-spacing:1.3px;line-height:1.2;
  transition:background .2s,box-shadow .2s,translate .2s,opacity .2s;
}
.glass-button:hover:not(:disabled){background:linear-gradient(160deg,#fffdf1ed,#dce4d6c9);translate:0 -2px;box-shadow:inset 0 1px #fff,0 4px 0 #747e7142,0 11px 24px #2a362e2e}
.glass-button:active:not(:disabled){translate:0 2px;box-shadow:inset 0 2px 4px #64756724,0 1px 0 #747e7142,0 3px 8px #2a362e1a}
.glass-button:disabled{opacity:.37;cursor:default;box-shadow:inset 0 1px #ffffff70,0 1px 4px #2a362e12}
.button-icon{font-family:var(--latin);font-size:22px;line-height:1;letter-spacing:0}
header{position:absolute;top:28px;left:4.2%;right:4.2%;display:flex;align-items:flex-start;justify-content:space-between;z-index:5;pointer-events:none}
header>*{pointer-events:auto}.brand{font:400 30px var(--latin);letter-spacing:4px;line-height:1.1;padding:9px 12px 10px;background:var(--glass);border:1px solid #f5f4e750;border-radius:12px;backdrop-filter:blur(10px);text-shadow:0 1px #fffffb80}
.brand-star{padding-left:7px;color:#f27d85;font-size:28px}.brand small{display:block;font:8px var(--latin);letter-spacing:1.2px;margin-top:7px}
.header-right{display:flex;align-items:center;gap:24px}.availability{display:flex;align-items:center;gap:8px;font:9px var(--latin);letter-spacing:1.5px;color:#e7e7d9;text-shadow:0 1px 3px #303a30}
.availability i,.action-dot{width:5px;height:5px;background:#93a28c;border-radius:50%;display:inline-block;flex:none}
.edition{position:absolute;top:120px;left:4.2%;font:9px var(--latin);letter-spacing:1.4px;color:#d9ddd0;text-shadow:0 1px 3px #384336}.edition span{padding:0 9px}
.intro{position:absolute;top:25%;left:4.2%;padding:20px 24px;background:var(--glass);border:1px solid #ffffef60;border-radius:15px;backdrop-filter:blur(10px);pointer-events:none;transition:opacity .5s,transform .5s}
.eyebrow{font:9px var(--latin);letter-spacing:1.7px;color:var(--muted)}
.intro h1{font:400 29px/1.6 var(--serif);letter-spacing:2px;margin:13px 0}.intro h1 span,dialog h2 span{color:#29a79b}
.intro p{font:12px/2.2 var(--text);color:#416b85;margin:0;letter-spacing:.8px}
.scene-action{position:absolute;left:50%;bottom:15%;transform:translateX(-50%);white-space:nowrap;gap:13px;padding:16px 23px;font-size:14px;z-index:2}
.action-arrow{font-family:var(--latin);font-size:21px;margin-left:6px}
.object-tag{position:absolute;left:71%;top:45%;pointer-events:none;padding:14px 18px;background:var(--glass);border:1px solid #fffdef80;border-radius:13px;backdrop-filter:blur(10px)}
.object-tag>span{font:8px var(--latin);letter-spacing:1.5px;color:var(--muted)}.object-tag strong{display:block;font:400 21px var(--serif);margin:10px 0}.object-tag small{font:11px var(--text);color:var(--muted)}
footer{position:absolute;left:4.2%;right:4.2%;bottom:28px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}
.steps{display:flex;gap:15px;align-items:center;padding:10px 14px;border-radius:11px;background:var(--glass);font:11px var(--text);letter-spacing:.5px;color:#7b857a}
.steps span{display:flex;align-items:center;gap:8px}.steps i{font:10px var(--latin);font-style:normal}.steps b{width:25px;height:1px;background:#b6bfb0}.steps .active{color:#425a46}
.footer-note{font:12px var(--text);letter-spacing:1px;color:#e2e4d8;text-shadow:0 1px 3px #384336}.footer-note span{font-size:22px;color:#bcc7b2;vertical-align:middle;margin-left:14px}
.reader{position:absolute;inset:0;pointer-events:none}.reader button{pointer-events:auto}
.reader-heading{position:absolute;top:127px;left:4.2%;padding:14px 17px;background:var(--glass);border:1px solid #fffdef70;border-radius:13px;backdrop-filter:blur(10px)}
.reader-heading>span{font:8px var(--latin);letter-spacing:1.8px;color:var(--muted)}.reader-heading h2{font:400 25px var(--serif);letter-spacing:2px;margin:9px 0}.reader-heading p{font:11px var(--text);color:var(--muted);letter-spacing:1px;margin:0}
.close{position:absolute;top:128px;right:4.2%;min-height:45px;padding:10px 16px}.close .button-icon{font-size:25px}
.reader-bottom{position:absolute;bottom:27px;left:4.2%;right:4.2%;display:flex;align-items:center;justify-content:center;gap:28px}
.reader-controls{display:flex;align-items:center;gap:20px;padding:12px 16px;background:rgba(219,225,214,.26);border:1px solid #fffef75c;border-radius:19px;backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff50,0 8px 24px #26362c20;pointer-events:auto}
.page-arrow{min-width:112px;position:static}.page-status{text-align:center;min-width:140px;color:#eff1e4;text-shadow:0 1px 3px #354537;font:12px var(--latin);font-variant-numeric:tabular-nums;letter-spacing:1px}
.page-track{height:2px;width:126px;background:#e1e6d457;margin:10px auto 0;border-radius:3px;overflow:hidden}.page-track i{display:block;height:100%;background:#e8eddf;transition:width .3s}
.reader-note,.keyboard-hint{position:absolute;bottom:28px;font:11px var(--text);letter-spacing:.7px;color:#e4e9db;text-shadow:0 1px 3px #2d3e31}
.reader-note{left:0}.keyboard-hint{right:0}.keyboard-hint b{padding:0 8px;font-weight:400}

.motion-gallery{position:absolute;left:50%;top:15.5%;transform:translate(-50%,-10px);opacity:0;transition:opacity .25s,transform .35s;pointer-events:none;contain:layout style}
.motion-gallery.visible{opacity:1;transform:translate(-50%,0)}
.motion-label{font:8px var(--latin);letter-spacing:1.9px;text-align:center;color:#e3e6d9;text-shadow:0 1px 4px #304035;margin:0 auto 12px}.motion-label span{padding-left:7px}
.motion-pair{display:flex;align-items:flex-start;justify-content:center;gap:26px}.motion-pair figure{margin:0;padding:7px;background:#e8e5dd;border:1px solid #f7f5eb;border-radius:4px;box-shadow:0 6px 16px #25392e40;transform:rotate(-3deg)}.motion-pair figure:nth-child(2){transform:rotate(3deg) translateY(8px)}
.motion-image{height:clamp(105px,19vh,182px);aspect-ratio:2/3;position:relative;background:#bec5bd;contain:layout paint;overflow:hidden}
.motion-layer{position:absolute;inset:0;opacity:0;transition:opacity .18s;pointer-events:none}.motion-layer.active{opacity:1}.motion-layer video,.motion-layer img{display:block;width:100%;height:100%;object-fit:contain}
.motion-image>span{display:none;position:absolute;inset:0;align-items:center;justify-content:center;font:8px var(--latin);color:#f3f1eb;background:#7b8982b0}.is-loading .motion-image>span{display:flex}
.motion-pair figure::after{content:'';position:absolute;left:50%;height:15px;width:1px;bottom:-16px;background:#b5c1ad}.motion-pair figure::before{content:'✦';position:absolute;left:calc(50% - 4px);font-size:10px;bottom:-28px;color:#bec9b7}
.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#b9e5f5;z-index:20;transition:opacity .7s}.loading>span{font-size:50px;color:#29a79b;animation:spin 8s linear infinite}.loading p{font:20px var(--serif);letter-spacing:3px;margin-top:25px}.loading small{font:9px var(--latin);letter-spacing:2px;color:#7b877c}@keyframes spin{to{transform:rotate(360deg)}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
dialog{padding:50px;border:1px solid var(--edge);border-radius:20px;background:rgba(235,234,222,.92);backdrop-filter:blur(18px);max-width:460px;width:calc(100% - 40px);color:var(--ink);box-shadow:inset 0 1px #fff,0 25px 80px #1e352c40}dialog::backdrop{background:#25352955;backdrop-filter:blur(5px)}
dialog h2{font:400 36px var(--serif);margin:25px 0 10px}dialog p{font:14px/2 var(--text);color:#657360}.profile-role{letter-spacing:1.5px}dialog hr{border:0;border-top:1px solid #b9c4b080;margin:25px 0}dialog small{display:block;font:12px var(--text);margin-top:30px;color:#7b8775}.placeholder{padding:7px 12px;border:1px dashed #abbba1;border-radius:8px;display:inline-block}.dialog-close{position:absolute;right:16px;top:16px;min-height:34px;padding:7px 10px;font:19px var(--latin);border-radius:10px}
#error{position:absolute;inset:0;z-index:25;background:#e9e5dc;text-align:center;place-content:center}#error:not([hidden]){display:grid}#error p{font-size:14px}#error button{padding:12px 18px;border:1px solid #b9c4b0;border-radius:12px;margin:20px auto;background:#f2f2e7}
@media(max-width:1050px){.reader-note,.keyboard-hint{display:none}.object-tag{left:73%;padding:12px}.object-tag strong{font-size:18px}.availability{display:none}}
@media(max-width:700px){
 header{top:22px;left:6%;right:6%}.brand{font-size:24px;letter-spacing:2px;padding:8px 10px}.brand-star{font-size:25px}.brand small{font-size:6px;letter-spacing:.8px}.header-right{gap:0}.header-right .glass-button{min-height:40px;padding:10px 13px;font-size:12px;gap:8px}
 .edition{top:106px;left:6%;font-size:8px}.intro{top:22%;left:6%;padding:14px 17px}.intro h1{font-size:24px;margin:10px 0}.intro p{font-size:10px;max-width:230px}.eyebrow{font-size:7px;letter-spacing:1px}
 .scene-action{bottom:16.5%;padding:14px 17px;font-size:12px;gap:10px}.action-arrow{font-size:19px}.object-tag{display:none}
 footer{left:6%;right:6%;bottom:24px}.steps{gap:9px;padding:10px;font-size:9px}.steps span{gap:5px}.steps b{width:14px}.steps i{font-size:8px}.footer-note{font-size:0}.footer-note span{font-size:23px;margin:0}
 .reader-heading{top:113px;left:4%;padding:10px 12px}.reader-heading>span{font-size:7px;letter-spacing:1px}.reader-heading h2{font-size:19px;margin:6px 0}.reader-heading p{font-size:9px}.close{top:115px;right:4%;min-height:40px;padding:10px 12px;font-size:11px;gap:7px}.close .button-icon{font-size:23px}
 .motion-gallery{top:27%}.motion-label{font-size:7px;letter-spacing:1px;margin-bottom:8px}.motion-pair{gap:17px}.motion-pair figure{padding:4px}.motion-image{height:clamp(70px,15vh,130px)}.motion-pair figure::after{height:9px;bottom:-10px}.motion-pair figure::before{bottom:-22px}
 .reader-bottom{bottom:25px;left:4%;right:4%}.reader-controls{width:100%;justify-content:space-between;padding:10px;gap:9px;border-radius:17px}.page-arrow{min-width:0;min-height:43px;padding:11px 12px;font-size:11px;gap:7px}.button-icon{font-size:20px}.page-status{min-width:96px;font-size:10px;letter-spacing:.5px}.page-track{width:90px;margin-top:8px}
 dialog{padding:44px 30px}dialog p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Soap-bubble cursor: a small glossy lead with a short, fading elastic tail. */
.has-bubble-cursor,.has-bubble-cursor *{cursor:none!important}
.bubble-cursor{display:block;position:fixed;inset:0;width:100vw;height:100dvh;margin:0;padding:0;border:0;overflow:hidden;background:transparent;pointer-events:none!important;z-index:2147483647;opacity:0;contain:strict;transition:opacity .16s}
.bubble-cursor.visible{opacity:1}.bubble-cursor::backdrop{background:transparent;pointer-events:none}
.bubble-cursor i{position:absolute;left:-12px;top:-12px;display:block;width:24px;height:24px;border-radius:50%;pointer-events:none;will-change:transform}
.bubble-lead{border:1px solid #fffffff0;background:radial-gradient(circle at 29% 25%,#fffffff5 0 7%,#ffffff26 14%,transparent 43%),radial-gradient(circle at 75% 80%,#afc9c45c,transparent 58%),linear-gradient(135deg,#d1d9e347,#f3e2d94d 50%,#a9c4b852);box-shadow:inset 0 0 5px #fff9,inset -2px -2px 5px #a6b6b952,0 1px 6px #485b4e38;transition:background .22s,border-color .22s}
.bubble-lead::after{content:'';position:absolute;inset:3px;border:1px solid #f9e8ee5c;border-left-color:#fff9;border-bottom-color:#c0ddd880;border-radius:50%}
.bubble-tail{border:1px solid #f8fffdd9;background:radial-gradient(circle at 30% 25%,#fff9,transparent 40%),linear-gradient(135deg,#d1dfde55,#d7bfc748);box-shadow:inset 0 0 4px #fff6;opacity:0}
.interactive .bubble-lead{border-color:#fbfff4;background:radial-gradient(circle at 29% 25%,#fff 0 8%,#ffffff26 16%,transparent 43%),linear-gradient(135deg,#ebefd855,#c7dcd94d)}

/* Pointer-driven spring motion is composited independently of layout and anchoring. */
.glass-button{position:relative;isolation:isolate;translate:var(--button-x,0px) var(--button-y,0px);transform:var(--base-transform,translateZ(0)) perspective(600px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(var(--button-scale,1));transition:background .26s,box-shadow .3s,opacity .22s;transform-origin:center;}
.glass-button::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,0%),#fffff96b,transparent 66%);opacity:0;transition:opacity .28s;pointer-events:none;z-index:-1}
.glass-button:hover:not(:disabled){translate:var(--button-x,0px) var(--button-y,0px)}.glass-button:hover::before{opacity:1}
.glass-button:active:not(:disabled){translate:var(--button-x,0px) var(--button-y,0px)}
.scene-action{position:absolute;--base-transform:translateX(-50%)}
.close{position:absolute;right:auto;--base-transform:translate(-50%,-100%);z-index:3;min-width:112px;}
.dialog-close{position:absolute}
@media(max-width:700px){.close{right:auto;--base-transform:translate(-100%,0);min-width:104px;}}
@media(prefers-reduced-motion:reduce){.bubble-tail{display:none}.glass-button{translate:0 0;transform:var(--base-transform,translateZ(0))}.glass-button:hover:not(:disabled),.glass-button:active:not(:disabled){translate:0 0}}

/* Visibility animation lives on wrappers, independently of pointer spring transforms. */
.scene-action-slot{position:absolute;left:50%;bottom:15%;transform:translateX(-50%);z-index:2;}
.scene-action-slot .scene-action{position:relative;left:auto;bottom:auto;--base-transform:translateZ(0);}
.book-close-slot{position:absolute;transform:translate(-50%,-100%);z-index:3;pointer-events:auto;}
.book-close-slot .close{position:relative;left:auto;top:auto;right:auto;--base-transform:translateZ(0);}
[data-ui-state="entering"],[data-ui-state="leaving"]{will-change:opacity,translate,scale}
[data-ui-state="leaving"]{pointer-events:none!important}
.profile-major{font:400 21px var(--serif);letter-spacing:1px;margin:0 0 12px}.profile-direction{margin:0;color:#6a786b}dialog small{font:10px var(--latin);letter-spacing:1px;line-height:1.8}
@media(max-width:700px){.scene-action-slot{bottom:16.5%}.book-close-slot{transform:translate(-100%,0)}.profile-major{font-size:19px}}

/* Minimal reading controls: bare glyphs beside the actual projected pages. */
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;min-width:0;min-height:0;padding:0;border:0;border-radius:9px;background:none;box-shadow:none;backdrop-filter:none;color:#526756;font:34px/1 var(--latin);letter-spacing:0;text-shadow:0 1px 2px #ffffefed,0 0 10px #faf4de8c;translate:var(--button-x,0px) var(--button-y,0px);transform:perspective(600px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(var(--button-scale,1));transition:color .2s,opacity .25s;}
.icon-button:hover:not(:disabled){color:#334d39;background:none;box-shadow:none}.icon-button:active:not(:disabled){background:none;box-shadow:none}.icon-button:disabled{opacity:.22;cursor:default;box-shadow:none}
.icon-button .button-icon{font:34px/1 var(--latin)}
.book-close-slot .close{position:relative;left:auto;top:auto;right:auto;width:44px;height:44px;min-width:0;--base-transform:translateZ(0);}
.page-arrow-slot{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;z-index:3;}
.page-arrow-slot .page-arrow{position:relative;min-width:0;width:46px;height:46px;padding:0;}
@media(max-width:700px){.book-close-slot{transform:translate(-50%,0)}.icon-button{font-size:31px}.icon-button .button-icon{font-size:32px}}
@media(prefers-reduced-motion:reduce){.icon-button{translate:0 0;transform:none}}
.icon-button{color:#eef3e6;font-family:'Segoe UI Symbol',Arial,sans-serif;-webkit-text-stroke:.4px #526553;text-shadow:0 1px 4px #273d3099;}
.icon-button:hover:not(:disabled){color:#fffef2}.icon-button .button-icon{font-family:'Segoe UI Symbol',Arial,sans-serif;}
@media(max-width:700px){.icon-button.page-arrow{font-size:28px}}

/* The commerce browser is placed directly over the projected tablet display. */
.tablet-gallery{position:absolute;z-index:7;overflow:hidden;background:#eef0e7;color:#44554b;container-type:inline-size;box-shadow:inset 0 0 0 1px #ffffffb0;font-family:var(--text);}
.commerce-overview{height:100%;display:flex;flex-direction:column;min-height:0;}
.commerce-heading{padding:20px 21px 14px;border-bottom:1px solid #c8d0c34d;flex:none;}
.commerce-heading>span{font:8px var(--latin);letter-spacing:1.6px;color:#83907e;}
.commerce-heading h2{font:400 28px var(--serif);letter-spacing:2px;margin:10px 0 8px;}.commerce-heading h2 span{color:#9aa992;}
.commerce-heading p{font:11px var(--text);letter-spacing:.6px;color:#7c8976;margin:0;}
.commerce-categories{display:flex;gap:7px;flex:none;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b6c3af transparent;padding:12px 17px 10px;border-bottom:1px solid #c8d0c34d;}
.commerce-category{flex:none;padding:7px 10px;border-radius:18px;white-space:nowrap;color:#7a8773;font:11px var(--text);line-height:1.3;transition:background .2s,color .2s;}
.commerce-category[aria-pressed="true"]{background:#d8e0d0;color:#40573f;}.commerce-category:hover{background:#e0e6d8;color:#40573f;}
.commerce-scroll{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b6c3af transparent;}
.commerce-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;}
.commerce-card{display:block;min-width:0;padding:0;background:#fff;border:1px solid #e3e8dc;border-radius:6px;overflow:hidden;transition:border-color .2s,box-shadow .2s;}
.commerce-card:hover{border-color:#9daf92;box-shadow:0 3px 12px #4f67451f;}.commerce-card img{display:block;aspect-ratio:1;width:100%;height:auto;object-fit:contain;background:#fff;}
.commerce-card.wide{grid-column:span 2}.commerce-card.wide img{aspect-ratio:2.2}
.commerce-detail{position:absolute;inset:0;background:#f7f8f2;display:flex;flex-direction:column;}
.commerce-detail-bar,.commerce-detail-nav{display:flex;align-items:center;justify-content:space-between;flex:none;padding:6px 9px;border-bottom:1px solid #c8d0c34d;}
.commerce-detail-bar>span{font:12px var(--text);letter-spacing:.4px;color:#64745d;max-width:65%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.commerce-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:7px;color:#64795c;font:23px/1 'Segoe UI Symbol',Arial,sans-serif;transition:background .2s,color .2s;}
.commerce-icon:hover:not(:disabled){background:#e6eddd;color:#3c5835;}.commerce-icon:disabled{opacity:.25;cursor:default;}
.commerce-image-stage{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;align-items:center;justify-content:center;background:white;scrollbar-width:thin;scrollbar-color:#bdcbb3 transparent;}
.commerce-image-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;}
.commerce-image-stage.zoomed{display:block;}.commerce-image-stage.zoomed img{width:260%;max-width:none;height:auto;max-height:none;}
.commerce-detail-nav{border-bottom:0;border-top:1px solid #c8d0c34d;background:#eef1e7;}.commerce-detail-nav>span{font:11px var(--latin);letter-spacing:1px;color:#75846b;}
.tablet-close-slot{position:absolute;z-index:8;transform:translate(-50%,-50%);}
@container(max-width:330px){.commerce-heading{padding:15px 15px 11px}.commerce-heading h2{font-size:23px;margin:8px 0 6px}.commerce-heading>span{font-size:7px;letter-spacing:1px}.commerce-heading p{font-size:10px}.commerce-categories{padding:9px 10px 8px;gap:3px}.commerce-category{font-size:10px;padding:6px 8px}.commerce-grid{gap:8px;padding:10px}.commerce-detail-bar>span{font-size:10px}.commerce-detail-bar,.commerce-detail-nav{padding:3px 5px}.commerce-icon{width:31px;height:31px}}
@media(max-width:1050px){body.tablet-view .brand{font-size:21px;letter-spacing:2px;padding:8px 10px}body.tablet-view .brand-star{font-size:22px}body.tablet-view .brand small{font-size:6px;letter-spacing:.7px}}

/* Bright animation palette, with the same restrained controls and layout. */
.brand{border-color:#ffffffe0;box-shadow:0 3px 0 #79b7c32b;color:#315d78}
.intro{border-color:#ffffffe0}.intro h1 span{color:#ed8189}
.motion-pair figure{background:#fff9e6;border-color:#fffef4;box-shadow:0 6px 16px #294d7840}
.motion-label{color:#fffaf0;text-shadow:0 1px 3px #315778}
.tablet-gallery{background:#f2fbfa;color:#315d78}.commerce-heading{border-color:#b9ddd9}
.commerce-heading>span,.commerce-heading p{color:#547f90}.commerce-heading h2 span{color:#ec858c}
.commerce-category{color:#527d90}.commerce-category[aria-pressed="true"]{background:#bcece1;color:#246f7b}
.commerce-category:hover{background:#daf4ec;color:#246f7b}.commerce-card{border-color:#cce9e6}
.commerce-icon{color:#306f88}.commerce-icon:hover:not(:disabled){background:#d1f0e8;color:#24546f}
.commerce-detail{background:#f4fcf9}.commerce-detail-nav{background:#e6f7f2}
.commerce-detail-bar>span,.commerce-detail-nav>span{color:#4c7c90}
.icon-button{-webkit-text-stroke:.5px #315475;text-shadow:0 1px 3px #24456980;color:#fff9df}
dialog{background:rgba(246,252,244,.96)}dialog p{color:#48778b}

.clock-close-slot{position:absolute;z-index:8;transform:translate(-50%,-50%);pointer-events:auto}
body.night{--ink:#dae5ef;--muted:#b0c3d9;--glass:rgba(23,36,62,.82);--edge:rgba(188,211,238,.35)}
body.night .brand{color:#dce9f5;border-color:#8ba7cb70;background:var(--glass);text-shadow:none;box-shadow:0 3px 14px #050b2466}
body.night .brand-star{color:#f6cb7e}body.night .intro{background:var(--glass)}body.night .intro p{color:#c5d6e5}
body.night .icon-button{color:#ffe3a1;-webkit-text-stroke:.35px #695b46;text-shadow:0 1px 4px #02091bd9}
body.night dialog{background:rgba(21,37,62,.97);color:#e0eafa}body.night dialog p{color:#c5d6e5}

.lamp-close-slot{position:absolute;z-index:8;transform:translate(-50%,-50%);pointer-events:auto}

.envelope-close-slot{position:absolute;z-index:8;transform:translate(-50%,-50%);pointer-events:auto}