@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600&family=Fraunces:wght@500;700&family=Playfair+Display:wght@500;700&family=Space+Grotesk:wght@400;500;600&display=swap";:root{--ink: #0b0b12;--accent: #ff6a3d;--accent-2: #f2c94c;--accent-3: #3ad5d0;--shadow: rgba(8, 8, 16, .2);--glass: rgba(255, 255, 255, .82)}.page{max-width:1180px;margin:0 auto;padding:80px 24px 90px;position:relative;z-index:1}.hero{max-width:680px;margin-bottom:36px;animation:fadeIn .9s ease-out both}.badge{display:inline-flex;align-items:center;gap:10px;padding:6px 16px;border-radius:999px;background:var(--ink);color:#fff;letter-spacing:.1em;font-size:12px;text-transform:uppercase}.hero h1{font-family:var(--font-heading, "Fraunces"),"Times New Roman",serif;font-size:clamp(2.6rem,3.4vw,4rem);margin:20px 0 16px;line-height:1.05}.hero p{font-size:1.05rem;line-height:1.6;color:#0b0b12b3}.mode-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px}.segmented{background:#0b0b1214;border-radius:999px;padding:4px;display:inline-flex;gap:4px}.segmented button{border:none;background:transparent;padding:8px 16px;border-radius:999px;cursor:pointer;color:#0b0b12b3;font-weight:600}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 10px 20px -16px #0006}.segmented.small button{padding:6px 12px;font-size:.85rem}.mode-actions{display:flex;gap:10px;flex-wrap:wrap}.converter{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin-bottom:42px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-bottom:32px}.panel{background:var(--glass);border-radius:22px;padding:22px;box-shadow:0 25px 60px -40px var(--shadow);border:1px solid rgba(0,0,0,.06);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;min-height:300px;animation:riseIn .8s ease-out both}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.panel h2{font-size:1.2rem;margin:0}.panel-actions{display:flex;gap:8px;flex-wrap:wrap}textarea,input[type=text],input[type=file],input[type=range],input[type=number],input{font-family:inherit}textarea,input[type=text],.drill input{flex:1;border:none;border-radius:16px;padding:14px;font-size:1rem;line-height:1.5;background:#ffffffe6;resize:none;box-shadow:inset 0 0 0 1px #0000000f}textarea:focus,input:focus{outline:2px solid rgba(255,106,61,.4)}.panel-footer{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hint{font-size:.85rem;color:#0b0b1299}.output{flex:1;padding:16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #0000000f;font-size:1.1rem;line-height:1.55;color:#1c1c26;position:relative;overflow:hidden}.output.signal-live:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent,rgba(255,106,61,.15),transparent);animation:pulse 1.2s ease-in-out infinite}button{border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;font-family:inherit}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}.primary{padding:12px 24px;border-radius:999px;background:linear-gradient(130deg,var(--accent),#ff845b 60%,var(--accent-2));color:#fff;font-weight:600;box-shadow:0 18px 35px -20px #ff6a3dcc}.ghost{padding:6px 14px;border-radius:999px;background:#0b0b1214;color:#0b0b12bf;font-weight:500}.status{font-size:.9rem;color:#0b0b12b3}.audio-row,.tag-row{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.toggle{display:inline-flex;align-items:center;gap:10px;font-size:.9rem;color:#0b0b12bf}.toggle input{display:none}.toggle-ui{width:42px;height:22px;border-radius:999px;background:#0b0b121a;position:relative;transition:background .2s ease}.toggle-ui:after{content:"";width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 6px 14px -10px #00000080}.toggle input:checked+.toggle-ui{background:linear-gradient(130deg,var(--accent),var(--accent-2))}.toggle input:checked+.toggle-ui:after{transform:translate(20px)}.control{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.control label{font-size:.85rem;color:#0b0b1299}.chip{padding:6px 12px;border-radius:999px;border:1px solid rgba(11,11,18,.1);background:transparent;color:#0b0b12cc}.chip.active{background:var(--ink);color:#fff}.validation{display:grid;gap:10px}.warning{padding:8px 12px;border-radius:12px;background:#ff6a3d1f;color:#0b0b12cc}.unknowns span{display:inline-block;padding:4px 8px;border-radius:999px;margin:4px 4px 0 0;background:#0b0b1214}.tap-pad{margin-top:16px}.tap-button{width:100%;padding:16px;border-radius:16px;background:#0b0b1214;font-weight:600}.tap-button.active{background:linear-gradient(130deg,var(--accent),var(--accent-2));color:#fff}.drill{display:grid;gap:12px;margin-bottom:20px}.drill-prompt{font-size:2.5rem;font-family:var(--font-heading, "Fraunces")}.drill-actions{display:flex;gap:8px}.chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}.audio-tools{display:grid;gap:12px}.meter{margin-top:16px;padding:12px;border-radius:16px;background:#0b0b120f}.meter canvas{width:100%;height:80px;display:block}.file-label{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#0b0b1214;cursor:pointer;font-weight:500}.file-label input{display:none}.chart-item{padding:10px;border-radius:12px;background:#0b0b120f;display:grid;gap:4px;text-align:left}.chart-item span:first-child{font-weight:600}.chart-morse{font-size:.8rem;color:#0b0b1299}.history-list{display:grid;gap:8px;margin-top:12px}.history-item{display:grid;gap:6px;padding:10px 12px;border-radius:12px;background:#0b0b120f;text-align:left}.favorites{margin-top:16px;display:grid;gap:8px}.favorite-card{padding:12px;border-radius:12px;background:#0b0b120a;display:grid;gap:4px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.stats-grid div{background:#0b0b120f;padding:12px;border-radius:12px;display:grid;gap:4px}.qr-block{margin-top:16px;display:grid;gap:12px;justify-items:start}.qr-block img{width:180px;border-radius:12px;border:1px solid rgba(0,0,0,.1)}.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.rule-card{padding:18px 20px;border-radius:18px;background:#fff;box-shadow:0 16px 40px -28px #0003;border:1px solid rgba(0,0,0,.04)}.rule-card h3{margin:0 0 6px;font-size:1rem}.rule-card p{margin:0;color:#0b0b12b3}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:grid;place-items:center;padding:24px;z-index:10}.modal-card{background:#fff;padding:24px;border-radius:18px;max-width:420px;width:100%;display:grid;gap:12px}.orb{position:absolute;border-radius:50%;opacity:.8;z-index:0}.orb-a{width:240px;height:240px;top:-40px;right:10%;background:radial-gradient(circle,#ffd5b5,#ffd5b500 70%)}.orb-b{width:320px;height:320px;bottom:0;left:-80px;background:radial-gradient(circle,#c2f5f1,#c2f5f100 70%)}.orb-c{width:200px;height:200px;top:45%;left:55%;background:radial-gradient(circle,#f0e3ff,#f0e3ff00 70%)}body[data-theme=noir] .hero p,body[data-theme=noir] .hint,body[data-theme=noir] .status,body[data-theme=noir] .chart-morse,body[data-theme=noir] .rule-card p{color:#f5efe7b3}body[data-theme=noir] .ghost{background:#f5efe71a;color:#f5efe7cc}body[data-theme=noir] .panel,body[data-theme=noir] .output,body[data-theme=noir] .rule-card{background:#121216b3;color:#f5efe7e6}body[data-theme=noir] .output{color:#f5efe7e6}body[data-theme=noir] .segmented{background:#f5efe714}body[data-theme=noir] .badge,body[data-theme=noir] .segmented button.active{background:#f5efe7e6;color:#0b0b12}body[data-theme=noir] textarea,body[data-theme=noir] input{background:#00000059;color:#f5efe7e6}body[data-theme=noir] .file-label{background:#f5efe71f;color:#f5efe7e6}body[data-theme=noir] .meter{background:#f5efe714}body[data-density=compact] .panel{padding:16px}body[data-density=compact] .panel-footer{margin-top:10px}body[data-large=on] .hero h1{font-size:clamp(2.8rem,4vw,4.4rem)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 720px){.page{padding-top:60px}.panel{min-height:260px}.mode-row{align-items:flex-start}}:root{color-scheme:light;--page-background: radial-gradient(circle at 12% 12%, #fff3d1 0%, #f7f0ea 40%, #ebe9f4 100%);--ink: #0b0b12}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-body, "Space Grotesk"),"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--page-background);overflow-x:hidden}button{font-family:inherit}body[data-theme=gilded]{--ink: #0b0b12;--accent: #ff6a3d;--accent-2: #f2c94c;--accent-3: #3ad5d0;--glass: rgba(255, 255, 255, .82);--page-background: radial-gradient(circle at 12% 12%, #fff3d1 0%, #f7f0ea 40%, #ebe9f4 100%)}body[data-theme=noir]{--ink: #f5efe7;--accent: #d1a36a;--accent-2: #c07c4d;--accent-3: #80d1c8;--glass: rgba(18, 18, 22, .72);--page-background: radial-gradient(circle at 20% 20%, #1c1b1f 0%, #0f0f12 60%, #09090b 100%)}body[data-theme=mono]{--ink: #151515;--accent: #1d1d1d;--accent-2: #5a5a5a;--accent-3: #8d8d8d;--glass: rgba(255, 255, 255, .9);--page-background: linear-gradient(120deg, #f4f4f4 0%, #e8e8e8 100%)}body[data-font=fraunces]{--font-heading: "Fraunces";--font-body: "Space Grotesk"}body[data-font=archivo]{--font-heading: "Archivo";--font-body: "Archivo"}body[data-font=serif]{--font-heading: "Playfair Display";--font-body: "Space Grotesk"}body[data-large=on]{font-size:18px}body[data-contrast=on]{--glass: rgba(255, 255, 255, .98)}