.game-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0e14;color:#eef2f7;overflow:hidden;font-family:var(--font);user-select:none;-webkit-user-select:none;touch-action:none}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:1}.game-wavea-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;z-index:0;pointer-events:none;opacity:.85}.game-hud{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;gap:12px;padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top));background:linear-gradient(180deg,#080b12b8,#080b1200);pointer-events:none}.game-quit,.game-export{pointer-events:auto}.game-quit{width:34px;height:34px;flex:none;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#cdd6e2;font-size:13px;cursor:pointer}.game-quit:hover{background:#ffffff1f}.game-songtitle{flex:1;font-weight:700;font-size:13px;color:#aeb8c6;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-score{font-weight:800;font-size:22px;letter-spacing:-.025em;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.5);margin-right:96px}.game-root.cloud-mode .game-score{margin-right:16px}.game-root.preset-gorgeous .game-songtitle{font-weight:900;font-size:14px;color:color-mix(in srgb,var(--accent) 60%,#fff);text-shadow:0 0 8px color-mix(in srgb,var(--accent) 50%,transparent);letter-spacing:.05em}.game-root.preset-gorgeous .game-score{font-weight:900;font-size:24px;color:color-mix(in srgb,var(--accent) 40%,#fff);text-shadow:0 0 12px color-mix(in srgb,var(--accent) 60%,transparent),0 1px 2px rgba(0,0,0,.6)}.game-root.preset-simple .game-songtitle{font-family:Caveat,Klee One,cursive,sans-serif;font-weight:500;font-size:13px;letter-spacing:.3px;color:#c8d0db;text-shadow:none;transform:rotate(-.3deg)}.game-root.preset-simple .game-score{font-family:Caveat,Klee One,cursive,sans-serif;font-weight:600;font-size:13px;letter-spacing:0;text-shadow:none;transform:rotate(-.5deg)}.game-export{flex:none;border:1px solid rgba(34,197,94,.5);background:#22c55e29;color:#d7f7e3;font-weight:700;font-size:12px;padding:6px 12px;border-radius:999px;cursor:pointer;white-space:nowrap}.game-export:hover{background:#22c55e47}.game-fullscreen-btn{position:absolute;top:max(14px,env(safe-area-inset-top));right:56px;z-index:50;width:32px;height:32px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#ffffffd9;font-size:14px;font-weight:700;cursor:pointer;display:grid;place-items:center;transition:background .15s ease}.game-fullscreen-btn:hover{background:#ffffff29}.game-design-btn{position:absolute;top:max(14px,env(safe-area-inset-top));right:16px;z-index:50;width:32px;height:32px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#ffffffd9;font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.game-design-btn:hover{background:#ffffff24;color:#fff}.lane-keys{position:absolute;left:0;right:0;bottom:0;height:18%;display:grid;grid-template-columns:repeat(4,1fr);pointer-events:none;z-index:4}.lane-key{display:flex;align-items:flex-end;justify-content:center;padding-bottom:max(10px,env(safe-area-inset-bottom));font-weight:800;font-size:15px;opacity:.45;transform-origin:bottom center}.lane-keys.keys-emphasize .lane-key{animation:lane-key-pop 1.4s cubic-bezier(.22,.61,.36,1) both}.lane-keys.keys-emphasize .lane-key:nth-child(1){animation-delay:0s}.lane-keys.keys-emphasize .lane-key:nth-child(2){animation-delay:.08s}.lane-keys.keys-emphasize .lane-key:nth-child(3){animation-delay:.16s}.lane-keys.keys-emphasize .lane-key:nth-child(4){animation-delay:.24s}@keyframes lane-key-pop{0%{opacity:0;transform:scale(2.4) translateY(-30px)}20%{opacity:1;transform:scale(2.4) translateY(-30px)}60%{opacity:1;transform:scale(1.6) translateY(-12px)}to{opacity:.45;transform:scale(1) translateY(0)}}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:24px;background:#080a0fbd;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.game-overlay.ready{background-color:var(--ready-bg, var(--game-bg, #0a0d13));background-image:var(--ready-bg-image, none);background-size:cover;background-position:center;background-repeat:no-repeat}.game-overlay.result{background-color:var(--result-bg, var(--game-bg, #0a0d13));background-image:var(--result-bg-image, none);background-size:cover;background-position:center;background-repeat:no-repeat}.game-overlay .btn-ghost{color:#ffffffb8}.game-overlay .btn-ghost:hover{background:#ffffff14;color:#fff}.ready-card,.result-card{width:100%;max-width:360px;text-align:center}.ready-card{background:radial-gradient(120% 80% at 50% 0%,rgba(34,197,94,.1),transparent 60%),linear-gradient(180deg,#161c2ab8,#0f1420b8);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:18px 20px 14px;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff05 inset;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);max-height:calc(100dvh - 56px);overflow-y:auto}.ready-quit{position:absolute;top:max(14px,env(safe-area-inset-top));left:16px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#cdd6e2;font-size:13px;cursor:pointer;z-index:1}.ready-quit:hover{background:#ffffff1f}.ready-genre{display:inline-block;padding:4px 14px;border-radius:999px;color:#06210f;font-weight:800;font-size:10.5px;letter-spacing:.12em;box-shadow:0 4px 14px #22c55e40}.ready-title{font-size:28px;font-weight:800;margin:16px 0 4px;letter-spacing:-.01em;line-height:1.2}.ready-artist{color:#aab4c4;margin-bottom:6px;display:inline-block;font-size:13px;font-weight:600}a.ready-artist.link{text-decoration:none}a.ready-artist.link:hover{color:#fff;text-decoration:underline}.ready-desc{color:#7e8a9c;font-size:12.5px;line-height:1.65;max-width:320px;margin:8px auto 12px}.ready-diff{color:#cdd6e2;font-size:12px;margin-bottom:18px;letter-spacing:.06em;font-weight:700;opacity:.85}.ready-card .btn{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-card .btn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ready-hint{color:#6b7686;font-size:12px;margin-top:14px}.meta-edit{display:flex;flex-direction:column;gap:8px;margin:14px 0 6px}.meta-title,.meta-artist,.meta-desc-edit{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#eef2f7;font-family:var(--font);text-align:center;padding:10px 12px;outline:none}.meta-title{font-size:20px;font-weight:800}.meta-artist{font-size:14px}.meta-desc-edit{font-size:13px;resize:none;line-height:1.5}.meta-title:focus,.meta-artist:focus,.meta-desc-edit:focus{border-color:#22c55e99;background:#ffffff17}.meta-title::placeholder,.meta-artist::placeholder,.meta-desc-edit::placeholder{color:#6b7686;font-weight:600}.meta-hint{color:#6b7686;font-size:11.5px;margin-top:2px}.ready-card .btn-primary{box-shadow:0 8px 22px #22c55e4d,0 0 0 1px #22c55e8c inset;letter-spacing:.02em;transition:transform .15s ease,box-shadow .15s ease}.ready-card .btn-primary:hover{box-shadow:0 10px 28px #22c55e6b,0 0 0 1px #22c55eb3 inset;transform:translateY(-1px)}.ready-settings{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:10px;align-items:stretch}.ready-settings .ready-laneseg,.ready-settings .chord-seg{margin:0 auto}.ready-settings .ready-ranking,.ready-settings .dev-toggle{margin:0}.game-overlay.ready{display:flex;flex-direction:column;align-items:center;padding:24px 16px}.ready-card{margin:0 auto 18px}.ready-card-diff-mini{margin:10px auto 0;display:flex;flex-direction:column;gap:6px;align-items:center}.ready-card-diff-title{font-size:10.5px;color:#ffffff8c;letter-spacing:.06em;text-transform:none;margin-bottom:2px}.ready-card-diff-row{display:flex;align-items:center;gap:4px;justify-content:center}.ready-card-diff-label{font-size:10.5px;color:#ffffff8c;letter-spacing:.04em;margin-right:4px}.ready-card-diff-btn{padding:3px 9px;background:#ffffff0f;color:#ffffffbf;border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:11.5px;font-weight:700;cursor:pointer;min-width:26px}.ready-card-diff-btn:hover{background:#ffffff1f;border-color:#ffffff47}.ready-card-diff-btn.on{background:color-mix(in srgb,var(--accent, #22c55e) 28%,transparent);border-color:color-mix(in srgb,var(--accent, #22c55e) 70%,transparent);color:#fff}.game-root.is-ready,.game-root.is-result{position:relative;inset:auto;width:100%;min-height:100vh;height:auto;overflow:visible;touch-action:auto;user-select:auto;-webkit-user-select:auto}.game-root.is-ready .game-canvas,.game-root.is-ready .game-hud,.game-root.is-ready .game-design-btn-wrap,.game-root.is-result .game-canvas,.game-root.is-result .game-hud,.game-root.is-result .game-design-btn-wrap{display:none}.game-root.is-ready .game-wavea-bg,.game-root.is-result .game-wavea-bg{position:fixed;top:0;right:0;bottom:0;left:0;opacity:.55}.game-root.is-ready .game-overlay.ready,.game-root.is-result .game-overlay.result{background-color:#080a0f73;background-image:none}.game-root.is-ready .game-overlay.ready,.game-root.is-result .game-overlay.result{position:static;inset:auto;width:100%;min-height:100vh;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px}.game-root.is-ready .game-overlay.ready:not(:has(.ready-extras)){justify-content:center}.ready-card .ready-start{display:block;width:fit-content!important;min-width:200px;margin:16px auto 8px;padding-left:24px;padding-right:24px}.ready-diff-badge-wrap{display:flex;justify-content:center;margin-top:4px}.ready-rec-row{display:flex;justify-content:center;margin-top:8px}.ready-rec-toggle{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#9aa6b8;font-size:11px;font-weight:700;letter-spacing:.04em;cursor:pointer}.ready-rec-toggle:hover{background:#ffffff14;color:#cdd6e2}.ready-rec-toggle.on{color:#eef2f7;border-color:#e5484d8c}.rec-dot{width:7px;height:7px;border-radius:50%;background:#ffffff47;display:inline-block;flex:none}.rec-dot.on{background:#e5484d;box-shadow:0 0 6px #e5484d99}.game-rec-badge{position:absolute;top:max(16px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-weight:800;letter-spacing:.14em;color:#ffffff73;z-index:9;pointer-events:none}.ready-diff-badge{display:inline-block;padding:4px 12px;font-size:11.5px;font-weight:700;color:#ffffffd9;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:999px}.ready-extras{width:100%;max-width:360px;margin:0 auto 18px;background:linear-gradient(180deg,#161c2ab8,#0f1420b8);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 16px;box-shadow:0 12px 32px #00000059}.ready-export-pub{margin-bottom:14px;font-size:14px;font-weight:800}.ready-settings-section{background:transparent;border:none;border-top:1px solid rgba(255,255,255,.08);border-radius:0;padding:12px 0 0;margin-top:4px}.ready-settings-label{text-align:center;font-size:10.5px;color:#ffffff73;letter-spacing:.12em;margin-bottom:10px}.ready-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;min-height:30px;border-top:1px solid rgba(255,255,255,.04)}.ready-row:first-of-type{border-top:none}.ready-row-block{flex-direction:column;align-items:stretch}.ready-row-block .ready-row-label{margin-bottom:4px}.ready-row-label{font-size:11.5px;font-weight:600;color:#ffffff9e;flex:none}.ready-row .ready-laneseg,.ready-row .chord-seg{margin:0;padding:2px}.ready-row .ready-lanebtn,.ready-row .chord-btn{padding:4px 9px!important;font-size:11px!important;min-width:28px}.ready-row .btn-sm{padding:4px 10px;font-size:11px}.ready-paid-btn.locked{color:#fff6;background:#ffffff05;border-color:#ffffff0f;cursor:help}.ready-paid-btn.locked:hover{color:#fbbf24d9;border-color:#fbbf244d}.ready-lyradd{width:100%}.ready-lyradd-toggle{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:7px 12px;font-size:12px;font-weight:700;color:#ffffffd9;cursor:pointer;display:flex;align-items:center;gap:8px}.ready-lyradd-toggle:hover{background:#ffffff17;color:#fff}.ready-lyradd-chev{font-size:9px;opacity:.7}.ready-lyradd-body{margin-top:8px;background:#0003;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px}.ready-lyradd-area{width:100%;min-height:80px;background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:8px 10px;font-size:13px;color:#eef2f7;font-family:inherit;resize:vertical;line-height:1.5}.ready-lyradd-area:focus{outline:none;border-color:var(--accent, #22c55e)}.ready-lyradd-row{display:flex;justify-content:flex-end}.ready-lyradd-hint{font-size:10.5px;color:#ffffff8c;line-height:1.4}.cloud-credit{margin-top:16px;text-align:center;padding:10px 0;border-top:1px solid rgba(255,255,255,.08);width:100%;max-width:360px}.ready-play-count{position:fixed;right:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);font-size:10.5px;font-weight:600;color:#ffffff52;font-variant-numeric:tabular-nums;letter-spacing:.04em;pointer-events:none;z-index:5;-webkit-user-select:none;user-select:none}.cloud-credit-link{display:inline-block;padding:4px 12px;font-size:11px;font-weight:500;letter-spacing:.02em;color:#ffffff8c;text-decoration:none;border-radius:999px;transition:color .12s,background .12s}.cloud-credit-link:hover{color:#ffffffe6;background:#ffffff0f}.cloud-credit{display:flex;flex-direction:column;align-items:center;gap:4px}.report-link{display:inline-block;padding:4px 10px;font-size:10.5px;font-weight:500;color:#ffffff59;background:transparent;border:none;border-radius:999px;cursor:pointer;transition:color .12s}.report-link:hover{color:#ef4444d9}.game-design-btn-wrap,.float-lyred-wrap{display:contents}.start-hint{position:absolute;padding:6px 12px;background:#fbbf24f2;color:#06210f;font-weight:800;font-size:12.5px;border-radius:999px;white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px #0006;z-index:60;animation:start-hint-pop 1.6s ease-out forwards}.start-hint-design{top:calc(max(14px,env(safe-area-inset-top,14px)) + 4px);right:56px}.start-hint-lyred{bottom:calc(env(safe-area-inset-bottom,0px) + 28px);right:52px}@keyframes start-hint-pop{0%{opacity:0;transform:translate(8px)}15%{opacity:1;transform:translate(0)}85%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-4px)}}.ready-laneseg{display:flex;gap:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:3px;margin:6px auto 8px;max-width:220px}.ready-lanebtn{flex:1;border:none;background:transparent;color:#ffffff8c;font-weight:800;font-size:14px;padding:6px 10px;border-radius:999px;cursor:pointer;font-variant-numeric:tabular-nums}.ready-lanebtn.on{background:#22c55e38;color:#eef2f7}.ready-lanebtn:hover{color:#eef2f7}.chord-seg{display:flex;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:3px;gap:2px;max-width:260px;margin:0 auto 14px}.chord-btn{flex:1;border:none;background:transparent;color:#ffffff8c;font-weight:700;font-size:12.5px;padding:7px 10px;border-radius:999px;cursor:pointer}.chord-btn.on{background:#22c55e2e;color:#eef2f7}.chord-btn:hover{color:#eef2f7}.float-lyred{position:absolute;right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);z-index:8;display:grid;place-items:center;width:36px;height:36px;padding:0;background:#f59e0b2e;border:1px solid rgba(245,158,11,.55);color:#fff;font-weight:700;font-size:16px;border-radius:50%;cursor:pointer;box-shadow:0 4px 14px #00000059;transition:background .15s ease,transform .1s ease}.float-lyred:hover{background:#f59e0b52;transform:scale(1.05)}.float-lyred:active{transform:scale(.95)}.float-skip{position:absolute;left:14px;bottom:env(safe-area-inset-bottom,0px);z-index:8;display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ef44442e;border:1px dashed rgba(239,68,68,.6);color:#fff;font-weight:800;font-size:12px;border-radius:999px;cursor:pointer;box-shadow:0 4px 18px #00000059}.float-skip:hover{background:#ef444452}.float-skip-fc{position:absolute;left:88px;bottom:env(safe-area-inset-bottom,0px);z-index:8;display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fbbf2433;border:1px dashed rgba(251,191,36,.6);color:#fff;font-weight:800;font-size:12px;border-radius:999px;cursor:pointer;box-shadow:0 4px 18px #00000059}.float-skip-fc:hover{background:#fbbf2452}.game-overlay.preset-gorgeous.ready,.game-overlay.preset-gorgeous.result{background-image:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 18%,transparent),transparent 60%),var(--ready-bg-image, none),linear-gradient(180deg,color-mix(in srgb,var(--ready-bg, var(--game-bg, #0a0d13)) 65%,transparent),color-mix(in srgb,var(--ready-bg, var(--game-bg, #0a0d13)) 85%,transparent));background-size:auto,cover,auto;background-position:center,center,center}.ready-card.preset-gorgeous,.result-card.preset-gorgeous{background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 60%),linear-gradient(180deg,#14101ce0,#08060eeb);border:2px solid transparent;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent) inset,0 0 40px color-mix(in srgb,var(--accent) 28%,transparent) inset,0 24px 80px #0009,0 0 60px color-mix(in srgb,var(--accent) 25%,transparent);border-radius:22px;max-width:420px}.ready-card.preset-gorgeous .title,.result-card.preset-gorgeous .title,.result-card.preset-gorgeous .rf-score b,.result-card.preset-gorgeous .result-rank{text-shadow:0 0 12px color-mix(in srgb,var(--accent) 60%,transparent)}.result-card.preset-gorgeous .result-rank{font-size:96px!important;letter-spacing:-2px;color:color-mix(in srgb,var(--accent) 80%,white)}.result-card.preset-gorgeous .rf-score b{font-size:36px!important;color:color-mix(in srgb,var(--accent) 50%,white)}.ready-card.preset-gorgeous .btn-primary,.result-card.preset-gorgeous .btn-primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 60%,white),var(--accent));color:#fff;border:1px solid color-mix(in srgb,var(--accent) 80%,transparent);box-shadow:0 6px 24px color-mix(in srgb,var(--accent) 40%,transparent);text-shadow:0 1px 0 rgba(0,0,0,.25);font-weight:800}.result-card.preset-gorgeous .fc-badge{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 60%,white),var(--accent));color:#fff;box-shadow:0 0 24px color-mix(in srgb,var(--accent) 60%,transparent);transform:scale(1.15)}.game-overlay.preset-simple.ready,.game-overlay.preset-simple.result{background-image:var(--ready-bg-image, none),linear-gradient(180deg,color-mix(in srgb,var(--ready-bg, var(--game-bg, #0a0d13)) 88%,transparent),color-mix(in srgb,var(--ready-bg, var(--game-bg, #0a0d13)) 92%,transparent));background-size:cover,auto;background-position:center,center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.ready-card.preset-simple,.result-card.preset-simple{background:#0f121aa6;border:none;border-radius:14px;box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:26px 24px 22px;font-family:Caveat,Klee One,Patrick Hand,Comic Sans MS,cursive,sans-serif;letter-spacing:.5px;transform:rotate(-.2deg)}.ready-card.preset-simple .title,.result-card.preset-simple .title{text-shadow:none;font-weight:500;font-family:Caveat,Klee One,cursive,sans-serif;font-size:22px;letter-spacing:1px}.result-card.preset-simple .result-rank{font-size:72px!important;font-weight:600!important;font-family:Caveat,Klee One,cursive,sans-serif!important;text-shadow:none!important;color:#fff!important;transform:rotate(-1deg);margin-left:-8px;margin-right:12px}.result-card.preset-simple .result-main{gap:16px}.result-card.preset-simple .rf-score b{font-size:28px!important;font-weight:500;font-family:Caveat,Klee One,cursive,sans-serif}.result-card.preset-simple .result-stars span{font-family:Caveat,cursive,sans-serif!important}.result-card.preset-simple .fc-badge,.result-card.preset-simple .nr-badge{background:transparent;border:1px dashed #fff;color:#fff;box-shadow:none;font-weight:500;font-family:Caveat,Klee One,cursive,sans-serif;font-size:16px;letter-spacing:1px;transform:rotate(-1.5deg)}.ready-card.preset-simple .btn,.result-card.preset-simple .btn{background:transparent;border:1.5px dashed rgba(255,255,255,.7);color:#fff;font-weight:500;font-family:Caveat,Klee One,cursive,sans-serif!important;font-size:18px;border-radius:8px;letter-spacing:.5px;transform:rotate(.1deg)}.ready-card.preset-simple .btn:hover,.result-card.preset-simple .btn:hover{background:#ffffff0f;transform:rotate(0) scale(1.02)}.ready-card.preset-simple .btn-primary,.result-card.preset-simple .btn-primary{background:#fff;color:#000;border-color:#fff;font-weight:600}.mini-lyred-wrap{display:contents}.mini-lyred-help{position:absolute;right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 74px);z-index:10;width:min(320px,calc(100vw - 28px));padding:12px 14px;background:#0f1626f7;border:1px solid rgba(245,158,11,.55);border-radius:14px;box-shadow:0 8px 28px #0000008c;color:#eef2f7;font-size:12px;line-height:1.5;cursor:pointer;animation:mini-lyred-in .22s cubic-bezier(.22,1,.36,1) both}.mini-lyred-help dl{margin:0;display:grid;grid-template-columns:28px 1fr;gap:6px 10px;align-items:baseline}.mini-lyred-help dt{font-weight:800;text-align:center;color:#f59e0bf2;font-size:13px}.mini-lyred-help dd{margin:0;color:#ffffffe0}.mini-lyred-help-foot{margin-top:8px;font-size:10.5px;color:#ffffff6b;text-align:right}.mini-help-btn.on{background:#f59e0b73!important;border-color:#f59e0bd9!important}.mini-lyred{position:absolute;right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);z-index:9;display:flex;align-items:center;gap:4px;padding:6px 8px;background:#0f1626f2;border:1px solid rgba(245,158,11,.55);border-radius:14px;box-shadow:0 8px 28px #0000008c;max-width:calc(100vw - 28px);font-family:var(--font);animation:mini-lyred-in .22s cubic-bezier(.22,1,.36,1) both}@keyframes mini-lyred-in{0%{opacity:0;transform:translate(20px) scale(.95);transform-origin:right bottom}to{opacity:1;transform:translate(0) scale(1)}}.mini-nav,.mini-shift,.mini-act{flex:none;width:32px;height:32px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#eef2f7;font-weight:800;font-size:13px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.mini-nav:hover:not(:disabled),.mini-shift:hover,.mini-act:hover{background:#f59e0b40}.mini-nav:disabled{opacity:.3;cursor:default}.mini-shift{background:#f59e0b33;border-color:#f59e0b66}.mini-here{background:#22c55e38;border-color:#22c55e80;font-size:14px}.mini-info{padding:0 8px;min-width:0;flex:1;color:#eef2f7}.mini-meta{font-size:10.5px;color:#aeb8c6;letter-spacing:.04em}.mini-meta b{color:#fbbf24;font-family:ui-monospace,Menlo,monospace;font-weight:800}.mini-text{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:36vw;margin-top:2px}.result-card{background:radial-gradient(120% 80% at 50% 0%,rgba(251,191,36,.1),transparent 55%),linear-gradient(180deg,#161c2abd,#0d121ebd);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px 16px 12px;box-shadow:0 24px 70px #0000008c,0 0 0 1px #ffffff05 inset;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:result-pop .28s cubic-bezier(.22,1,.36,1) both;max-height:calc(100vh - 56px);max-height:calc(100dvh - 56px);overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes result-pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.result-banners{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:6px}.fc-badge{color:#06210f;background:linear-gradient(135deg,#22c55e,#6ee7a7);font-weight:800;font-size:11.5px;letter-spacing:.08em;padding:5px 14px;border-radius:999px;box-shadow:0 4px 14px #22c55e52}.nr-badge{color:#fff7d6;background:linear-gradient(135deg,#fbbf2438,#fbbf241f);border:1px solid rgba(251,191,36,.55);font-weight:800;font-size:11.5px;letter-spacing:.08em;padding:5px 14px;border-radius:999px;box-shadow:0 4px 14px #fbbf2438}.result-stars{font-size:17px;letter-spacing:4px;margin-bottom:6px;padding-left:4px}.result-stars .on{color:#fbbf24}.result-stars .off{color:#ffffff29}.result-main{display:flex;align-items:center;justify-content:center;gap:14px}.result-rank{font-size:64px;font-weight:800;line-height:.9;flex:none;letter-spacing:-.04em;font-family:Inter,var(--font)}.rank-S{color:#fbbf24;text-shadow:0 0 24px rgba(251,191,36,.45)}.rank-A{color:#22c55e;text-shadow:0 0 22px rgba(34,197,94,.4)}.rank-B{color:#38bdf8;text-shadow:0 0 22px rgba(56,189,248,.4)}.rank-C{color:#9aa6b8}.rank-D{color:#6b7686}.result-figures{text-align:left;min-width:152px}.rf-score{display:flex;flex-direction:column;margin-bottom:8px}.rf-score span{color:#9aa6b8;font-size:9.5px;letter-spacing:.16em;font-weight:700}.rf-score b{font-size:22px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.rf-score span{font-size:9px}.rf-row{padding:3px 0}.rf-row b{font-size:14px}.rf-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0;border-top:1px solid rgba(255,255,255,.06)}.rf-row span{color:#9aa6b8;font-size:11px;letter-spacing:.04em}.rf-row b{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}.result-best{color:#9aa6b8;font-size:12px;margin-top:6px}.result-judges{display:flex;gap:10px;justify-content:center;font-size:11px;margin:4px 0 6px;font-weight:600}.result-judges .jp{color:#22c55e}.result-judges .jg{color:#38bdf8}.result-judges .jm{color:#ef4444}.result-credit{color:#9aa6b8;font-size:12px;margin-bottom:16px}.result-credit a{color:#cdd6e2;text-decoration:none}.result-credit a:hover{color:#fff;text-decoration:underline}.result-meta-card{margin:8px auto 0;padding:8px 12px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:10px;display:flex;flex-direction:column;gap:4px;align-items:stretch;text-align:left}.result-meta-head{font-size:9.5px;color:#ffffff80;letter-spacing:.16em;font-weight:800;text-align:left}.meta-mini-title,.meta-mini-artist,.meta-mini-url,.meta-mini-desc{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#eef2f7;font-family:var(--font);text-align:left;padding:4px 7px;outline:none}.meta-mini-title{font-size:13px;font-weight:800}.meta-mini-artist,.meta-mini-url{font-size:11.5px}.meta-mini-desc{font-size:11.5px;resize:none;line-height:1.45}.meta-ro-title{font-size:13.5px;font-weight:800;color:#eef2f7;text-align:left;padding:2px 0}.meta-ro-artist{font-size:11.5px;color:#9aa6b8;text-align:left}.meta-ro-url{font-size:11px;color:#9bb6d8;text-decoration:none;text-align:left;display:inline-block;padding:1px 0;word-break:break-all}.meta-ro-url:hover{color:#cde4ff;text-decoration:underline}.meta-ro-desc{display:block;width:100%;font-size:11.5px;color:#7e8a9c;line-height:1.55;text-align:left!important;white-space:pre-wrap;padding-top:2px}.meta-mini-title:focus,.meta-mini-artist:focus,.meta-mini-url:focus,.meta-mini-desc:focus{border-color:#22c55e8c;background:#ffffff12}.meta-mini-title::placeholder,.meta-mini-artist::placeholder,.meta-mini-url::placeholder,.meta-mini-desc::placeholder{color:#5e6878;font-weight:600}.result-actions{display:flex;flex-direction:column;gap:5px;margin-top:6px}.result-actions .btn{padding:8px 10px;font-size:13.5px}.dev-result-btn{border:1px dashed rgba(245,158,11,.55);background:#f59e0b1a;color:#ffffffd9;display:flex;align-items:center;justify-content:center;gap:6px}.dev-result-btn:hover{background:#f59e0b33}.lyred-autosaved{text-align:center;font-size:11.5px;color:#22c55ee6;margin-top:10px;letter-spacing:.02em}.ready-ranking{background:#fbbf2429;border:1px solid rgba(251,191,36,.4);color:#fff7d6;margin-top:6px}.ready-ranking:hover{background:#fbbf2447}.rank-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#080a0fb3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;overflow-y:auto}.rank-card{width:100%;max-width:420px;background:#111722f2;border:1px solid rgba(251,191,36,.32);border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;overflow:hidden}.rank-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.rank-title{font-size:16px;font-weight:800;color:#fff7d6}.rank-x{width:30px;height:30px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#cdd6e2;cursor:pointer;font-size:14px}.rank-x:hover{background:#ffffff1f}.rank-body{padding:18px 20px 22px}.rank-song{text-align:center;color:#cdd6e2;font-size:14px;font-weight:700;margin-bottom:16px}.rank-soon{text-align:center;padding:18px 12px}.rank-soon-icon{font-size:36px;margin-bottom:10px}.rank-soon-title{font-size:14px;font-weight:800;color:#eef2f7;margin-bottom:8px}.rank-soon-desc{font-size:12.5px;color:#9aa6b8;line-height:1.6}.rank-card{max-width:460px;max-height:85vh}.rank-body{display:flex;flex-direction:column;gap:12px;overflow:hidden}.rank-submit{background:#fbbf240f;border:1px solid rgba(251,191,36,.24);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.rank-submit-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.rank-submit-label{font-size:11px;color:#c5cbd6;font-weight:700;letter-spacing:.5px}.rank-submit-value{font-size:26px;font-weight:800;color:#fff7d6;font-feature-settings:"tnum";line-height:1.05}.rank-submit-fc{font-size:11px;font-weight:800;padding:4px 8px;border-radius:999px;background:#22c55e2e;color:#22c55e;border:1px solid rgba(34,197,94,.4)}.rank-submit-form{display:flex;gap:8px}.rank-name-input{flex:1;min-width:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);color:#f4f5f7;border-radius:8px;padding:8px 10px;font-size:13px}.rank-name-input:focus{outline:none;border-color:var(--accent)}.rank-submit-btn{white-space:nowrap;padding:8px 14px;font-size:13px}.rank-remember{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#9aa6b8;cursor:pointer}.rank-remember input{width:14px;height:14px;cursor:pointer}.rank-submit-msg{font-size:12px;padding:6px 8px;border-radius:6px}.rank-submit-msg.ok{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.rank-submit-msg.ng{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.3)}.rank-locked-label{text-align:center;font-size:11.5px;font-weight:700;color:#cdd6e2;padding:8px 4px 6px;background:#ffffff0a;border-radius:8px;letter-spacing:.04em}.rank-tabs{display:flex;gap:4px;background:#ffffff0a;padding:3px;border-radius:8px}.rank-tab{flex:1;padding:6px 4px;font-size:11.5px;font-weight:700;background:transparent;border:none;color:#9aa6b8;cursor:pointer;border-radius:6px;transition:background .15s,color .15s}.rank-tab:hover{color:#eef2f7}.rank-tab.on{background:#ffffff1a;color:#fff7d6}.rank-chord-seg{display:flex;gap:4px;padding:3px;background:#ffffff08;border-radius:8px}.rank-chord-btn{flex:1;padding:5px 4px;font-size:11px;font-weight:700;background:transparent;border:1px solid rgba(255,255,255,.08);color:#9aa6b8;cursor:pointer;border-radius:6px;transition:background .15s,color .15s,border-color .15s}.rank-chord-btn:hover{color:#eef2f7;border-color:#ffffff2e}.rank-chord-btn.on{background:#22c55e24;color:#4ade80;border-color:#22c55e59}.rank-list-wrap{flex:1;overflow-y:auto;min-height:100px;max-height:65vh;margin:0 -4px;padding:0 4px;-webkit-overflow-scrolling:touch}.rank-loading,.rank-empty,.rank-error{text-align:center;padding:28px 12px;color:#9aa6b8;font-size:13px}.rank-error{display:flex;flex-direction:column;gap:10px;align-items:center}.rank-retry{padding:6px 14px;font-size:12px}.rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.rank-row{display:grid;grid-template-columns:30px 1fr auto auto;gap:8px;align-items:center;padding:8px 10px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);font-size:13px}.rank-row.top{background:#fbbf240f;border-color:#fbbf2438}.rank-row.top:first-child{background:#fbbf241a;border-color:#fbbf245c}.rank-pos{font-weight:800;color:#c5cbd6;text-align:center;font-feature-settings:"tnum"}.rank-row.top .rank-pos{color:#fbbf24}.rank-name{font-weight:700;color:#f4f5f7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-meta{display:flex;gap:6px;align-items:center;font-size:10.5px;color:#9aa6b8}.rank-diff{padding:2px 6px;border-radius:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-weight:700;text-transform:uppercase;letter-spacing:.4px}.rank-fc{padding:2px 5px;border-radius:4px;background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3);font-weight:800}.rank-date{color:#6b7686;font-feature-settings:"tnum"}.rank-score{font-weight:800;color:#fff7d6;font-feature-settings:"tnum";font-size:14px;min-width:70px;text-align:right}.rank-row.top:first-child .rank-score{color:#fbbf24;text-shadow:0 0 14px rgba(251,191,36,.4)}@media(min-width:760px)and (orientation:landscape){.rank-card{max-width:880px;max-height:90vh}.rank-body{display:grid;grid-template-columns:320px 1fr;gap:18px;overflow:hidden}.rank-body>.rank-list-wrap{max-height:78vh;min-height:200px}.rank-song{grid-column:1 / -1}}@media(min-width:760px)and (orientation:landscape){.game-overlay.result .result-card{max-width:560px}}:root{--accent: #22c55e;--accent-600: color-mix(in srgb, var(--accent) 85%, black);--accent-700: color-mix(in srgb, var(--accent) 70%, black);--accent-soft: color-mix(in srgb, var(--accent) 12%, transparent);--accent-ring: color-mix(in srgb, var(--accent) 35%, transparent);--bg: #f6f7f8;--surface: #ffffff;--surface-2: #f1f3f5;--text: #222222;--text-soft: #5b6470;--text-faint: #9aa3ad;--border: #e7e9ec;--border-strong: #d7dbe0;--radius: 16px;--radius-sm: 10px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(16, 24, 40, .04), 0 6px 20px rgba(16, 24, 40, .06);--shadow-pop: 0 12px 40px rgba(16, 24, 40, .16);--ease: cubic-bezier(.22, .61, .36, 1);--dur: .18s;--maxw: 880px;--font: "Inter", "Noto Sans JP", system-ui, -apple-system, "Segoe UI", sans-serif;--game-bg: #0b0e14;--game-bg-2: #121826;--game-panel: rgba(255, 255, 255, .06);--game-text: #eef2f7;--game-text-soft: #9aa6b8;--lane-0: #22c55e;--lane-1: #38bdf8;--lane-2: #f472b6;--lane-3: #fbbf24}*{box-sizing:border-box}html,body{margin:0}#root{min-height:100vh}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}button{font-family:inherit}.tool{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(1200px 480px at 50% -10%,rgba(34,197,94,.06),transparent 60%),var(--bg)}.tool-main{flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:22px 20px 40px}.topbar{width:100%;max-width:var(--maxw);margin:0 auto;padding:16px 20px 4px;display:flex;align-items:center;justify-content:space-between}.brand-mini{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:-.02em}.brand-mini .dot{width:12px;height:12px;border-radius:4px;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.topbar-actions{display:flex;align-items:center;gap:8px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.card-pad{padding:20px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:var(--radius-pill);padding:11px 18px;font-size:15px;font-weight:600;cursor:pointer;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),opacity var(--dur);display:inline-flex;align-items:center;justify-content:center;gap:8px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#06210f;font-weight:700;box-shadow:0 6px 18px #22c55e47}.btn-primary:hover{background:var(--accent-600);border-color:var(--accent-600)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-soft)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-lg{padding:15px 24px;font-size:16px}.btn-block{width:100%}.icon-btn{width:38px;height:38px;padding:0;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-soft);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;transition:background var(--dur) var(--ease),color var(--dur)}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.lang-toggle{display:inline-flex;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-pill);padding:3px;gap:2px}.lang-toggle button{border:none;background:transparent;color:var(--text-faint);font-weight:700;font-size:12px;padding:5px 10px;border-radius:var(--radius-pill);cursor:pointer;transition:background var(--dur),color var(--dur)}.lang-toggle button.on{background:var(--accent-soft);color:var(--accent-700)}.hero{text-align:center;padding:26px 0 14px}.app-share-btn{margin-top:12px;padding:6px 14px;background:transparent;color:var(--accent-700);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background .15s,border-color .15s}.app-share-btn:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:var(--accent)}.hero h1{font-size:clamp(34px,9vw,52px);letter-spacing:-.03em;margin:0 0 6px;font-weight:800;line-height:1.04}.hero h1 .s2g-2{color:var(--accent)}.hero .tagline-en{color:var(--text-soft);font-weight:600;font-size:15px}.hero .tagline-jp{color:var(--text-faint);font-weight:500;font-size:14px;margin-top:2px}.stack{display:flex;flex-direction:column;gap:14px}.stack-tight{display:flex;flex-direction:column;gap:8px}.divider-or{display:flex;align-items:center;gap:12px;color:var(--text-faint);font-size:12px;font-weight:600;margin:4px 0}.divider-or:before,.divider-or:after{content:"";flex:1;height:1px;background:var(--border)}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface);padding:30px 20px;text-align:center;cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.dropzone:hover,.dropzone.drag{border-color:var(--accent);background:var(--accent-soft)}.dropzone .dz-icon{width:46px;height:46px;margin:0 auto 10px;border-radius:14px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-700);font-size:22px}.dropzone .dz-title{font-weight:700;font-size:16px}.dropzone .dz-sub{color:var(--text-faint);font-size:12.5px;margin-top:6px}.note-privacy{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--text-soft);font-size:12.5px;margin-top:12px}.note-privacy .lock{color:var(--accent-700)}.section-label{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--text-faint);text-transform:uppercase;margin:26px 4px 10px}.section-sub{font-size:11px;color:var(--text-soft);margin:-6px 4px 10px;line-height:1.4}.song-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur)}.song-row:hover{background:var(--surface-2)}.song-cover{width:44px;height:44px;border-radius:10px;flex:none;display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px}.song-meta{flex:1;min-width:0}.song-title{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-sub{color:var(--text-faint);font-size:12.5px}.song-play{color:var(--accent-700);font-size:20px}.recent-row{position:relative}.recent-cover{background:#22c55e1f;color:var(--accent-700);border:1px solid rgba(34,197,94,.35)}.recent-remove{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-soft);cursor:pointer;font-size:13px;display:inline-flex;align-items:center;justify-content:center;margin-right:4px}.recent-remove:hover{background:#ef44441f;border-color:#ef444480;color:#ef4444}.admin-mode-badge{display:inline-block;margin:0 0 6px;padding:3px 12px;background:color-mix(in srgb,#fbbf24 18%,transparent);color:#b45309;border:1px solid color-mix(in srgb,#fbbf24 60%,transparent);border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em}.recent-pub-badge{display:inline-block;margin-left:8px;padding:1px 8px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-700);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.04em;vertical-align:middle}.recent-pub-link{color:var(--accent-700);font-weight:600;text-decoration:none}.recent-pub-link:hover{text-decoration:underline}.recent-pub-remove-link{background:none;border:none;color:var(--text-faint);font-size:11px;cursor:pointer;padding:0;text-decoration:underline;font-weight:500}.recent-pub-remove-link:hover{color:#ef4444}.app-footer{border-top:1px solid var(--border);padding:16px 20px 26px;text-align:center;color:var(--text-faint);font-size:12px;line-height:1.8}.app-footer a{color:var(--text-soft);text-decoration:none}.app-footer a:hover{color:var(--accent-700);text-decoration:underline}.app-version{margin-top:6px;font-size:10.5px;color:var(--text-faint);opacity:.7;letter-spacing:.04em}.app-footer .support{display:inline-flex;gap:14px;flex-wrap:wrap;justify-content:center}.gen-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 420px at 50% 20%,rgba(34,197,94,.08),transparent 60%),var(--bg)}.gen-card{width:100%;max-width:420px;text-align:center}.gen-ring{--p: 0;width:132px;height:132px;margin:6px auto 18px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--p) * 1%),var(--surface-2) 0);position:relative;transition:background .12s linear}.gen-ring:after{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;background:var(--surface);border-radius:50%;box-shadow:inset 0 1px 3px #0000000d}.gen-pct{position:relative;z-index:1;font-size:30px;font-weight:800;letter-spacing:-.02em}.gen-title{font-weight:700;font-size:17px;margin-bottom:4px}.gen-sub{color:var(--text-faint);font-size:13px}.gen-step{color:var(--text-soft);font-size:12.5px;margin-top:12px;min-height:18px}.fade-in{animation:fadeIn var(--dur) var(--ease) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);background:#1f2430;color:#fff;padding:11px 18px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;box-shadow:var(--shadow-pop);z-index:50;animation:fadeIn var(--dur) var(--ease) both}.seg{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px;gap:2px;max-width:340px;margin:6px auto 0}.seg-btn{flex:1;border:none;background:transparent;color:var(--text-soft);font-weight:700;font-size:13px;padding:9px 8px;border-radius:var(--radius-pill);cursor:pointer;transition:background var(--dur),color var(--dur)}.seg-btn.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-card)}.seg-label{text-align:center;color:var(--text-soft);font-size:12px;font-weight:700;margin-top:10px;letter-spacing:.02em}.seg-caption{text-align:center;color:var(--text-soft);font-size:12.5px;margin:8px auto 0}.dev-toggle{display:flex;align-items:center;gap:8px;justify-content:center;margin:12px auto 0;padding:7px 14px;background:var(--surface-2);border:1px dashed var(--border);border-radius:var(--radius-pill);color:var(--text-soft);font-size:12.5px;font-weight:600;cursor:pointer}.dev-toggle b{color:var(--text);font-weight:800}.dev-toggle:hover{border-color:var(--accent)}.dev-tag{font-size:9px;font-weight:800;letter-spacing:.08em;background:#f59e0b;color:#1a1205;padding:2px 5px;border-radius:4px}.dev-swap{color:var(--accent);font-weight:800}.row-sep{height:1px;background:var(--border);margin:0 14px}.gen-pct small{font-size:16px;font-weight:700;margin-left:1px}.lyr-input-block{margin:14px auto 0;max-width:480px}.lyr-input-toggle{display:flex;align-items:center;gap:6px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 14px;color:var(--text-soft);font-size:13px;font-weight:700;cursor:pointer;text-align:left}.lyr-input-toggle:hover{border-color:var(--accent)}.lyr-input-chev{color:var(--accent);width:14px;display:inline-block}.lyr-input-area{display:block;width:100%;margin-top:8px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:var(--font);font-size:13.5px;line-height:1.6;resize:vertical;outline:none}.lyr-input-area:focus{border-color:var(--accent)}.campaign-banner{margin:4px auto 14px;max-width:560px;padding:9px 16px;text-align:center;font-size:12px;font-weight:700;line-height:1.55;color:var(--text);background:linear-gradient(90deg,#22c55e1a,#22c55e29,#22c55e1a);border:1px solid rgba(34,197,94,.35);border-radius:999px}.lyr-lrc-block{margin-top:10px}.lyr-lrc-open-btn{display:inline-block;padding:9px 14px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:999px;font-size:12.5px;font-weight:700;cursor:pointer}.lyr-lrc-open-btn:hover{background:var(--surface);border-color:var(--accent)}.lyr-lrc-hint{margin-top:4px;font-size:11.5px;color:var(--text-soft);line-height:1.55}.lyr-lrc-loaded{margin-top:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 10px;background:#22c55e14;border:1px solid rgba(34,197,94,.28);border-radius:8px}.lyr-lrc-loaded-msg{font-size:12px;color:var(--text);font-weight:600}.lyr-lrc-clear-btn{margin-left:auto;padding:4px 10px;background:transparent;color:var(--text-soft);border:1px solid var(--border);border-radius:999px;font-size:11px;cursor:pointer}.lyr-lrc-clear-btn:hover{color:var(--text);border-color:var(--accent)}.ex-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#080a0fb3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:var(--text)}.ex-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:var(--shadow-card)}.ex-title{font-size:18px;font-weight:800;margin-bottom:10px}.ex-body{font-size:13.5px;line-height:1.6;color:var(--text);margin:0 0 8px}.ex-list{font-size:12.5px;line-height:1.65;color:var(--text-soft);padding-left:1.2em;margin:0 0 14px}.ex-check{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;cursor:pointer}.ex-check input{margin-top:2px;accent-color:var(--accent)}.ex-check span{font-size:13px;font-weight:600;line-height:1.5}.ex-actions{display:flex;gap:8px;margin-top:16px}.ex-actions .btn{flex:1}.ex-cloud{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.ex-cloud-sep{font-size:11px;color:var(--text-soft);text-align:center;margin-bottom:8px;letter-spacing:.08em;text-transform:uppercase}.ex-cloud .btn-block{width:100%;padding:10px;font-weight:700;font-size:13px;background:#3b82f61f;border:1px solid rgba(59,130,246,.45);color:var(--text);border-radius:999px;cursor:pointer}.ex-cloud .btn-block:hover:not(:disabled){background:#3b82f638}.ex-cloud .btn-block:disabled{opacity:.5;cursor:not-allowed}.ex-cloud-hint{font-size:10.5px;color:var(--text-soft);margin-top:6px;text-align:center}.ex-turnstile{margin:8px 0;display:flex;justify-content:center;min-height:65px}.ex-card.cloud-published{max-width:460px}.cloud-pub-url{margin:14px 0;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;word-break:break-all;font-size:12.5px;font-family:ui-monospace,Menlo,Courier New,monospace}.cloud-pub-link{color:var(--accent);text-decoration:none}.cloud-pub-link:hover{text-decoration:underline}.cloud-pub-actions{display:flex;gap:8px;margin-top:12px}.cloud-pub-actions .btn{flex:1}.cloud-pub-foot{margin-top:10px;display:flex;justify-content:center}.cloud-pub-foot .btn{padding:6px 16px;font-size:12px}.cloud-pub-actions-share{margin-top:8px}.btn-x{width:100%;background:#000;color:#fff;border:1px solid rgba(255,255,255,.2);padding:10px;border-radius:999px;font-weight:700;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-x:hover{background:#1a1a1a}.btn-x .x-icon{font-size:16px;font-weight:900}.ex-s2g{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border)}.btn-s2g{background:#a855f71a;border-color:#a855f766;color:var(--text)}.btn-s2g:hover:not(:disabled){background:#a855f733}.s2g-load{display:flex;justify-content:center;margin-top:12px}.s2g-load-btn{font-size:12px;font-weight:600;color:var(--text-soft);background:#a855f714;border:1px solid rgba(168,85,247,.25);padding:6px 14px;border-radius:999px;cursor:pointer;transition:background .12s}.s2g-load-btn:hover{background:#a855f72e;color:var(--text)}.s2g-load-section{margin-top:32px;padding-top:16px;border-top:1px dashed var(--border)}.s2g-load-section .section-label.sub{font-size:11px;color:var(--text-faint);font-weight:600;margin-bottom:6px}.s2g-load-card{background:#a855f70a;border:1px solid rgba(168,85,247,.18);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;align-items:center;gap:6px}.s2g-load-hint{font-size:10.5px;color:var(--text-faint);text-align:center}.report-card{max-width:420px}.report-reasons{display:flex;flex-direction:column;gap:6px;margin:12px 0}.report-reason{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:13px}.report-reason.on{background:#ef44441a;border-color:#ef444466}.report-reason input{margin:0;cursor:pointer}.report-detail{width:100%;padding:8px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;font-family:inherit;resize:vertical}.report-detail:focus{outline:none;border-color:var(--accent)}.report-hint{font-size:11px;color:var(--text-soft);margin-top:6px}.report-err{margin-top:8px;padding:6px 10px;background:#ef44441a;border:1px solid rgba(239,68,68,.35);border-radius:6px;color:#fca5a5;font-size:12px}.done-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 20px;text-align:center;box-shadow:var(--shadow-card);max-width:420px;margin:24px auto}.done-icon{width:56px;height:56px;border-radius:50%;background:var(--accent);color:#06210f;display:grid;place-items:center;margin:0 auto 14px;font-size:28px;font-weight:800}.done-title{font-size:20px;font-weight:800;margin-bottom:12px}.done-file{display:inline-block;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-family:ui-monospace,monospace;font-size:13px;margin-bottom:16px}.done-size{color:var(--text-soft)}.done-body{font-size:13px;line-height:1.6;margin:8px 0}.done-body.soft{color:var(--text-soft)}.help-btn,.design-btn{width:30px;height:30px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--text-soft);font-weight:800;font-size:14px;cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center}.help-btn:hover,.design-btn:hover{background:var(--surface);color:var(--text)}.design-btn{font-size:13px}.design-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:#080a0f8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px}.design-card{width:100%;max-width:460px;max-height:86vh;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;overflow:hidden}.design-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.design-title{font-size:16px;font-weight:800}.design-x{width:30px;height:30px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--text-soft);cursor:pointer;font-size:14px}.design-x:hover{background:var(--surface);color:var(--text)}.design-body{overflow-y:auto;padding:14px 18px 16px}.design-section+.design-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.design-section-head{font-size:12px;font-weight:800;color:var(--text-soft);letter-spacing:.04em;margin-bottom:10px;display:flex;align-items:center;gap:8px}.design-scope-tag{font-size:9.5px;font-weight:800;letter-spacing:.08em;padding:2px 8px;border-radius:999px;background:#22c55e29;color:var(--accent);border:1px solid rgba(34,197,94,.35)}.design-bg-label{font-size:12px;font-weight:700;color:var(--text-soft);margin-bottom:8px}.design-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.design-preset{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.design-preset:hover{border-color:var(--accent)}.design-preset.on{border-color:var(--accent);box-shadow:0 0 0 2px #22c55e2e inset}.design-preset-swatch{display:block;width:100%;aspect-ratio:16 / 9;border-radius:6px;border:1px solid var(--border)}.design-preset-label{font-size:11px;font-weight:700;color:var(--text)}.design-hint{font-size:11.5px;color:var(--text-soft);margin-top:8px;line-height:1.5}.design-reset{margin-top:10px}.design-paid-section{opacity:.55}.design-paid-section.unlocked{opacity:1}.design-unlocked-tag{font-size:10.5px;font-weight:800;padding:2px 6px;border-radius:4px;background:#22c55e26;color:#16a34a;border:1px solid rgba(34,197,94,.35);margin-left:8px}.design-locked-tag{font-size:10.5px;font-weight:800;padding:2px 6px;border-radius:4px;background:#fbbf241a;color:#fbbf24d9;border:1px solid rgba(251,191,36,.35);margin-left:8px}.design-paid-item{padding:10px 0;border-top:1px dashed var(--border)}.design-paid-item:first-of-type{border-top:none;padding-top:4px}.design-paid-label{font-size:12px;font-weight:700;color:var(--text);margin-bottom:6px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.design-wavea-link{font-size:10.5px;font-weight:600;color:var(--accent);text-decoration:none;padding:1px 6px;border-radius:4px;background:#22c55e14;border:1px solid rgba(34,197,94,.25);transition:background .12s}.design-wavea-link:hover{background:#22c55e2e;text-decoration:underline}.design-unlock-box{background:#fbbf240f;border:1px solid rgba(251,191,36,.28);border-radius:8px;padding:10px 12px;margin-bottom:12px}.design-unlock-desc{font-size:11.5px;line-height:1.5;color:var(--text-soft);margin-bottom:8px}.design-unlock-row{display:flex;gap:6px;align-items:stretch}.design-unlock-input{flex:1;padding:7px 10px;font-size:13px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;color:var(--text);min-width:0}.design-unlock-input:focus{outline:none;border-color:var(--accent)}.design-unlock-btn{padding:7px 14px;font-size:12px;font-weight:700;background:var(--accent);color:#06210f;border:none;border-radius:6px;cursor:pointer;white-space:nowrap}.design-unlock-btn:hover{opacity:.85}.design-unlock-msg{font-size:11px;color:var(--accent);margin-top:6px}.design-paid-hint-sm{font-size:10.5px;color:var(--text-soft);margin-top:4px}.design-scope-tabs{display:flex;gap:4px;background:var(--surface-2);padding:3px;border-radius:8px;margin-bottom:8px}.design-scope-tab{flex:1;padding:5px 4px;font-size:11px;font-weight:700;background:transparent;border:1px solid transparent;color:var(--text-soft);cursor:pointer;border-radius:6px}.design-scope-tab:hover:not(:disabled){color:var(--text)}.design-scope-tab.on{background:var(--surface);border-color:var(--border);color:var(--text)}.design-scope-tab:disabled{cursor:not-allowed;opacity:.5}.design-paid-img-row{display:flex;align-items:center;gap:8px;margin-top:8px}.design-paid-img-thumb{display:inline-block;width:48px;height:32px;border-radius:6px;background-size:cover;background-position:center;border:1px solid var(--border)}.design-keycolors{display:flex;gap:8px;flex-wrap:wrap}.design-keycolor{width:36px;height:36px;border-radius:50%;background:var(--surface-2);border:2px solid var(--border);cursor:pointer;padding:0;display:grid;place-items:center;transition:border-color .15s,transform .1s}.design-keycolor:hover:not(:disabled){transform:scale(1.05)}.design-keycolor.on{border-color:var(--text)}.design-keycolor:disabled{cursor:not-allowed;opacity:.5}.design-keycolor-swatch{display:block;width:26px;height:26px;border-radius:50%}.design-preset-seg{display:flex;gap:6px}.design-preset-btn{flex:1;padding:8px 4px;font-size:12.5px;font-weight:700;background:var(--surface-2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;transition:background .15s,border-color .15s}.design-preset-btn:hover:not(:disabled){border-color:var(--accent)}.design-preset-btn.on{background:#22c55e24;border-color:var(--accent);color:var(--accent)}.design-preset-btn:disabled{cursor:not-allowed;opacity:.5}.design-wavea-motion{margin-top:12px}.design-wavea-motion-label{font-size:11px;color:var(--text-soft);margin-bottom:6px;letter-spacing:.04em}.design-scope-tab.all.on{background:#22c55e2e;border-color:#22c55e73;color:var(--accent)}.design-select{width:100%;padding:7px 10px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;font-size:12.5px;cursor:pointer}.design-select:disabled{cursor:not-allowed;opacity:.5}.design-slider{width:100%;cursor:pointer}.design-slider:disabled{cursor:not-allowed;opacity:.5}.design-paid-hint{font-size:11.5px;color:var(--text-soft);margin-top:10px;padding:8px 10px;background:var(--surface-2);border-radius:8px}.logo-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.logo-intro-img{width:min(35vw,230px);height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 8px 32px rgba(0,0,0,.45))}.logo-intro-stack{display:flex;flex-direction:column;align-items:center;gap:28px}.logo-intro-loading{width:min(50vw,280px);text-align:center;animation:logo-intro-loading-fade-in .4s ease-out}.logo-intro-bar{height:4px;background:#ffffff1f;border-radius:2px;overflow:hidden}.logo-intro-bar-fill{height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--accent, #22c55e) 80%,white),var(--accent, #22c55e));transition:width .35s ease-out;border-radius:2px;box-shadow:0 0 8px color-mix(in srgb,var(--accent, #22c55e) 50%,transparent)}.logo-intro-step{margin-top:12px;font-size:11px;color:#ffffff8c;letter-spacing:.06em}@keyframes logo-intro-loading-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tool-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#080a0f8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px}.help-card{width:100%;max-width:460px;max-height:86vh;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;overflow:hidden}.help-card-2col{max-width:880px;max-height:86vh}.help-body-2col{display:flex;flex-direction:column;flex:1;min-height:0}.help-menu{display:flex;flex-direction:row;gap:4px;padding:6px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border);background:var(--surface-2);flex:none;scrollbar-width:thin}.help-menu-item{flex:none;padding:8px 14px;background:transparent;border:1px solid transparent;border-radius:999px;color:var(--text-soft);font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.help-menu-item:hover{color:var(--text);background:var(--surface)}.help-menu-item.on{color:var(--accent-700);background:var(--surface);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.help-menu-item-unlock{font-weight:800;color:var(--accent);margin-left:auto}.help-menu-item-unlock:hover{color:var(--accent-700)}.help-content{flex:1;overflow-y:auto;padding:18px 22px 22px;-webkit-overflow-scrolling:touch;min-height:0}.help-content-title{font-size:16px;font-weight:800;color:var(--text);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.help-content-text{color:var(--text-soft);font-size:13px;line-height:1.7;white-space:pre-wrap}@media(min-width:720px){.help-body-2col{flex-direction:row}.help-menu{flex-direction:column;overflow-x:hidden;overflow-y:auto;width:220px;flex:none;border-bottom:none;border-right:1px solid var(--border);padding:12px 8px;gap:2px}.help-menu-item{width:100%;text-align:left;border-radius:8px;padding:9px 12px;white-space:normal;line-height:1.35}.help-menu-item-unlock{margin-left:0;margin-top:auto;border-top:1px solid var(--border);border-radius:0 0 8px 8px;border-color:transparent;padding-top:14px}}.help-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.help-title{font-size:16px;font-weight:800}.help-x{width:30px;height:30px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--text-soft);cursor:pointer;font-size:14px}.help-x:hover{background:var(--surface);color:var(--text)}.help-body{overflow-y:auto;padding:4px 0}.help-item{border-bottom:1px solid var(--border)}.help-item:last-child{border-bottom:none}.help-q{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:700;color:var(--text);text-align:left}.help-q:hover{background:var(--surface-2)}.help-chev{color:var(--text-soft);font-size:13px}.help-item.on .help-q{color:var(--accent)}.help-a{padding:0 18px 16px;color:var(--text-soft);font-size:13px;line-height:1.7;white-space:pre-wrap}.credits-links{list-style:none;padding:0;margin:8px 0 0}.donate-block{margin-top:22px;padding:16px 14px 14px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,transparent),color-mix(in srgb,var(--accent) 3%,transparent));border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:14px}.donate-title{font-size:15px;font-weight:800;text-align:center;color:var(--accent-700);margin-bottom:4px;letter-spacing:.02em}.donate-lead{font-size:12px;line-height:1.55;text-align:center;color:var(--text-soft);margin-bottom:14px}.donate-grid{display:flex;flex-direction:column;gap:8px}.donate-btn{display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;text-decoration:none;color:var(--text);transition:all .18s ease;box-shadow:0 1px 2px #1018280a}.donate-btn:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 6px 18px #1018281f}.donate-btn-icon{font-size:24px;line-height:1;flex:none;width:36px;height:36px;display:grid;place-items:center;background:var(--surface-2);border-radius:10px}.donate-btn-content{flex:1;min-width:0}.donate-btn-title{font-size:13.5px;font-weight:800;color:var(--text);margin-bottom:2px}.donate-btn-desc{font-size:11.5px;color:var(--text-soft);line-height:1.4}.donate-btn-arrow{flex:none;font-size:16px;color:var(--text-faint);transition:color .18s,transform .18s}.donate-btn:hover .donate-btn-arrow{color:var(--accent);transform:translate(3px)}.donate-btn-note .donate-btn-icon{background:color-mix(in srgb,#34d399 18%,transparent)}.donate-btn-kofi .donate-btn-icon{background:color-mix(in srgb,#ff5e5b 18%,transparent)}.donate-btn-booth .donate-btn-icon{background:color-mix(in srgb,#fbbf24 18%,transparent)}.donate-foot{margin-top:12px;font-size:11px;text-align:center;color:var(--text-faint);font-style:italic}.credits-links li{padding:4px 0;font-size:13px}.credits-links a{color:var(--accent);text-decoration:none;font-weight:600}.credits-links a:hover{text-decoration:underline}.unlock-row{display:flex;gap:8px;margin-top:12px}.unlock-input{flex:1;padding:9px 12px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:var(--font);font-size:14px;outline:none}.unlock-input:focus{border-color:var(--accent)}.unlock-msg{margin-top:8px;font-size:12.5px;color:var(--text)}.unlock-state{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px}.unlock-chip{display:inline-block;padding:3px 8px;border-radius:999px;background:var(--accent);color:#06210f;font-weight:800;font-size:11px}.unlock-reset{margin-left:auto;width:22px;height:22px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--text-soft);cursor:pointer;font-size:12px}.unlock-feature-list{margin-top:16px;padding:12px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px}.unlock-feature-list-title{font-size:12px;font-weight:800;color:var(--accent-700);margin-bottom:8px;letter-spacing:.04em}.unlock-feature-list dl{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;font-size:12px}.unlock-feature-list dt{font-weight:700;color:var(--text);white-space:nowrap}.unlock-feature-list dd{margin:0;color:var(--text-soft);line-height:1.5}.lyred-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#080a0fc7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:12px}.lyred-lrc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;background:#080a0fd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:12px}.lyred-card{width:100%;max-width:640px;max-height:92vh;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;overflow:hidden}.lyred-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}.lyred-title{flex:1;font-size:14px;font-weight:800;display:flex;align-items:center;gap:6px}.lyred-x{width:28px;height:28px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--text-soft);cursor:pointer;font-size:12px}.lyred-help-btn{width:26px;height:26px;border-radius:50%;background:#38bdf81f;border:1px solid rgba(56,189,248,.45);color:#38bdf8;cursor:pointer;font-size:13px;font-weight:800}.lyred-help-btn:hover{background:#38bdf838}.lyred-help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a0f99;display:grid;place-items:center;z-index:110;padding:18px}.lyred-help-card{width:100%;max-width:460px;max-height:80vh;background:var(--surface);border:1px solid rgba(56,189,248,.45);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.lyred-help-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);font-weight:800;font-size:14px}.lyred-help-head button{width:26px;height:26px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--text-soft);cursor:pointer;font-size:12px}.lyred-help-list{margin:0;padding:12px 18px;overflow-y:auto;font-size:12.5px;line-height:1.6}.lyred-help-list dt{font-weight:800;color:#38bdf8;margin-top:10px}.lyred-help-list dt:first-child{margin-top:0}.lyred-help-list dd{margin:4px 0 0;color:var(--text-soft)}.lyred-help-foot{padding:10px 16px;background:var(--surface-2);border-top:1px solid var(--border);font-size:11.5px;color:var(--text-faint)}.lyred-save{border:1px solid rgba(34,197,94,.5);background:#22c55e29;color:#06210f;background:var(--accent);font-weight:800;font-size:12px;padding:6px 12px;border-radius:999px;cursor:pointer}.lyred-autosave-badge{font-size:11px;color:var(--accent);font-weight:800;letter-spacing:.04em;padding:4px 10px;border-radius:999px;background:#22c55e1f;border:1px solid rgba(34,197,94,.4);white-space:nowrap}.lyred-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px 14px;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:12px;color:var(--text-soft);font-weight:700}.lyred-toolbar button{background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;cursor:pointer}.lyred-toolbar button:hover{border-color:var(--accent)}.lyred-toolbar-help-btn{margin-left:auto;background:transparent!important;border:1px solid var(--border)!important;color:var(--text-soft)!important;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0!important;border-radius:50%!important;font-size:12px!important;cursor:pointer}.lyred-toolbar-help-btn:hover{border-color:var(--accent)!important;color:var(--accent)!important}.lyred-toolbar-help-pop{margin:0 14px 8px;padding:12px 14px;background:var(--surface);border:1px solid var(--accent);border-radius:10px;box-shadow:0 8px 24px #1018282e;font-size:12.5px;line-height:1.55;cursor:pointer}.lyred-toolbar-help-pop dl{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:6px 12px}.lyred-toolbar-help-pop dt{font-weight:800;color:var(--accent);white-space:nowrap}.lyred-toolbar-help-pop dd{margin:0;color:var(--text)}.lyred-tbhelp-tag{margin-left:4px;padding:1px 6px;background:var(--surface-2);border-radius:999px;font-size:10px;color:var(--text-soft);font-weight:600}.lyred-tbhelp-foot{margin-top:8px;text-align:right;font-size:10.5px;color:var(--text-faint)}.lyred-body{overflow-y:auto;padding:8px 12px}.lyred-row{display:grid;grid-template-columns:28px 76px 32px 32px 1fr;align-items:center;gap:6px;padding:4px 6px;border-bottom:1px solid rgba(255,255,255,.04);border-left:3px solid transparent;transition:background var(--dur)}.lyred-row.current{background:#22c55e29;border-left-color:var(--accent)}.lyred-now{position:sticky;top:0;z-index:1;margin:-8px -12px 8px;padding:8px 14px;background:#22c55e29;border-bottom:1px solid var(--border);font-size:12px;color:var(--text-soft)}.lyred-now b{color:var(--text);font-weight:800}.lyred-idx{color:var(--text-soft);font-size:11px;font-weight:700;text-align:center}.lyred-time{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:ui-monospace,monospace;font-size:12px;padding:4px 6px;text-align:right;outline:none}.lyred-time:focus{border-color:var(--accent)}.lyred-mini{width:28px;height:26px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-weight:800;font-size:13px;border-radius:6px;cursor:pointer}.lyred-mini:hover{border-color:var(--accent)}.lyred-text{background:transparent;border:1px solid transparent;color:var(--text);font-size:13px;padding:4px 6px;border-radius:6px;outline:none;min-width:0}.lyred-text:focus,.lyred-text:hover{background:var(--surface-2);border-color:var(--border)}.lyred-foot{display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--border)}.lyred-foot .btn{flex:1}.lyred-toast{position:absolute;bottom:78px;left:50%;transform:translate(-50%);background:#22c55eeb;color:#06210f;padding:8px 16px;border-radius:999px;font-size:12px;font-weight:800;box-shadow:0 4px 16px #0000004d}.lyred-copybox{position:absolute;top:0;right:0;bottom:0;left:0;background:#080a0feb;display:flex;flex-direction:column;padding:16px;gap:10px;z-index:5}.lyred-copybox-hint{font-size:12px;color:var(--text-soft);line-height:1.5}.lyred-copybox-area{flex:1;width:100%;background:var(--surface-2);border:1px solid var(--accent);border-radius:8px;color:var(--text);font-family:ui-monospace,Menlo,monospace;font-size:11.5px;line-height:1.6;padding:10px;resize:none;outline:none}.lyred-copybox-actions{display:flex;gap:8px;justify-content:flex-end}.lyred-copybox-actions .btn{min-width:100px}