@font-face{font-family:SS_X;src:url(/fonts/ss-x.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#302b39;--paper:#f3f0f7;--line:#dad4e1}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:wait;opacity:.4}button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-offset:4px;outline:2px solid #8b76ac}button svg{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.shell{grid-template-rows:64px minmax(0,1fr);height:100dvh;min-height:300px;display:grid}.toolbar{z-index:10;border-bottom:1px solid var(--line);background:#f7f5f9;justify-content:space-between;align-items:center;gap:16px;padding:0 clamp(14px,3.6vw,58px);display:flex;position:relative}.toolbar-context{align-items:center;gap:26px;min-width:0;display:flex}.toolbar-title{letter-spacing:.16em;white-space:nowrap;color:#807689;font-size:10px}.controls{align-items:center;gap:7px;display:flex}.control{background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-width:36px;height:36px;padding:0 9px;font-size:11px;transition:background .18s;display:inline-flex}.control:hover,.control[aria-pressed=true]{background:#e7e0ee}.control.reset,.control.save{padding:0 12px}.control.reset{margin-left:7px}.share-wrap{position:relative}.share-menu{border:1px solid var(--line);background:#fff;border-radius:10px;width:240px;padding:17px;position:absolute;top:46px;right:0;box-shadow:0 12px 34px #59406718}.share-menu p{color:#82768b;margin:0 0 12px;font-size:11px;line-height:1.7}.share-menu button{text-align:left;background:#f4f0f8;border:0;border-radius:6px;width:100%;margin-top:7px;padding:11px;font-size:12px}.copy-fallback{border:1px solid var(--line);width:100%;padding:8px;font-size:11px}.series{position:relative}.series summary{cursor:pointer;letter-spacing:.08em;white-space:nowrap;font-size:10px;list-style:none}.series summary::-webkit-details-marker{display:none}.series summary span{color:#978ca3;margin-left:5px}.series-list{border:1px solid var(--line);background:#fff;border-radius:9px;width:190px;padding:12px 18px;position:absolute;top:31px;left:0;box-shadow:0 12px 34px #59406715}.series-list p{justify-content:space-between;gap:9px;margin:12px 0;font-size:11px;display:flex}.series-list p span{color:#9b91a4;font-size:9px}.poster{isolation:isolate;background:#dbd3ed;width:100%;height:100%;position:relative;overflow:hidden;container-type:size}.interaction-plane,.artwork{position:absolute;inset:0;overflow:hidden}.interaction-plane{touch-action:none;-webkit-user-select:none;user-select:none;outline-offset:-5px!important}.native-words,.webgl{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.native-words{z-index:1}.home-belief-vector{pointer-events:none;transform-origin:0 0;position:absolute;top:0;left:0;overflow:visible}.webgl{z-index:2;display:block}.poster-copy{z-index:3;pointer-events:none;position:absolute;inset:0}.poster-top{justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;top:4%;left:4.6%;right:4.6%}.poster-brand{font-synthesis:none;letter-spacing:.015em;transform-origin:0;white-space:nowrap;font-family:SS_X,Arial,sans-serif;font-size:clamp(30px,4.4cqw,60px);font-style:normal;font-weight:400;line-height:1.2;display:inline-block;transform:skew(-8deg)}.poster-edition{text-align:right;letter-spacing:.12em;color:#81728f;font-size:9px;line-height:1.65}.poster-bottom{letter-spacing:.12em;color:#6f647d;justify-content:space-between;align-items:end;gap:20px;font-size:9px;line-height:1.5;display:flex;position:absolute;bottom:3%;left:4.6%;right:4.6%}.style-picker{z-index:4;flex-direction:column;align-items:flex-start;gap:9px;display:flex;position:absolute;top:51%;left:4.6%;transform:translateY(-50%)}.style-caption{letter-spacing:.15em;color:#766a85;margin:0 0 12px 1px;font-size:9px;display:none}.style-option{text-align:left;letter-spacing:-.055em;color:#6960778c;white-space:nowrap;background:0 0;border:0;min-height:35px;padding:0 24px 0 0;font-size:clamp(24px,3.5cqw,54px);line-height:1.08;display:block;position:relative}.style-label{transform-origin:0;transition:transform .24s cubic-bezier(.2,.8,.2,1),color .2s;display:inline-block}.style-option small{letter-spacing:0;opacity:0;font-size:8px;transition:opacity .2s;position:absolute;top:4px;right:4px}.style-option[aria-pressed=true]{color:#25202e}.style-option[aria-pressed=true] small{opacity:1}.style-option:focus-visible .style-label{color:#25202e;transform:scale(1.17)}.style-option:focus-visible small{opacity:0}@media (hover:hover){.style-option:hover .style-label{color:#25202e;transform:scale(1.17)}.style-option:hover small{opacity:0}}.loading{z-index:6;color:#675774;letter-spacing:2px;background:#dbd3ed;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.loading.error{text-align:center;flex-direction:column;gap:16px;padding:40px;line-height:2}.loading button{background:#fff;border:0;border-radius:20px;padding:8px 16px}.toast{z-index:20;color:#fff;text-align:center;background:#51405d;border-radius:30px;max-width:calc(100vw - 32px);padding:12px 19px;font-size:12px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #42304e22}@media (max-width:600px){.shell{grid-template-rows:54px minmax(0,1fr)}.toolbar{gap:8px;padding:0 12px}.toolbar-title{display:none}.toolbar-context{gap:0}.controls{gap:2px}.control{min-width:32px;height:34px;padding:0 7px}.control.reset{margin-left:1px}.control.reset,.control.save{padding:0 8px}.control span{font-size:10px}.poster-brand{font-size:clamp(29px,7.8cqw,43px)}.poster-edition{font-size:7px}.poster-bottom{letter-spacing:.06em;gap:10px;font-size:7px}.style-picker{gap:9px}.style-caption{margin-bottom:8px;font-size:7px}.style-option{min-height:32px;padding-right:18px;font-size:clamp(24px,6.8cqw,35px)}.style-option small{font-size:7px;right:2px}.share-menu{right:-3px}}@media (max-width:350px){.control.save span{display:none}.style-option{font-size:23px}.poster-edition{display:none}}@media (max-height:480px){.shell{grid-template-rows:46px minmax(0,1fr)}.poster-brand{font-size:29px}.style-picker{gap:4px;top:55%}.style-option{min-height:28px;font-size:24px}.style-caption{margin-bottom:3px}.poster-bottom{font-size:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.music-box-frame{background:#dad3ee;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.mode-picker{z-index:7;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:12%;right:4.6%}.mode-option{text-align:right;letter-spacing:-.055em;color:#6960778c;white-space:nowrap;background:0 0;border:0;min-height:28px;padding:0 0 0 23px;font-size:clamp(20px,min(3.5cqw,4.8cqh),54px);line-height:1.08;display:block;position:relative}.mode-option span{transform-origin:100%;transition:transform .24s cubic-bezier(.2,.8,.2,1),color .2s;display:inline-block}.mode-option small{letter-spacing:0;opacity:0;font-size:8px;position:absolute;top:4px;left:3px}.mode-option[aria-pressed=true]{color:#25202e}.mode-option[aria-pressed=true] small{opacity:1}.mode-option[aria-disabled=true]{cursor:default}.mode-option:focus-visible span{color:#25202e;transform:scale(1.12)}@media (hover:hover){.mode-option:not([aria-disabled=true]):hover span{color:#25202e;transform:scale(1.12)}}@media (max-width:600px){.mode-picker{gap:8px;top:8%}.mode-option{min-height:27px;padding-left:17px;font-size:clamp(20px,6.2cqw,32px)}.mode-option small{font-size:7px;left:1px}}@media (max-height:480px){.mode-picker{gap:4px;top:5%}.mode-option{min-height:27px;font-size:24px}}.toolbar[data-performance=true] .controls{margin-left:auto}.performance-modes{flex-shrink:0;position:relative}.mode-trigger{border:0;border-left:1px solid var(--line);letter-spacing:-.035em;white-space:nowrap;background:0 0;align-items:center;gap:14px;min-height:36px;padding:0 0 0 14px;font-size:14px;display:flex}.mode-chevron{font-size:16px;transition:transform .18s}.mode-trigger[aria-expanded=true] .mode-chevron{transform:rotate(180deg)}.performance-mode-list{z-index:12;border:1px solid var(--line);background:#f7f5f9f7;border-radius:12px;flex-direction:column;align-items:stretch;gap:4px;min-width:184px;padding:14px 16px;display:flex;position:absolute;top:calc(100% + 14px);right:0;box-shadow:0 12px 34px #59406718}.performance-mode-list .mode-option{min-height:40px;padding:7px 0 7px 24px;font-size:23px}.performance-mode-list .mode-option small{top:10px}@media (max-width:800px){.toolbar[data-performance=true] .toolbar-context{display:none}.toolbar[data-performance=true] .controls{margin-left:0;margin-right:auto}}@media (max-width:600px){.toolbar[data-performance=true] .control span{display:none}.toolbar[data-performance=true] .control.reset,.toolbar[data-performance=true] .control.save{margin-left:0;padding:0 7px}.mode-trigger{gap:9px;padding-left:10px;font-size:13px}.performance-mode-list{top:calc(100% + 10px)}}@media (orientation:landscape){.shell{grid-template-rows:38px minmax(0,1fr)}.toolbar .control{height:30px}.mode-trigger{min-height:30px}.performance-mode-list{top:calc(100% + 5px)}.share-menu{top:35px}.mode-picker{gap:6px;top:3%}.mode-option{min-height:24px;font-size:clamp(18px,min(3.1cqw,4.3cqh),46px)}}@media (orientation:landscape) and (max-height:480px){.shell{grid-template-rows:34px minmax(0,1fr)}.toolbar .control,.mode-trigger{height:28px;min-height:28px}}.keyboard-preset-list{min-width:185px}.keyboard-preset-list .mode-option{padding-top:8px;padding-bottom:10px}.keyboard-preset-list em{letter-spacing:.015em;color:#81768d;margin-top:3px;font-size:10px;font-style:normal;line-height:1.5;display:block}@media (max-width:600px){.toolbar[data-keyboard=true]{gap:6px;padding-left:8px;padding-right:8px}.toolbar[data-keyboard=true] .controls{gap:0}.toolbar[data-keyboard=true] .control{min-width:27px;padding-left:5px;padding-right:5px}.toolbar[data-keyboard=true] .mode-trigger{gap:5px;padding-left:7px;font-size:12px}.keyboard-preset-list{right:-80px}}