/* Purpose-built portrait screen. No desktop layout overrides are inherited. */
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overscroll-behavior:none}body{--paper:#f7f8f5;--card:#fff;--text:#273b40;--muted:#88989b;--edge:#dce6e5;--accent:#587d75;--amount:#208767;--hero:228px;--scene-position:60% 55%;--avatar-position:50% 55%;--scrim:linear-gradient(180deg,#08101b00 25%,#08101b2e 55%,#08101bac);font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:var(--text);background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--accent) 24%,#111b21),#0f161c 80%);display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;overflow:hidden}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,.record-list:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.review-bar{display:none}.preview-controls{width:min(430px,calc(100vw - 20px));height:36px;min-height:36px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:0 3px;color:#b8c3c7;margin:0;font-size:8px}.preview-controls label{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:8px}.preview-controls select{max-width:125px;font-size:9px;height:25px;line-height:1.4;background:#1f2c34;border:1px solid #8393994a;color:#e4ecee;border-radius:6px;padding:3px 6px}.preview-controls option{color:#22373b;background:#fff}.preview-controls>span{display:none}.preview-controls noscript button{font-size:9px}.experience{width:min(430px,calc(100vw - 20px));height:min(860px,calc(100dvh - 52px));flex:none;margin:4px 0 10px;display:flex;flex-direction:column;min-height:0;background:var(--paper);border:1px solid color-mix(in srgb,var(--accent) 27%,#fff9);border-radius:23px;box-shadow:0 22px 70px #0006,0 3px 10px #0002,inset 0 1px 0 #fff9;overflow:hidden;position:relative}.experience-top{height:37px;min-height:37px;flex:none;display:grid;grid-template-columns:1fr auto 27px 27px;gap:7px;align-items:center;padding:0 11px;border-bottom:1px solid color-mix(in srgb,var(--edge) 58%,transparent);color:var(--muted);background:linear-gradient(180deg,#ffffff12,transparent)}.experience-top>a:first-child{font-size:9px;font-weight:500;letter-spacing:.3px;color:var(--text);white-space:nowrap}.experience-top>span{font-size:6px;letter-spacing:1.6px;opacity:.75;padding-right:6px}.music-toggle{width:26px;height:26px;display:grid;place-items:center;padding:0;border-radius:50%;font-size:14px;line-height:1;border:1px solid var(--edge);background:var(--card);color:var(--accent);box-shadow:0 1px 3px #00000006}.music-toggle span{display:none}.music-toggle[aria-pressed=true]{color:var(--amount);border-color:color-mix(in srgb,var(--amount) 50%,var(--edge));box-shadow:0 0 0 2px color-mix(in srgb,var(--amount) 8%,transparent)}.return-original{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--edge);background:var(--card);color:var(--muted);border-radius:50%;font-size:19px;line-height:1;font-weight:300}.composition{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;width:100%;overflow:hidden}.visual-scene{position:relative;flex:0 0 var(--hero);height:var(--hero);max-height:35%;min-height:150px;width:calc(100% - 20px);margin:9px 10px 0;border-radius:15px;overflow:hidden;isolation:isolate;box-shadow:0 3px 9px #10232914,inset 0 0 0 1px #ffffff50;background:var(--accent);color:white}.artwork{position:absolute;inset:0;animation:scene-breathe 24s ease-in-out infinite alternate;will-change:transform}.scene-image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--scene-position);filter:saturate(.95)}.artwork:after{content:'';position:absolute;inset:0;background:var(--scrim);pointer-events:none;z-index:1}.scene-grain{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.scene-caption{position:absolute;z-index:4;left:16px;right:16px;bottom:17px;max-width:80%;color:inherit}.scene-kicker{font-size:6px;line-height:1.5;font-weight:500;letter-spacing:1.9px;opacity:.85;display:inline-flex;align-items:center;gap:7px}.scene-kicker:before{content:'';width:14px;height:1px;opacity:.6;background:currentColor}.scene-caption h1{font-size:25px;line-height:1.3;letter-spacing:1.5px;font-weight:600;margin:6px 0 0;text-shadow:0 2px 12px #0004}.scene-english{display:none}.scene-caption p{margin:7px 0 0;line-height:1.65;text-shadow:0 1px 8px #0005}.caption-lead{display:block;font-size:10px;font-weight:400;letter-spacing:.3px;opacity:.9}.caption-detail{display:none}.scene-foot,.equalizer{display:none}.ledger{flex:1;min-height:0;display:flex;flex-direction:column;padding:8px 10px 4px;position:relative;color:var(--text);width:100%;background:transparent}.ledger-intro{height:39px;min-height:39px;flex:none;display:flex;align-items:center;gap:7px;padding:0 145px 0 3px;position:relative}.ledger-intro>div{min-width:0}.ledger-intro .eyebrow{display:none}.ledger h2{font-size:14px;line-height:1.5;font-weight:600;letter-spacing:.3px;margin:0;white-space:nowrap}.record-count{font-size:7px;line-height:1.5;font-weight:500;white-space:nowrap;background:color-mix(in srgb,var(--accent) 6%,var(--card));color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 14%,var(--edge));padding:2px 5px;border-radius:20px;letter-spacing:.2px}.theme-note{display:none}.total-chip{position:absolute;right:14px;top:8px;z-index:2;width:138px;max-width:45%;padding:0;border:0;margin:0;background:none;text-align:right;line-height:1.2}.total-chip small{font-size:7px;font-weight:400;letter-spacing:.5px;line-height:1.5;color:var(--muted);display:block;margin:0 0 1px}.total-chip strong{font-family:"Segoe UI",Arial,sans-serif;display:block;font-size:19px;line-height:1.2;font-weight:650;letter-spacing:-.6px;font-variant-numeric:tabular-nums;color:var(--text);overflow-wrap:anywhere}.ledger-meta{height:18px;min-height:18px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 4px 4px;font-size:7px;letter-spacing:.15px;line-height:1.4;color:var(--muted);gap:8px}.ledger-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-list{flex:1;min-height:0;height:auto;max-height:none;width:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 35%,transparent) transparent;border:1px solid color-mix(in srgb,var(--edge) 65%,transparent);border-radius:15px;background:color-mix(in srgb,var(--card) 28%,transparent);padding:5px 5px 2px;mask-image:linear-gradient(#000,#000 98%,transparent);-webkit-overflow-scrolling:touch}.record-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:58px;padding:10px 10px 10px 8px;margin:0 0 6px;background:var(--card);border:1px solid var(--edge);border-radius:11px;box-shadow:0 1px 2px #12312604;position:relative;transition:border-color .2s,box-shadow .2s}.record-card:last-child{margin-bottom:3px}.record-card:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--edge));box-shadow:0 2px 6px #12312608}.record-index{display:block;width:34px;height:34px;min-width:34px;border-radius:50%;padding:2px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--edge));background:var(--card);box-shadow:0 1px 3px #00000008;overflow:hidden;align-self:center}.theme-avatar{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:var(--avatar-position);transform:scale(1.03)}.record-main{min-width:0;align-self:center}.record-main strong{display:block;font-size:11.5px;line-height:1.4;font-weight:600;letter-spacing:0;overflow-wrap:anywhere;color:var(--text)}.record-main time{display:block;margin-top:4px;font-size:8px;line-height:1.5;font-weight:400;letter-spacing:.05px;color:var(--muted);font-variant-numeric:tabular-nums}.record-main time b{font-weight:400;margin-left:2px;white-space:nowrap}.record-result{text-align:right;min-width:88px;max-width:140px;align-self:center}.record-result strong{display:block;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:13px;line-height:1.3;font-weight:700;letter-spacing:-.15px;color:var(--amount);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.record-result span{display:block;margin-top:4px;font-size:7.5px;font-weight:400;line-height:1.3;letter-spacing:.1px;color:var(--muted)}.ledger-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;height:16px;min-height:16px;flex:none;color:var(--muted);font-size:6px;letter-spacing:.5px;padding:0 5px;opacity:.75}.design-navigation{height:29px;min-height:29px;flex:none;margin:0 10px;display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid color-mix(in srgb,var(--edge) 70%,transparent);font-size:8px;letter-spacing:.15px;color:var(--accent)}.design-navigation a:nth-child(2){font-size:7px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.empty-state{padding:30px 10px;font-size:11px;line-height:1.7;color:var(--muted);text-align:center}
/* Consistent craftsmanship; individual scenes, contours and palettes. */
.design-reel{--paper:#172238;--card:#202e45;--text:#f0f2f7;--muted:#93a1b8;--edge:#91a8cf20;--accent:#d9a697;--amount:#9ce2c4;--hero:250px;--scene-position:66% 59%;--avatar-position:70% 62%;--scrim:linear-gradient(180deg,#0b112100 20%,#0b11211a 55%,#0b1121a8)}
.design-reel .experience{border-color:#a2b2d03b;background:linear-gradient(160deg,#23334b,#132039);box-shadow:0 24px 70px #0008,inset 0 1px 0 #bdc9e122}
.design-reel .visual-scene{width:calc(100% - 16px);margin:8px 8px 0;border-radius:14px 14px 7px 7px}
.design-reel .scene-caption{max-width:74%;bottom:17px}
.design-reel .scene-caption h1{font-weight:600;font-size:25px;color:#fff1e9}
.design-reel .caption-lead{font-size:9px;color:#f2d8ce}
.design-reel .record-list{background:#0d172519;border-color:#b0c4e51b}
.design-reel .record-card{background:linear-gradient(110deg,#24334b,#202d43);box-shadow:inset 0 1px 0 #ffffff04}
.design-reel .total-chip strong{color:#f0c5ad}
.design-reel .record-index{border-color:#b9c7de38;background:#ffffff08}
.design-drama{--paper:#f7eee6;--card:#fffbf6;--text:#4f3939;--muted:#a28d83;--edge:#e8dcd1;--accent:#ad7b6a;--amount:#318568;--hero:215px;--scene-position:68% 48%;--avatar-position:80% 50%;--scrim:linear-gradient(90deg,#271724b0,#27172445 45%,#27172400 80%)}
.design-drama .visual-scene{border-radius:14px 14px 5px 5px}
.design-drama .scene-caption{bottom:21px;max-width:73%}
.design-drama .scene-caption h1{font-size:27px;letter-spacing:3px;font-weight:500}
.design-drama .scene-caption p{max-width:190px}
.design-drama .total-chip strong{font-family:Georgia,serif;font-weight:600;color:#925e4e;letter-spacing:-.4px}
.design-drama .record-card{border-color:#eadfd6;background:linear-gradient(120deg,#fffdfa,#fff9f3)}
.design-comic{--paper:#f5f4e7;--card:#fffef8;--text:#304a40;--muted:#8a9d90;--edge:#dfe7d9;--accent:#5b8278;--amount:#28866c;--hero:225px;--scene-position:64% 4%;--avatar-position:70% 34%;--scrim:linear-gradient(90deg,#eef9ffd9,#eef9ff65 46%,#eef9ff00 82%)}
.design-comic .experience{border-color:#b7c7af;box-shadow:0 24px 65px #0005,inset 0 1px 0 #fff}
.design-comic .visual-scene{border:1px solid #7792825e;border-radius:11px 15px 11px 15px;box-shadow:2px 3px 0 #617c7225;color:#29473c}
.design-comic .scene-caption{left:13px;bottom:18px;max-width:68%}
.design-comic .scene-kicker{font-size:5px;color:#395f4e}
.design-comic .scene-caption h1{background:#fffdf0f5;border:1px solid #42645366;box-shadow:2px 2px 0 #4264532b;border-radius:4px 7px 4px 7px;padding:7px 9px;font-size:22px;font-weight:700;letter-spacing:.7px;line-height:1.35;display:inline-block;text-shadow:none;margin-top:7px}
.design-comic .scene-caption p{margin-top:9px;text-shadow:none;background:#fae6a6e8;display:inline-block;border-radius:3px;padding:4px 6px;box-shadow:1px 1px 0 #42645321}
.design-comic .caption-lead{font-size:8px;font-weight:500;letter-spacing:0;color:#345345;opacity:1}
.design-comic .total-chip strong{color:#4c7861}
.design-comic .record-card{border-color:#e0e7d9;box-shadow:0 1px 3px #355e3e05}
.design-comic .record-index{border-color:#b6cdb14a;background:#fff}
.design-orbit{--paper:#13283b;--card:#1b3447;--text:#e0f1f3;--muted:#8aa9b8;--edge:#88bcc729;--accent:#8edbc8;--amount:#9ce3cf;--hero:243px;--scene-position:62% 42%;--avatar-position:72% 36%;--scrim:linear-gradient(180deg,#06152500 10%,#06152522 48%,#061525cb)}
.design-orbit .experience{background:linear-gradient(150deg,#193549,#102538);border-color:#8ac8ce40}
.design-orbit .visual-scene{border:1px solid #c2eef329;border-radius:15px 15px 9px 9px}
.design-orbit .scene-caption h1{font-size:25px;font-weight:500;letter-spacing:3px}
.design-orbit .scene-kicker{color:#b7f6e8;letter-spacing:2px}
.design-orbit .caption-lead{font-size:10px;color:#d5eff4}
.design-orbit .record-card{background:linear-gradient(100deg,#1e3b4d,#193246);border-color:#83beca28}
.design-orbit .record-index{border-color:#a3e6d747;background:#d5fff00c}
.design-orbit .total-chip strong{font-family:Consolas,monospace;font-size:18px;color:#b6f4e2;letter-spacing:-.5px}
.design-orbit .record-count{background:#9ae5d510;border-color:#9ae5d525}
.design-bloom{--paper:#f5f7ed;--card:#fffffa;--text:#4e6652;--muted:#9ba995;--edge:#e1e8db;--accent:#8da27b;--amount:#4f8a6a;--hero:222px;--scene-position:57% 56%;--avatar-position:65% 50%;--scrim:linear-gradient(180deg,#f9faef00 20%,#f9faef22 40%,#f9faefc7 82%,#f9faefef)}
.design-bloom .visual-scene{width:calc(100% - 34px);margin-left:17px;margin-right:17px;border-radius:125px 125px 9px 9px;border:1px solid #d7e1ca;color:#4e6b50}
.design-bloom .scene-caption{left:16px;right:16px;bottom:17px;max-width:87%}
.design-bloom .scene-caption h1{font-size:24px;font-weight:500;letter-spacing:2.5px;text-shadow:none}
.design-bloom .scene-caption p{text-shadow:none}
.design-bloom .caption-lead{color:#678563;font-size:9px}
.design-bloom .total-chip strong{font-family:Georgia,serif;font-size:20px;color:#698960;font-weight:600}
.design-bloom .record-card{border-color:#e2e9dc;background:linear-gradient(110deg,#fffffc,#fbfcf3)}
.design-bloom .record-index{border-color:#bacead66}
.design-cinema{--paper:#1b2119;--card:#252d22;--text:#f1e9d7;--muted:#aaa58e;--edge:#baa27929;--accent:#cfb88c;--amount:#b6dba5;--hero:205px;--scene-position:66% center;--avatar-position:80% 50%;--scrim:linear-gradient(90deg,#090d0bd9,#090d0b6b 50%,#090d0b05)}
.design-cinema .experience{border-color:#bfa16b70;background:linear-gradient(140deg,#282e22,#171e16);box-shadow:0 25px 70px #0007,inset 0 0 0 3px #cfb88c0e}
.design-cinema .visual-scene{border-radius:11px;border:1px solid #d2b7863c;box-shadow:0 3px 10px #0002}
.design-cinema .scene-caption{bottom:23px;max-width:74%}
.design-cinema .scene-caption h1{font-size:24px;font-weight:500;letter-spacing:3px;color:#f7e5be}
.design-cinema .scene-kicker{font-size:5px;letter-spacing:2px;color:#d9c197}
.design-cinema .caption-lead{font-size:9px;color:#efdfc0}
.design-cinema .total-chip strong{font-family:Georgia,serif;color:#e5c991;font-size:20px;font-weight:600}
.design-cinema .record-card{border-color:#c9b07d2d;background:linear-gradient(100deg,#2c3426,#252d22);box-shadow:inset 0 1px 0 #ffffff03}
.design-cinema .record-index{border-color:#ceb47f55;background:#e6d19f0a}
.design-cinema .record-list{border-color:#c9b07d2a}
.design-coast{--paper:#f3f7ed;--card:#fffffa;--text:#356361;--muted:#96aba0;--edge:#dbe8de;--accent:#7dada0;--amount:#38876b;--hero:228px;--scene-position:58% 54%;--avatar-position:60% 52%;--scrim:linear-gradient(180deg,#fff7df00 22%,#fff7df22 45%,#fff7dfbc 83%,#fff7dff0)}
.design-coast .visual-scene{width:calc(100% - 32px);margin-left:16px;margin-right:16px;border-radius:130px 130px 9px 9px;border:1px solid #cfe0cc;color:#2a6964}
.design-coast .scene-caption{max-width:90%;left:17px;bottom:16px;right:17px}
.design-coast .scene-caption h1{font-size:25px;font-weight:500;letter-spacing:3px;text-shadow:none}
.design-coast .scene-caption p{text-shadow:none}
.design-coast .caption-lead{font-size:9px;color:#5d8676}
.design-coast .total-chip strong{font-family:Georgia,serif;color:#9c7f4e;font-size:20px;font-weight:600}
.design-coast .record-card{background:linear-gradient(110deg,#fffffb,#fafcf4);border-color:#dfebe0}
.design-coast .record-index{border-color:#a3c8b466}
.design-radio{--paper:#eeeade;--card:#fffdf6;--text:#4b5142;--muted:#9c9e88;--edge:#e1e4d6;--accent:#9ca377;--amount:#498369;--hero:230px;--scene-position:59% 54%;--avatar-position:56% 58%;--scrim:linear-gradient(180deg,#0c100d00,#0c100d16 40%,#0c100dcc 95%)}
.design-radio .visual-scene{border-radius:13px;border:1px solid #99aa8433}
.design-radio .scene-caption h1{font-size:25px;letter-spacing:2px;font-weight:500;color:#f4e8c9}
.design-radio .scene-kicker{color:#d5e6a5}
.design-radio .caption-lead{font-size:9px;color:#eddfc2}
.design-radio .total-chip strong{font-family:Georgia,serif;font-size:20px;color:#8c7f52}
.design-radio .equalizer{position:absolute;right:17px;bottom:18px;display:flex;height:19px;gap:3px;align-items:flex-end;color:#dae4b6;z-index:4}
.design-radio .equalizer i{display:block;width:2px;height:7px;background:currentColor;animation:equalize .8s ease-in-out infinite alternate;opacity:.65}
.design-radio .equalizer i:nth-child(2n){height:16px;animation-delay:-.3s}
.design-radio .equalizer i:nth-child(3n){height:10px;animation-delay:-.6s}
.design-radio .record-index{border-color:#c8c4a770}
.design-ink{--paper:#eef1e4;--card:#fffff7;--text:#48644a;--muted:#98a78b;--edge:#e0e7d5;--accent:#95a780;--amount:#698b60;--hero:228px;--scene-position:54% 48%;--avatar-position:56% 50%;--scrim:linear-gradient(90deg,#f5f4e900 30%,#f5f4e933 55%,#f5f4e99e)}
.design-ink .visual-scene{width:calc(100% - 30px);margin-left:15px;margin-right:15px;border-radius:6px;border-top:3px solid #4e715b;border-bottom:3px solid #4e715b;color:#3b5c47;box-shadow:0 3px 9px #293f2612}
.design-ink .scene-caption{top:13px;right:17px;left:auto;bottom:auto;max-width:none;display:flex;flex-direction:row-reverse;align-items:flex-start;gap:9px}
.design-ink .scene-kicker{writing-mode:vertical-rl;font-size:5px;letter-spacing:1px;opacity:.55}
.design-ink .scene-kicker:before{width:1px;height:12px}
.design-ink .scene-caption h1{writing-mode:vertical-rl;font-family:KaiTi,"STKaiti",serif;font-size:24px;font-weight:400;line-height:1.2;letter-spacing:4px;margin:0;text-shadow:none}
.design-ink .scene-caption p{writing-mode:vertical-rl;text-shadow:none;margin:18px 0 0;max-height:170px}
.design-ink .caption-lead{font-size:8px;letter-spacing:2px;line-height:1.7;color:#58725a}
.design-ink .total-chip strong{font-family:Georgia,serif;color:#71885e;font-size:20px}
.design-ink .record-card{border-radius:10px;background:linear-gradient(110deg,#fffff9,#fcfdf2);border-color:#e0e7d7}
.design-ink .record-index{border-color:#c4ccab70}
.design-pixel{--paper:#f1eff8;--card:#fffdfd;--text:#535376;--muted:#a3a1b9;--edge:#e3dfee;--accent:#aaa1c8;--amount:#5f937f;--hero:230px;--scene-position:58% 51%;--avatar-position:60% 57%;--scrim:linear-gradient(180deg,#1b1c3c16 25%,#1b1c3c0b 40%,#1b1c3cca)}
.design-pixel .experience{background:linear-gradient(150deg,#f4f1fa,#ecebf5);border-color:#c5bddb;box-shadow:0 24px 70px #0005,inset 0 0 0 3px #aaa1c80c}
.design-pixel .visual-scene{border-radius:8px;border:2px solid #c1b7dd;box-shadow:2px 2px 0 #9c95c01a}
.design-pixel .scene-caption{bottom:16px;max-width:80%}
.design-pixel .scene-caption h1{font-size:23px;font-weight:600;letter-spacing:1px;text-shadow:1px 2px 0 #313053b0;color:#fff0fc}
.design-pixel .scene-kicker{font-family:Consolas,monospace;font-size:6px;color:#d5ffe4}
.design-pixel .caption-lead{font-size:9px;color:#e6e1fa}
.design-pixel .record-index{border-color:#d3c4e67a}
.design-pixel .record-card{border-color:#e5dfed;border-radius:10px;background:linear-gradient(110deg,#fffdfd,#fcfaff)}
.design-pixel .total-chip strong{font-family:Consolas,monospace;font-size:18px;color:#857bab}
/* Distinct restrained atmospheric motion, never applied to text or records. */
.light-wash{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse at 80% 10%,#fff2cc18,transparent 65%);animation:light-drift 13s ease-in-out infinite alternate;z-index:2}.atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.atmosphere i{position:absolute;left:var(--x,30%);top:var(--y,90%);width:2px;height:2px;border-radius:50%;background:#fff0d2;opacity:0;box-shadow:0 0 7px #fff7c755;animation:mote-rise var(--duration,13s) var(--delay,0s) linear infinite}.atmosphere i:nth-child(1){--x:12%;--y:90%;--delay:-2s;--duration:14s}.atmosphere i:nth-child(2){--x:24%;--y:85%;--delay:-7s;--duration:16s}.atmosphere i:nth-child(3){--x:46%;--y:95%;--delay:-4s;--duration:13s}.atmosphere i:nth-child(4){--x:62%;--y:90%;--delay:-9s;--duration:17s}.atmosphere i:nth-child(5){--x:78%;--y:85%;--delay:-6s;--duration:15s}.atmosphere i:nth-child(6){--x:91%;--y:95%;--delay:-12s;--duration:18s}.atmosphere i:nth-child(7){--x:39%;--y:90%;--delay:-11s;--duration:19s}.atmosphere i:nth-child(8){--x:55%;--y:85%;--delay:-8s;--duration:14s}.design-reel .atmosphere i{width:1px;height:20px;top:-15%;border-radius:0;background:linear-gradient(transparent,#b8d5f64d);animation:rain-fall 1.8s var(--delay) linear infinite;box-shadow:none}.design-orbit .atmosphere i{top:calc(var(--y) - 65%);background:#d5fff5;animation:star-glimmer var(--duration) var(--delay) ease-in-out infinite}.design-bloom .atmosphere i{width:4px;height:6px;border-radius:70% 10% 70% 15%;background:#fff8ee;top:-5%;animation:petal-drift var(--duration) var(--delay) linear infinite}.design-coast .atmosphere i{width:16px;height:1px;top:calc(var(--y) - 30%);animation:star-glimmer var(--duration) var(--delay) ease-in-out infinite}.design-ink .atmosphere i{width:60px;height:14px;top:calc(var(--y) - 20%);background:#fffdf338;filter:blur(12px);box-shadow:none;animation:light-drift var(--duration) var(--delay) ease-in-out infinite alternate}.design-pixel .atmosphere i{width:2px;height:2px;border-radius:0;background:#c7ffde;animation:mote-rise var(--duration) var(--delay) steps(6) infinite}
@keyframes scene-breathe{from{transform:scale(1.025) translate3d(calc(var(--px,0px)*.35),calc(var(--py,0px)*.35),0)}to{transform:scale(1.075) translate3d(calc(var(--px,0px)*.35 - 2px),calc(var(--py,0px)*.35 - 4px),0)}}@keyframes light-drift{from{opacity:.3;transform:translateX(-10px)}to{opacity:.65;transform:translateX(10px)}}@keyframes mote-rise{0%{opacity:0;transform:translate(0,0)}15%{opacity:.4}80%{opacity:.3}100%{opacity:0;transform:translate(20px,-180px)}}@keyframes rain-fall{0%{opacity:0;transform:translate(0,-25px) rotate(16deg)}15%{opacity:.25}100%{opacity:0;transform:translate(-50px,320px) rotate(16deg)}}@keyframes star-glimmer{0%,100%{opacity:.1;transform:scale(.6)}50%{opacity:.65;transform:scale(1.1)}}@keyframes petal-drift{0%{opacity:0;transform:translate(0,0) rotate(0)}10%{opacity:.6}85%{opacity:.4}100%{opacity:0;transform:translate(-35px,300px) rotate(180deg)}}@keyframes equalize{to{height:19px}}
.static .artwork,.static .light-wash,.static .atmosphere i,.static .equalizer i{animation:none!important;transform:none!important}.static .atmosphere{display:none}.motion-paused .artwork,.motion-paused .light-wash,.motion-paused .atmosphere i,.motion-paused .equalizer i{animation-play-state:paused!important}
@media(max-width:480px){.preview-controls{width:calc(100vw - 16px);height:32px;min-height:32px;font-size:7px;padding:0 2px}.preview-controls label{font-size:7px;gap:5px}.preview-controls select{font-size:8px;height:23px;max-width:123px}.experience{width:calc(100vw - 12px);height:calc(100dvh - 42px);margin:3px 0 7px;border-radius:18px}.experience-top{padding:0 10px;height:34px;min-height:34px;gap:6px}.experience-top>a:first-child{font-size:8px}.experience-top>span{font-size:5px;letter-spacing:1.3px}.visual-scene{margin-top:8px;width:calc(100% - 16px);margin-left:8px;margin-right:8px;max-height:34%;min-height:145px;border-radius:13px}.scene-caption{left:14px;right:14px;bottom:15px;max-width:82%}.scene-caption h1{font-size:23px;letter-spacing:1.4px}.caption-lead{font-size:9px}.scene-kicker{font-size:5px;letter-spacing:1.7px}.ledger{padding:7px 8px 3px}.ledger-intro{padding-left:3px;padding-right:133px;height:37px;min-height:37px;gap:6px}.ledger h2{font-size:13px}.record-count{font-size:6px;padding:2px 4px}.total-chip{right:12px;top:7px;width:128px}.total-chip small{font-size:6px}.total-chip strong{font-size:18px}.ledger-meta{height:17px;min-height:17px;font-size:6px;padding-left:4px;padding-right:4px}.record-list{padding:4px 4px 2px;border-radius:13px}.record-card{grid-template-columns:32px minmax(0,1fr) auto;gap:8px;min-height:56px;padding:9px 8px 9px 7px;margin-bottom:5px;border-radius:10px}.record-index{width:32px;height:32px;min-width:32px;padding:2px}.record-main strong{font-size:11px}.record-main time{font-size:7px;margin-top:4px;line-height:1.4}.record-result{min-width:83px;max-width:128px}.record-result strong{font-size:12.5px}.record-result span{font-size:7px;margin-top:4px}.ledger-footer{height:14px;min-height:14px;font-size:5px;padding:0 4px}.design-navigation{height:27px;min-height:27px;font-size:7px;margin:0 9px}.design-navigation a:nth-child(2){font-size:6px}.design-reel .visual-scene{max-height:36%}.design-reel .scene-caption h1{font-size:23px}.design-reel .caption-lead{font-size:8px}.design-drama .scene-caption h1{font-size:25px}.design-drama .scene-caption p{max-width:180px}.design-drama .total-chip strong{font-size:19px}.design-comic .visual-scene{margin-left:9px;margin-right:9px;width:calc(100% - 18px);border-radius:10px 13px 10px 13px}.design-comic .scene-caption{left:12px;bottom:15px;max-width:68%}.design-comic .scene-caption h1{font-size:20px;padding:6px 8px;letter-spacing:.5px}.design-comic .caption-lead{font-size:7px}.design-orbit .scene-caption h1{font-size:23px;letter-spacing:2px}.design-orbit .caption-lead{font-size:9px}.design-orbit .total-chip strong{font-size:17px}.design-bloom .visual-scene{margin-left:13px;margin-right:13px;width:calc(100% - 26px);border-radius:110px 110px 8px 8px}.design-bloom .scene-caption h1{font-size:22px;letter-spacing:2px}.design-bloom .caption-lead{font-size:8px}.design-bloom .total-chip strong{font-size:19px}.design-cinema .scene-caption h1{font-size:22px;letter-spacing:2px}.design-cinema .caption-lead{font-size:8px}.design-cinema .total-chip strong{font-size:19px}.design-coast .visual-scene{margin-left:13px;margin-right:13px;width:calc(100% - 26px);border-radius:110px 110px 8px 8px}.design-coast .scene-caption h1{font-size:23px;letter-spacing:2px}.design-coast .caption-lead{font-size:8px}.design-coast .total-chip strong{font-size:19px}.design-radio .scene-caption h1{font-size:23px}.design-radio .caption-lead{font-size:8px}.design-radio .total-chip strong{font-size:19px}.design-ink .visual-scene{margin-left:12px;margin-right:12px;width:calc(100% - 24px);border-radius:5px}.design-ink .scene-caption{right:14px;top:12px;bottom:auto;left:auto;gap:8px;max-width:none}.design-ink .scene-caption h1{font-size:22px;letter-spacing:3px}.design-ink .scene-caption p{margin-top:16px;max-height:153px}.design-ink .caption-lead{font-size:7px;letter-spacing:1.6px}.design-ink .total-chip strong{font-size:19px}.design-pixel .scene-caption h1{font-size:21px}.design-pixel .caption-lead{font-size:8px}.design-pixel .total-chip strong{font-size:17px}}
@media(max-width:360px){.preview-controls label{font-size:6px;gap:4px}.preview-controls select{max-width:115px;font-size:8px}.record-card{grid-template-columns:29px minmax(0,1fr) auto;gap:7px;padding-left:6px;padding-right:6px;min-height:54px}.record-index{width:29px;height:29px;min-width:29px}.record-main strong{font-size:10px}.record-main time{font-size:6.5px}.record-result{min-width:77px;max-width:112px}.record-result strong{font-size:11.5px}.record-result span{font-size:6.5px}.ledger-intro{padding-right:121px}.total-chip{width:116px;right:11px}.total-chip strong{font-size:16px}.ledger h2{font-size:12px}.record-count{font-size:5px;padding:2px 4px}.scene-caption h1{font-size:21px}.caption-lead{font-size:8px}.design-comic .scene-caption h1{font-size:18px}.design-comic .caption-lead{font-size:6.5px}.design-reel .scene-caption h1{font-size:21px}.design-reel .caption-lead{font-size:7px}.design-orbit .total-chip strong,.design-pixel .total-chip strong{font-size:15px}.design-drama .total-chip strong,.design-bloom .total-chip strong,.design-cinema .total-chip strong,.design-coast .total-chip strong,.design-radio .total-chip strong,.design-ink .total-chip strong{font-size:17px}}
@media(max-height:720px){body{--hero:195px}.visual-scene{max-height:32%;min-height:125px}.experience-top{height:32px;min-height:32px}.ledger-intro{height:35px;min-height:35px}.record-card{min-height:52px;padding-top:8px;padding-bottom:8px}.ledger-footer{height:12px;min-height:12px}.design-navigation{height:25px;min-height:25px}.scene-caption{bottom:13px}.scene-caption h1{font-size:21px}.scene-caption p{margin-top:5px}.scene-kicker{font-size:5px}.design-reel .visual-scene{max-height:34%}.design-ink .scene-caption h1{font-size:21px}.design-ink .scene-caption p{max-height:125px}.design-ink .caption-lead{font-size:6px;letter-spacing:1px}.design-ink .scene-caption{top:9px}.design-cinema .scene-caption{bottom:16px}}
@media(max-height:560px){.preview-controls{height:29px;min-height:29px}.experience{height:calc(100dvh - 36px);margin:2px 0 5px}.visual-scene{max-height:29%;min-height:85px}.scene-caption{bottom:10px}.scene-caption h1{font-size:18px!important;margin-top:3px}.scene-kicker{font-size:4px}.scene-caption p{margin-top:4px}.caption-lead{font-size:7px!important}.record-card{min-height:49px}.ledger-meta{height:14px;min-height:14px}.ledger-footer{display:none}.design-navigation{height:23px;min-height:23px}.design-ink .scene-caption h1{font-size:17px!important;letter-spacing:1px}.design-ink .scene-caption p{display:none}.design-ink .scene-caption{top:8px}.design-ink .scene-kicker{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.atmosphere{display:none}.artwork{transform:none!important}}