@font-face{font-family:Yomogi;src:url(/fonts/Yomogi-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}:root{--hot: #ff1493;--magenta: #ff00aa;--night: #2a0016;--deep: #5b0033;--cream: #ffe9f5;--jp: "Yomogi", "Hiragino Maru Gothic ProN", sans-serif;--logo: "Avenir Next", "Helvetica Neue", "Arial Black", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,.hl-label,.hl-time,.hl-char span{-webkit-user-select:none;user-select:none}html,body{margin:0;padding:0;background:var(--night);color:#fff;font-family:var(--jp);overscroll-behavior-y:none}body{background:radial-gradient(60% 40% at 10% 0%,#ff00aa59,#f0a0 60%),radial-gradient(70% 50% at 100% 30%,#ff14934d,#ff149300 60%),linear-gradient(180deg,#2a0016,#4a0029 45%,#2a0016);background-attachment:fixed;min-height:100dvh}#root{max-width:560px;margin:0 auto;padding:0 0 calc(28px + env(safe-area-inset-bottom))}.hl-header{position:sticky;top:0;z-index:30;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#2a0016f5,#2a0016b8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(255,20,147,.55);box-shadow:0 6px 24px #ff149359}.hl-logo{font-family:var(--logo);font-weight:900;font-size:20px;letter-spacing:3px;color:#fff;text-shadow:0 0 12px var(--hot),0 0 30px var(--magenta)}.hl-tag{font-size:11px;letter-spacing:1px;color:#ffb8e2;opacity:.9}.hl-section{margin:14px 12px;padding:14px;border-radius:20px;background:linear-gradient(150deg,#ff14932e,#ff00aa0f);border:2px solid rgba(255,105,190,.45);box-shadow:inset 0 0 30px #ff14931f}.hl-label{font-family:var(--logo);font-size:11px;font-weight:800;letter-spacing:2.5px;color:#ff9ad5;margin-bottom:8px;text-transform:uppercase}.hl-stage{position:relative;margin:12px auto 0;border-radius:18px;overflow:hidden;border:3px solid rgba(255,20,147,.85);box-shadow:0 0 36px #ff14938c;background:#000}.hl-stage-inner{transform-origin:top left;position:absolute;top:0;left:0}.hl-btn{font-family:var(--jp);font-size:17px;border:none;border-radius:999px;padding:14px 20px;color:#fff;background:linear-gradient(135deg,#ff1493,#f0a 55%,#ff5ec4);box-shadow:0 6px 20px #ff14938c,inset 0 1px #ffffff80;cursor:pointer;width:100%;font-weight:700;letter-spacing:.5px}.hl-btn:active{transform:translateY(2px);filter:brightness(1.1)}.hl-btn:disabled{opacity:.45;box-shadow:none}.hl-btn.ghost{background:#ffffff14;border:2px solid rgba(255,154,213,.6);box-shadow:none;font-size:14px;padding:10px 14px}.hl-btn.danger{background:linear-gradient(135deg,#7a0033,#b0004a)}.hl-btn.big{font-size:20px;padding:18px;letter-spacing:1px}.hl-row{display:flex;gap:8px}.hl-input,.hl-textarea{width:100%;font-family:var(--jp);font-size:17px;color:#fff;background:#00000059;border:2px solid rgba(255,154,213,.55);border-radius:14px;padding:12px 14px;outline:none}.hl-input:focus,.hl-textarea:focus{border-color:var(--hot);box-shadow:0 0 0 3px #ff14934d}.hl-textarea{min-height:84px;resize:vertical;line-height:1.5}.hl-field{margin-bottom:10px}.hl-field>span{display:block;font-size:12px;color:#ffb8e2;margin-bottom:5px;letter-spacing:1px}.hl-transport{margin:10px 12px 0;padding:10px 12px 12px;border-radius:18px;background:#00000059;border:2px solid rgba(255,105,190,.4)}.hl-transport-top{display:flex;align-items:center;gap:12px}.hl-play{width:52px;height:52px;flex:0 0 52px;border-radius:50%;border:none;background:linear-gradient(135deg,#fff,#ffc2e6 45%,#ff1493);color:#5b0033;font-size:20px;box-shadow:0 0 20px #ff1493cc;cursor:pointer;display:flex;align-items:center;justify-content:center}.hl-time{font-family:var(--logo);font-weight:800;font-size:15px;letter-spacing:1px;color:#ffd9ef;white-space:nowrap}.hl-seek{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:26px;background:transparent;margin-top:6px}.hl-seek::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:linear-gradient(90deg,#ff1493,#f0a);box-shadow:inset 0 0 8px #0009}.hl-seek::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--hot);box-shadow:0 0 14px #ff1493e6;margin-top:-8px}.hl-seek::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--hot)}.hl-nudge{display:flex;gap:6px;margin-top:8px}.hl-nudge button{flex:1;font-family:var(--logo);font-size:12px;font-weight:800;padding:8px 0;border-radius:10px;border:2px solid rgba(255,154,213,.45);background:#ffffff0f;color:#ffd9ef}.hl-chars{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hl-char{border:3px solid transparent;border-radius:16px;padding:8px 4px 6px;background:#ffffff0f;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.hl-char img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.5)}.hl-char span{font-size:12px;line-height:1.1;text-align:center;color:#ffe9f5}.hl-char.on{background:#ff149347}.hl-msg{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;background:#0000004d;border:2px solid rgba(255,154,213,.3);margin-bottom:8px}.hl-msg img{width:40px;height:40px;border-radius:50%;flex:0 0 40px;object-fit:cover}.hl-msg-body{flex:1;min-width:0}.hl-msg-meta{font-family:var(--logo);font-size:11px;font-weight:800;letter-spacing:1px;color:#ff9ad5}.hl-msg-text{font-size:15px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hl-msg-actions{display:flex;gap:6px}.hl-icon-btn{width:36px;height:36px;border-radius:10px;border:2px solid rgba(255,154,213,.45);background:#ffffff12;color:#ffd9ef;font-size:15px;cursor:pointer}.hl-sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#14000cb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:flex-end;justify-content:center}.hl-sheet{width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;border-radius:26px 26px 0 0;padding:14px 14px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#5b0033,#2a0016);border-top:3px solid var(--hot);box-shadow:0 -10px 40px #ff149380;animation:hl-up .22s ease-out}@keyframes hl-up{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.hl-sheet-grip{width:46px;height:5px;border-radius:999px;background:#fff6;margin:0 auto 12px}.hl-sheet-time{text-align:center;font-family:var(--logo);font-weight:900;font-size:26px;letter-spacing:2px;color:#fff;text-shadow:0 0 16px var(--hot);margin-bottom:12px}.hl-progress{height:14px;border-radius:999px;background:#00000073;overflow:hidden;border:2px solid rgba(255,154,213,.4)}.hl-progress>i{display:block;height:100%;background:linear-gradient(90deg,#ff1493,#f0a,#ff8ad4);box-shadow:0 0 18px #ff1493e6;transition:width .25s}.hl-note{font-size:12px;color:#ffb8e2;line-height:1.6;opacity:.9}.hl-empty{font-size:13px;color:#ffb8e2;opacity:.75;text-align:center;padding:14px 0}.hl-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:200;background:linear-gradient(135deg,#ff1493,#f0a);color:#fff;padding:12px 22px;border-radius:999px;font-size:14px;box-shadow:0 8px 30px #ff1493b3;max-width:90vw;text-align:center}