.app-page{min-height:calc(100svh - 150px)}.header-nav a{min-height:44px;display:flex;align-items:center;border-bottom:1px solid transparent}.header-nav a[aria-current=page]{color:#f6e7fa;border-color:#dbc0e8}header{position:sticky;top:0;background:#090914e8;backdrop-filter:blur(20px);z-index:20;height:72px}.page-banner{position:relative;max-width:1240px;margin:auto;height:320px;overflow:hidden}.page-banner>img{width:100%;height:100%;object-fit:cover;opacity:.55}.page-banner>div{position:absolute;bottom:30px;left:36px;text-shadow:0 2px 10px #000}.page-banner span,.creation-banner span{font:12px monospace;letter-spacing:3px}.page-banner h2{font:32px/1.5 Georgia,'Noto Serif TC',serif;margin:8px 0}.page-banner p{font-size:15px}.creation-banner{height:230px;max-width:1240px;margin:auto;position:relative;overflow:hidden}.creation-banner img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;opacity:.58}.creation-banner>div{position:absolute;left:36px;bottom:24px;text-shadow:0 2px 10px #000}.creation-banner p{font:26px Georgia,'Noto Serif TC',serif}.publish-message{max-width:1168px;margin:20px auto 40px;padding:25px 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}.publish-message h2{font-size:20px;margin:0}.publish-message p{font-size:14px;color:var(--muted)}#publishStatus{width:100%;min-height:24px;color:#dfc8ea}.wall-page{position:relative;display:grid;grid-template-columns:1fr 1fr;max-width:1240px;margin:auto;overflow:hidden}.wall-art{min-height:700px;position:relative}.wall-art img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center;opacity:.8}.wall-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#090914)}.wall-content{padding:48px 40px;position:relative;z-index:1}.wall-content h1{font-size:34px}.wall-content>p{color:var(--muted);font-size:16px}.wall-tools{display:flex;gap:12px;margin-top:24px}.message-window{height:300px;margin:20px 0;overflow:hidden;mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent);border-block:1px solid #a48bb72b;position:relative}.message-window.static{overflow:auto;mask-image:none}.message-window.paused #messageStream,.message-window:hover #messageStream,.message-window:focus-within #messageStream{animation-play-state:paused}.message-track{display:flex;flex-direction:column;gap:18px;padding:15px 0}.visitor-message{padding:20px 0;border-bottom:1px solid #ffffff17;margin:0}.visitor-message p{font:19px/1.8 Georgia,'Noto Serif TC',serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.visitor-message footer{border:0;padding:9px 0 0;font-size:12px;color:#ba9fca}.message-window.scrolling #messageStream{animation:message-scroll var(--wall-duration,60s) linear infinite}.message-window.static #messageStream{animation:none!important}.wall-content>a{display:inline-block;margin-top:12px}.wall-content .wall-hint{font-size:12px;margin-top:18px}.wall-content #wallStatus{font-size:13px;min-height:22px}.play-page{max-width:1240px;margin:auto}.play-hero{position:relative;height:380px;overflow:hidden}.play-hero>img{width:100%;height:100%;object-fit:cover;opacity:.55}.play-hero-copy{position:absolute;bottom:28px;left:36px;max-width:650px;text-shadow:0 2px 12px #000}.play-hero h1{font-size:35px}.play-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:38px 36px}.play-layout h2{font:27px Georgia,serif}.play-layout p{color:var(--muted);font-size:15px}.play-layout label{display:block;margin:20px 0 10px;font-size:14px}.accompaniment .primary{display:block;text-align:center;margin:18px 0}.channel-link{display:block;font-size:14px;text-decoration:underline;text-underline-offset:4px;margin:18px 0}.score-empty{border:1px solid #685276;margin:24px 0;padding:28px}.score-empty span{font:11px monospace;letter-spacing:2px;color:#bb9dcc}.score-empty h3{font:21px/1.7 Georgia,serif}.score-empty p{font-size:14px}.listen-platforms{padding:0 36px 40px;display:flex;gap:15px;flex-wrap:wrap}.listen-platforms a{padding:12px 18px;border:1px solid #7e648e;font-size:14px}.create-page .maker-heading{padding-top:28px}.create-page .preview-panel{position:sticky;top:92px}.works-page .past-universes{margin-top:28px}.works-page .catalog summary{font-size:15px}.primary,.secondary{display:inline-block}body>footer{font-size:12px}.header-nav{gap:24px}
@keyframes message-scroll{to{transform:translateY(-50%)}}
@media(max-width:760px){header{height:62px;padding:0 20px}.brand{font-size:23px}.header-name{display:block;font-size:9px;letter-spacing:1px;margin-left:auto}.header-nav{position:fixed;bottom:0;left:0;right:0;height:calc(62px + env(safe-area-inset-bottom));padding:0 12px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:#100b1cec;border-top:1px solid #73598455;backdrop-filter:blur(18px);z-index:100}.header-nav a{display:flex;justify-content:center;font-size:13px;color:#b2a0c2;border-bottom:0;border-top:2px solid transparent}.header-nav a[aria-current=page]{border-color:#dac4e7;color:#fff;background:#6a42741c}body{padding-bottom:calc(62px + env(safe-area-inset-bottom))}.app-page{min-height:calc(100svh - 150px)}.page-banner{height:225px}.page-banner>div{left:22px;bottom:22px;right:22px}.page-banner h2{font-size:23px}.page-banner p{font-size:13px}.page-banner span{font-size:10px}.creation-banner{height:180px}.creation-banner>div{left:22px}.creation-banner p{font-size:21px}.creation-banner span{font-size:10px}.create-page .preview-panel{position:static}.publish-message{margin:20px 22px 24px;padding:20px 0}.publish-message h2{font-size:18px}.publish-message p{font-size:13px}.publish-message button{width:100%;font-size:14px}.wall-page{display:block;min-height:calc(100svh - 124px)}.wall-art{position:absolute;inset:0;min-height:0;opacity:.35}.wall-art:after{background:linear-gradient(#09091400,#090914bb)}.wall-content{padding:32px 24px 28px;max-width:550px;margin:auto}.wall-content h1{font-size:29px}.wall-content>p{font-size:14px}.message-window{height:270px;background:#130e2099;padding:0 15px}.visitor-message p{font-size:17px}.play-hero{height:270px}.play-hero-copy{left:22px;bottom:18px;right:22px}.play-hero h1{font-size:27px}.play-hero p{font-size:14px}.play-layout{display:block;padding:22px}.play-layout>section{margin:0 0 35px}.play-layout h2{font-size:25px}.play-layout p{font-size:14px}.listen-platforms{padding:0 22px 30px;gap:8px}.listen-platforms a{font-size:13px;padding:10px 12px}#notice{bottom:calc(82px + env(safe-area-inset-bottom))}.songs{grid-template-columns:1fr 1fr}.song strong{font-size:14px}.song small{font-size:12px}.page-banner h2,.play-hero h1{line-height:1.5}}
@media(prefers-reduced-motion:reduce){#messageStream{animation:none!important}.message-window{overflow:auto;mask-image:none}}