main{padding:42px 0}main section{width:min(100%,560px);text-align:left}.mark{width:58px;margin:0 0 23px}h1{font-size:clamp(31px,7vw,55px);margin:20px 0 8px}.sub{font-size:10px;letter-spacing:.12em}.status{margin:0;font-size:10px;color:#b2c0a3}.dot{background:#91ab81;box-shadow:0 0 10px #91ab8155}.signal{display:flex;align-items:center;height:58px;gap:3px;margin:24px 0 8px;overflow:hidden}.signal i{flex:1;background:#56604b;min-width:1px;opacity:.75}.receiving .signal i{background:#a4b391;animation:wave 1.1s ease-in-out infinite alternate;animation-delay:var(--delay)}@keyframes wave{to{transform:scaleY(.35)}}button,input{font:inherit}button{cursor:pointer;background:transparent;border:1px solid #737a65;color:#dddccc;padding:14px 12px;width:100%;letter-spacing:.1em;font-size:11px}button:hover{background:#292d24}button:disabled{opacity:.5;cursor:default}input[type=range]{width:100%;accent-color:#a4b391;margin:8px 0}.times{display:flex;justify-content:space-between;font-size:10px;color:#a19f90;margin:0 0 12px}.hint{margin:12px 0;letter-spacing:.04em}.source{margin:17px 0 0;font-size:10px;color:#a19f90}.source summary{cursor:pointer}.source iframe{width:100%;border:0;display:block;margin-top:10px}.source a{color:#b9b5a5}.forward{border-top:1px solid #393b31;margin-top:28px;padding-top:22px;font-size:12px;color:#b9b5a5;line-height:1.6}.forward button{margin-top:12px}.invite{border:1px solid #737a65;margin-top:12px;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.notice{font-size:10px;color:#a19f90}.invite[hidden]{display:none}@media(prefers-reduced-motion:reduce){.receiving .signal i{animation:none}}

.player{display:flex;align-items:center;gap:19px;margin-top:12px}.play-toggle{padding:0;width:56px;height:56px;flex:0 0 56px;border-radius:50%;display:grid;place-items:center;color:#e5dfcf;border:1px solid #aeb49f}.play-toggle svg{width:26px;height:26px}.timeline{flex:1;min-width:0}.timeline .times{margin:0}.timeline input{display:block;margin:8px 0 10px;cursor:pointer}.credit{text-align:right;font-size:10px;margin-bottom:9px}.source details{font-size:10px;text-align:right}.source details[open]{text-align:left}.source summary{color:#9b9d8e}.hint{min-height:1.4em}.receiving .signal i{animation-duration:.8s}.receiving .dot{box-shadow:0 0 9px #91ab81}.play-toggle:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #d8d9c6;outline-offset:4px}

.source details:not([open]) iframe{display:block;position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;clip-path:inset(50%)}

.invite{border:0;padding:0;white-space:normal}.slip{position:relative;overflow:hidden;background:#ded8c6;color:#292a23;padding:19px 17px 76px;border:1px solid #b5ad98;text-align:left}.slip-head{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #777565;padding-bottom:10px;font-size:9px;letter-spacing:.08em}.slip-label{margin-top:18px;font-size:9px;letter-spacing:.16em}.slip-text{font-size:17px;font-weight:bold;line-height:1.3;margin:8px 0}.slip-small,.slip-url{font-size:10px}.slip-url{margin-top:13px;overflow-wrap:anywhere}.stamp{position:absolute;bottom:14px;right:14px;transform:rotate(-7deg);border:2px solid #8b3931;color:#8b3931;padding:4px 9px;text-align:center;line-height:1.15;font-weight:bold;font-size:14px;letter-spacing:.1em}.stamp small{font-size:8px}.invite button[hidden],#manual[hidden]{display:none}#manual{width:100%;min-height:100px;background:#20211b;color:#dddccc;border:1px solid #737a65;padding:10px;font:inherit}#forward[aria-expanded=true]{background:#292d24}
.slip{background:transparent;color:#b9b5a5;border:1px solid #393b31;padding:16px 14px}.slip-head{color:#929888;border-color:#393b31;letter-spacing:.12em}.slip-text{font-size:13px;font-weight:400;line-height:1.5;margin:14px 0 7px;color:#e5dfcf}.slip-url{color:#a19f90;margin-top:5px}.invite button{margin-top:8px}.invite .notice{margin:12px 0}