:root{--mc:#8b5cf6;--mc-dark:#5b21b6;--mc-soft:#f5f3ff;--mc-ink:#241b35;--mc-muted:#6e657c;--mc-line:#e5def0}body{background:linear-gradient(180deg,#faf7ff 0,#fff 470px)}.mc-hero{background:radial-gradient(circle at 88% 13%,rgba(255,255,255,.3),transparent 27%),linear-gradient(135deg,#4c1d95,#8b5cf6 58%,#ec4899);border:0;color:#fff;box-shadow:0 22px 60px rgba(91,33,182,.2)}.mc-hero .tool-hero-title,.mc-hero .tool-hero-desc{color:#fff}.mc-hero .tool-hero-icon{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;font:800 1.1rem ui-monospace,monospace}.mc-hero .tool-badge{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.27);color:#fff}.mc-page{max-width:1160px}.mc-app{padding:22px;border:1px solid var(--mc-line);border-radius:24px;background:#fff;box-shadow:0 18px 55px rgba(76,29,149,.09)}.mc-banner{display:none;padding:10px 13px;margin-bottom:14px;border-radius:10px;font-size:.83rem}.mc-banner.show{display:block}.mc-banner.success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.mc-banner.warn{background:#fffbeb;color:#a16207;border:1px solid #fde68a}.mc-banner.error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.mc-toolbar,.mc-mode,.mc-tools,.mc-options,.mc-label,.mc-label>div,.mc-result-actions,.mc-result-actions>div,.mc-player-head,.mc-player-head>div{display:flex;align-items:center;justify-content:space-between;gap:9px}.mc-mode button,.mc-tools button,.mc-label button,.mc-result-actions button,.mc-player-head button,.mc-keypad button{padding:8px 12px;border:1px solid var(--mc-line);border-radius:9px;background:#fff;color:var(--mc-dark);font:600 .77rem 'Google Sans',sans-serif;cursor:pointer}.mc-mode{padding:4px;border-radius:11px;background:var(--mc-soft)}.mc-mode button{border:0;background:transparent}.mc-mode button.active{background:var(--mc);color:#fff;box-shadow:0 5px 12px rgba(139,92,246,.22)}.mc-options{justify-content:flex-start;flex-wrap:wrap;margin:14px 0;padding:11px;border:1px solid var(--mc-line);border-radius:12px;background:#faf9fc}.mc-options label{font-size:.76rem;color:var(--mc-muted)}.mc-options select{padding:6px;border:1px solid var(--mc-line);border-radius:8px}.mc-options input{accent-color:var(--mc)}.mc-layout{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mc-label{height:34px;color:var(--mc-muted);font-size:.75rem;font-weight:700;text-transform:uppercase}.mc-layout textarea{width:100%;height:310px;box-sizing:border-box;padding:16px;border:1.5px solid var(--mc-line);border-radius:14px;resize:vertical;outline:none;color:var(--mc-ink);font:14px/1.7 ui-monospace,monospace}.mc-layout textarea:focus{border-color:var(--mc);box-shadow:0 0 0 4px rgba(139,92,246,.09)}#morse-output{background:#faf9fc}.mc-keypad{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.mc-submit{width:100%;margin-top:15px;padding:13px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--mc-dark),var(--mc));color:#fff;font-weight:700;cursor:pointer;box-shadow:0 9px 20px rgba(139,92,246,.22)}.mc-result-actions{margin-top:13px;padding:11px 13px;border:1px solid var(--mc-line);border-radius:11px;background:var(--mc-soft);font-size:.77rem;color:var(--mc-muted)}.mc-player{margin-top:16px;padding:17px;border:1px solid var(--mc-line);border-radius:16px;background:linear-gradient(135deg,#fff,#faf7ff)}.mc-player-head strong,.mc-player-head span{display:block}.mc-player-head span{font-size:.7rem;color:var(--mc-muted)}.mc-player-head button:first-child{background:var(--mc);color:#fff;border-color:var(--mc)}.mc-player-head button:disabled{opacity:.45}.mc-audio-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:15px}.mc-audio-settings label{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:.72rem;color:var(--mc-muted)}.mc-audio-settings input{width:100%;accent-color:var(--mc)}.mc-audio-settings output{min-width:52px;color:var(--mc-dark);font-weight:700}.mc-progress{height:7px;margin-top:14px;border-radius:99px;background:#e9e2f2;overflow:hidden}.mc-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mc),#ec4899)}.mc-info,.mc-reference,.mc-guide,.mc-faq{margin-top:28px;padding:30px;border:1px solid var(--mc-line);border-radius:22px;background:#fff}.mc-info{display:grid;grid-template-columns:1.15fr 1fr;gap:38px;background:linear-gradient(135deg,#fff,#f5f3ff)}.mc-info h2,.mc-reference h2,.mc-guide h2,.mc-faq h2{margin:5px 0 10px;color:var(--mc-ink);font-size:1.55rem}.mc-info p,.mc-reference p,.mc-guide p,.mc-faq p{color:var(--mc-muted);line-height:1.7}.mc-eyebrow{color:var(--mc);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.mc-info ol{list-style:none;counter-reset:s;padding:0;margin:0}.mc-info li{position:relative;counter-increment:s;padding:4px 0 16px 46px}.mc-info li:before{content:counter(s);position:absolute;left:0;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--mc);color:#fff;font-weight:700}.mc-info li strong,.mc-info li span{display:block}.mc-info li span{font-size:.8rem;color:var(--mc-muted)}.mc-ref-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.mc-ref-head p{margin:0}.mc-ref-head input{padding:10px;border:1px solid var(--mc-line);border-radius:10px}.mc-ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:8px;margin-top:17px}.mc-ref-grid>div{display:flex;justify-content:space-between;padding:9px;border-radius:9px;background:var(--mc-soft)}.mc-ref-grid code{color:var(--mc-dark)}.mc-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mc-cards article{padding:17px;border:1px solid var(--mc-line);border-radius:14px}.mc-cards h3{margin:0;color:var(--mc-ink);font-size:.94rem}.mc-cards p{margin:5px 0 0;font-size:.81rem}.mc-faq details{padding:14px 0;border-top:1px solid var(--mc-line)}.mc-faq summary{cursor:pointer;color:var(--mc-ink);font-weight:700}
@media(max-width:800px){.mc-layout,.mc-info{grid-template-columns:1fr}.mc-audio-settings{grid-template-columns:1fr}.mc-cards{grid-template-columns:1fr 1fr}}@media(max-width:560px){.mc-app,.mc-info,.mc-reference,.mc-guide,.mc-faq{padding:16px;border-radius:17px}.mc-toolbar,.mc-result-actions,.mc-player-head,.mc-ref-head{align-items:flex-start;flex-direction:column}.mc-tools{flex-wrap:wrap}.mc-mode{width:100%}.mc-mode button{flex:1}.mc-layout textarea{height:250px}.mc-cards{grid-template-columns:1fr}.mc-ref-head input{width:100%;box-sizing:border-box}}