@import "https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,500;8..60,600;8..60,700&display=swap";:root{--color-page-bg:oklch(97% .012 78);--color-ink:oklch(23% .016 50);--color-ink-muted:oklch(45% .02 55);--color-ink-faint:oklch(62% .016 55);--color-card-bg:oklch(93% .02 72);--color-card-border:oklch(87% .025 68);--card-shadow:0 3px 14px oklch(35% .02 50/.12);--color-focus:oklch(58% .16 72);--color-selection:oklch(89% .07 72/.5);--color-input-bg:oklch(99% .006 80);--color-input-border:oklch(85% .02 65);--color-pin-shadow:oklch(30% .05 60/.4);--accent-solid:#b26500;--accent-tint:#f8d4a8;--accent-deep:#653500;--font-ui:"Figtree", -apple-system, "Segoe UI", sans-serif;--font-display:"Source Serif 4", Georgia, serif}*{box-sizing:border-box}body{margin:0}::selection{background:var(--color-selection)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}input::placeholder{color:var(--color-ink-faint)}@keyframes lyrix-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lyrix-page{background:var(--color-page-bg);min-height:100vh;font-family:var(--font-ui);color:var(--color-ink);flex-direction:column;align-items:center;gap:clamp(30px,5vw,46px);padding:clamp(28px,6vw,60px) clamp(16px,4vw,32px) clamp(56px,10vw,96px);display:flex}.lyrix-header{text-align:center;max-width:520px}.lyrix-header h1{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:clamp(2.4rem,7vw,3.6rem);font-weight:600}.lyrix-header p{color:var(--color-ink-muted);margin:8px 0 0;font-size:clamp(1rem,2.2vw,1.15rem)}.lyrix-grid{grid-template-columns:230px minmax(0,1fr) 230px;align-items:start;gap:28px;width:100%;max-width:1180px;display:grid}.lyrix-grid.is-mobile{flex-direction:column;gap:18px;max-width:640px;display:flex}.lyrix-center-col{flex-direction:column;order:2;gap:26px;min-width:0;display:flex}.is-mobile .lyrix-center-col{order:0;gap:22px}.lyrix-title-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-muted);margin:0 0 6px;font-size:.78rem;font-weight:700}.lyrix-title-line{font-family:var(--font-display);margin:0;font-size:clamp(1.5rem,4vw,2.1rem);font-weight:600;line-height:1.3}.token-word-hidden{color:var(--color-ink-faint);letter-spacing:.03em}.token-word-found{color:var(--color-ink);background:var(--accent-tint);border-radius:4px;padding:1px 3px;font-weight:600;transition:background .35s}.lyrix-victory{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:14px;margin-top:16px;padding:18px 20px;animation:.5s lyrix-rise}.lyrix-victory-eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-muted);margin:0 0 2px;font-size:.8rem;font-weight:700}.lyrix-victory-title{font-family:var(--font-display);margin:2px 0 4px;font-size:clamp(1.3rem,3.5vw,1.7rem);font-weight:600}.lyrix-victory-artist{color:var(--color-ink-muted);margin:0 0 10px;font-size:.95rem}.lyrix-victory-note{color:var(--color-ink-muted);margin:0;font-size:.9rem;font-style:italic}.lyrix-button{background:var(--color-ink);color:var(--color-page-bg);cursor:pointer;font-size:.92rem;font-weight:600;font-family:var(--font-ui);border:none;border-radius:10px;padding:10px 18px}.lyrix-form{gap:10px;width:100%;display:flex}.lyrix-input{min-width:0;font-family:var(--font-ui);border:1px solid var(--color-input-border);background:var(--color-input-bg);color:var(--color-ink);border-radius:12px;flex:1;padding:14px 16px;font-size:clamp(1rem,2.3vw,1.15rem)}.lyrix-submit{background:var(--color-ink);color:var(--color-page-bg);cursor:pointer;font-size:clamp(.95rem,2.2vw,1.1rem);font-weight:600;font-family:var(--font-ui);border:none;border-radius:12px;flex-shrink:0;padding:14px 22px}.lyrix-input:disabled,.lyrix-submit:disabled{opacity:.6;cursor:not-allowed}.lyrix-feedback{margin:0;font-size:.9rem}.lyrix-feedback.is-found{color:var(--accent-deep);font-weight:600}.lyrix-feedback.is-missed{color:var(--color-ink-muted);font-weight:400}.lyrix-lyrics{flex-direction:column;gap:14px;display:flex}.lyrix-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-muted);margin:10px 0 0;font-size:.74rem;font-weight:700}.lyrix-lyric-line{margin:0;font-size:clamp(1.05rem,2.6vw,1.25rem);line-height:1.75}.lyrix-side-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);box-shadow:var(--card-shadow);border-radius:16px;padding:18px 20px;position:relative}.lyrix-side-card.tilt-left{order:1;margin-top:36px;transform:rotate(-2deg)}.lyrix-side-card.tilt-right{order:3;margin-top:64px;transform:rotate(2deg)}.is-mobile .lyrix-side-card.tilt-left{order:1;margin-top:0;transform:none}.is-mobile .lyrix-side-card.tilt-right{order:2;margin-top:0;transform:none}.lyrix-pin-dot{background:var(--accent-solid);width:11px;height:11px;box-shadow:0 1px 3px var(--color-pin-shadow);border-radius:50%;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.lyrix-card-header{cursor:default;width:100%;font:inherit;color:inherit;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:baseline;gap:10px;padding:0;display:flex}.is-mobile .lyrix-card-header{cursor:pointer}.lyrix-card-header h2{text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.95rem;font-weight:700}.lyrix-chevron{color:var(--color-ink-muted);font-size:.9rem;transition:transform .2s;display:none}.is-mobile .lyrix-chevron{display:inline-block}.lyrix-chevron.is-open{transform:rotate(180deg)}.lyrix-stats{color:var(--color-ink-muted);margin:8px 0 0;font-size:.9rem}.lyrix-tried-list{flex-wrap:wrap;gap:7px;max-height:220px;margin-top:14px;display:flex;overflow-y:auto}.lyrix-chip{border-radius:20px;padding:4px 12px;font-size:.88rem;display:inline-flex}.lyrix-chip.is-found{background:var(--accent-tint);color:var(--color-ink);font-weight:600}.lyrix-chip.is-missed{border:1px solid var(--color-card-border);color:var(--color-ink-muted);background:0 0;text-decoration:line-through}.lyrix-empty{color:var(--color-ink-faint);margin:0;font-size:.85rem;font-style:italic}.lyrix-explain-body{color:var(--color-ink-muted);margin:14px 0 0;font-size:.92rem;line-height:1.6}