:root{--bg: #f5f3eb;--surface: #fffdf7;--surface-strong: #ffffff;--text: #1f2937;--muted: #52606d;--line: #d9d2c1;--primary: #0f766e;--primary-strong: #115e59;--accent: #f59e0b;--shadow: 0 16px 40px rgba(15, 23, 42, .08);--radius: 20px;--font-sans: "IBM Plex Sans", "Segoe UI", sans-serif;--font-serif: "Fraunces", Georgia, serif}*{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at top right,rgba(245,158,11,.16),transparent 24rem),linear-gradient(180deg,#fcfbf6 0%,var(--bg) 100%);scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(1120px,calc(100% - 2rem));margin:0 auto}.section{padding:2rem 0}.card,.tool-shell,.ad-slot,.content-card{background:#fffdf7eb;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero{padding:3.5rem 0 2rem}.hero-grid,.grid-2,.grid-3,.grid-4{display:grid;gap:1.25rem}.hero-grid,.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.eyebrow,.badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--primary-strong);text-transform:uppercase;letter-spacing:.08em;background:#0f766e14;border-radius:999px;padding:.4rem .75rem}h1,h2,h3{line-height:1.1}h1,h2{font-family:var(--font-serif)}h1{font-size:clamp(2.4rem,4vw,4.8rem);margin:.6rem 0 1rem}h2{font-size:clamp(1.65rem,2vw,2.4rem);margin:0 0 .75rem}h3{margin:0 0 .6rem}p,li{color:var(--muted);line-height:1.7}ul{padding-left:1.1rem}.button,button,input,select,textarea{font:inherit}.button,button[type=submit],.button-link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:999px;cursor:pointer;padding:.9rem 1.2rem;background:var(--primary);color:#fff;font-weight:700}.button.is-secondary{background:transparent;color:var(--primary-strong);border:1px solid rgba(15,118,110,.22)}input,select,textarea{width:100%;background:#fff;border:1px solid var(--line);border-radius:16px;padding:.9rem 1rem;color:var(--text)}textarea{min-height:180px;resize:vertical}input:focus,select:focus,textarea:focus,button:focus,a:focus{outline:3px solid rgba(15,118,110,.24);outline-offset:2px}.stack{display:grid;gap:1rem}.tool-shell{padding:1.5rem}.toolbar,.split-actions{display:flex;gap:.75rem;flex-wrap:wrap}.result-box{white-space:pre-wrap;background:#14213d;color:#f8fafc;padding:1rem;border-radius:16px;overflow:auto}.result-box.is-light{background:#fff;color:var(--text);border:1px solid var(--line)}.tool-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start}.tool-card,.content-card{padding:1.2rem}.tool-card{display:grid;gap:.5rem}.tool-card:hover{transform:translateY(-2px)}.tool-card{transition:transform .18s ease}.header-wrap{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);background:#fcfbf6d9;border-bottom:1px solid rgba(217,210,193,.8)}.header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0}.nav{display:flex;gap:1rem;flex-wrap:wrap}.footer{padding:2rem 0 3rem}.footer-note{padding:1.25rem 0 0;text-align:center}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.92rem;color:var(--muted)}.faq-item{padding:1rem 0;border-top:1px solid var(--line)}.search-input{width:100%;max-width:720px}.search-meta{margin:-.4rem 0 0;font-size:.95rem}.ad-slot{padding:1rem;min-height:120px;display:grid;place-items:center;text-align:center}.ad-slot__inner{width:100%;min-height:160px;border-radius:18px;background:linear-gradient(180deg,#fffefb,#f8f4ea);border:1px dashed rgba(15,118,110,.18);padding:1rem}.ad-slot__label{margin:0 0 .75rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.continue-journey{display:grid;gap:1rem}.continue-journey__intro p{max-width:60ch}.muted{color:var(--muted)}.result-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.9rem}.metric-card{background:linear-gradient(180deg,#fff,#f8f4ea);border:1px solid var(--line);border-radius:18px;padding:1rem}.metric-card.is-success{border-color:#0f766e52;background:linear-gradient(180deg,#f6fffd,#ebfaf6)}.metric-card.is-danger{border-color:#be185d38;background:linear-gradient(180deg,#fff8fb,#fff1f4)}.metric-card span{display:block;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.5rem}.metric-card strong{display:block;font-size:1.35rem;line-height:1.1}.result-rich,.result-list{display:grid;gap:.9rem}.result-note{padding:1rem 1.1rem;background:#fff;border:1px solid var(--line);border-radius:18px}.result-output{border:1px solid var(--line);border-radius:18px;overflow:hidden}.result-output__header{padding:.8rem 1rem;border-bottom:1px solid var(--line);background:#fcfbf7}.content-card>:first-child,.continue-journey>:first-child{margin-top:0}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:#fff}.result-table{width:100%;border-collapse:collapse;min-width:320px}.result-table th,.result-table td{padding:.9rem 1rem;border-bottom:1px solid var(--line);text-align:left}.result-table th{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#fcfbf7}.imc-scale{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.imc-band{display:grid;gap:.25rem;padding:1rem;border-radius:18px;border:1px solid var(--line);background:#fff}.imc-band.is-active{border-color:#0f766e52;background:linear-gradient(180deg,#f6fffd,#ebfaf6)}.field-group{gap:.55rem}.field-error{min-height:1rem;color:#be185d;font-size:.9rem}.tool-grid--rule-of-three .tool-shell:first-child{padding:1.75rem}.tool-grid--rule-of-three{grid-template-columns:minmax(0,720px);justify-content:start}.rule-of-three-form{display:grid;gap:1rem}.rule-of-three-diagram{display:grid;gap:1rem;padding:1.25rem;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at top right,rgba(15,118,110,.08),transparent 12rem),linear-gradient(180deg,#fffefc,#f7f1e5)}.rule-of-three-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.9rem;align-items:start}.rule-of-three-field{min-width:0}.rule-of-three-field input,.rule-of-three-output{min-height:4.5rem;width:100%;max-width:100%}.rule-of-three-field input{text-align:center;padding-inline:.7rem;font-size:clamp(1.55rem,2vw,2rem);font-weight:600;letter-spacing:.02em;font-variant-numeric:tabular-nums;border-radius:18px;box-shadow:inset 0 1px #ffffffe6;overflow:hidden}.rule-of-three-field input::placeholder{color:#b6bfca}.rule-of-three-connector{align-self:center;justify-self:center;padding:.55rem .9rem;border-radius:999px;background:linear-gradient(180deg,#8b98aa,#73839a);color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.rule-of-three-caption{justify-self:center;color:var(--muted);font-family:var(--font-serif);font-size:clamp(1.35rem,2vw,1.85rem);text-transform:uppercase;letter-spacing:.03em}.rule-of-three-output{display:grid;align-content:center;justify-items:center;gap:.2rem;padding:.85rem 1rem;border:1px solid rgba(15,118,110,.2);border-radius:18px;background:linear-gradient(180deg,#6893aa,#4f7f99);color:#fff;text-align:center;overflow:hidden;justify-content:center}.rule-of-three-output[data-state=filled]{background:linear-gradient(180deg,#0f766e,#115e59);box-shadow:0 16px 30px #0f766e2e}.rule-of-three-output__label{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;opacity:.92}.rule-of-three-output__value{display:block;width:100%;max-width:100%;font-size:clamp(1.7rem,2.3vw,2.3rem);line-height:1.05;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rule-of-three-output__hint,.rule-of-three-help{margin:0;text-align:center;color:var(--muted)}.rule-of-three-output__hint{font-size:.92rem}.rule-of-three-help{font-size:.98rem}.rule-of-three-inline-result{display:grid;gap:.9rem;padding-top:.25rem}.rule-of-three-inline-result__header>:first-child{margin-top:0}[aria-invalid=true]{border-color:#be185d73;box-shadow:0 0 0 3px #be185d14}.audio-editor{display:grid;gap:1.25rem}.audio-converter{display:grid;gap:1rem}.audio-editor__top,.audio-stage,.audio-panel{background:#fffdf7eb;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.audio-editor__top{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.25rem}.audio-editor__intro{max-width:48rem}.audio-steps{display:flex;flex-wrap:wrap;gap:.75rem;padding:0;margin:1rem 0 0;list-style:none;color:var(--ink)}.audio-steps li{padding:.45rem .8rem;border:1px solid var(--line);border-radius:999px;background:#ffffffb8;font-size:.95rem}.audio-stage{padding:1.1rem;display:grid;gap:1rem}.audio-wave{background:radial-gradient(circle at top right,rgba(120,220,202,.16),transparent 32%),linear-gradient(180deg,#17324a,#102437);border-radius:20px;padding:1rem}.audio-selection-hint{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 .9rem;padding:.45rem .75rem;border-radius:999px;background:#fff5d61f;color:#fff1c2;font-size:.95rem;font-weight:600}.audio-selection-swatch{width:.95rem;height:.95rem;border-radius:999px;background:#ffc43df2;box-shadow:0 0 0 2px #fff4d647}.audio-wave__surface{width:100%;min-height:260px;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f;background:#08131e3d}.audio-wave__surface ::part(region){border-left:3px solid rgba(255,248,214,.98);border-right:3px solid rgba(255,248,214,.98);box-shadow:inset 0 0 0 2px #fff4d685,0 0 0 1px #ffc43d5c}.audio-wave__legend{display:flex;justify-content:space-between;gap:1rem;margin-top:.75rem;color:#d8e6f0;font-size:.95rem;flex-wrap:wrap}.audio-actions{display:flex;flex-wrap:wrap;gap:.75rem}.audio-shortcuts{margin:0;color:var(--muted);font-size:.95rem}.audio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.audio-grid--compact{grid-template-columns:minmax(0,1fr)}.audio-panel{padding:1rem}.audio-panel--summary{max-width:100%}.audio-panel--summary .result-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.audio-panel--converter{display:grid;gap:1rem}.audio-notes{margin:1rem 0 0;padding-left:1.2rem;color:var(--muted)}.audio-notes li+li{margin-top:.5rem}.meta-row{display:flex;gap:.75rem;flex-wrap:wrap;color:var(--muted)}.legal-page{gap:1.25rem}.legal-card{padding:1.5rem}.legal-card h1,.legal-card h2{margin-top:0}.legal-card p+p,.legal-card ul+p,.legal-card p+ul{margin-top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.audio-converter__hero,.audio-converter__panel{background:#fffdf7eb;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.audio-converter__hero{display:grid;gap:1rem;padding:1.4rem}.audio-converter__intro{max-width:50rem}.audio-converter__dropzone{display:grid;gap:.5rem;align-content:center;min-height:12rem;padding:1.25rem 1.35rem;border:2px dashed rgba(15,118,110,.22);border-radius:20px;background:radial-gradient(circle at top right,rgba(245,158,11,.09),transparent 28rem),linear-gradient(180deg,#ffffffeb,#faf7eef5);cursor:pointer}.audio-converter__dropzone:hover{border-color:#0f766e5c;transform:translateY(-1px);transition:transform .18s ease,border-color .18s ease}.audio-converter__dropzone-label{display:inline-flex;width:fit-content;align-items:center;padding:.4rem .7rem;border-radius:999px;background:#0f766e14;color:var(--primary-strong);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700}.audio-converter__dropzone strong{font-size:clamp(1.35rem,2vw,2rem);color:var(--text);line-height:1.15}.audio-converter__dropzone-hint{max-width:52rem;color:var(--muted);line-height:1.65}.audio-converter__panel{display:grid;gap:1rem;padding:1.25rem}.audio-converter__controls{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:1rem;align-items:end}.audio-converter__controls select{min-height:3.25rem}.audio-converter__actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-start}.audio-converter__statusbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.audio-converter__statusbar .metric-card{padding:.9rem 1rem}.audio-converter__status{margin:0;padding-top:.25rem}.audio-converter__notes{margin-top:.25rem}@media(max-width:900px){.hero-grid,.grid-2,.grid-3,.grid-4,.tool-grid,.audio-grid,.imc-scale{grid-template-columns:1fr}h1{font-size:2.5rem}.audio-editor__top{align-items:start;flex-direction:column}.audio-steps{gap:.5rem}.audio-converter__controls,.audio-converter__statusbar{grid-template-columns:1fr}.tool-grid--rule-of-three .tool-shell:first-child{padding:1.25rem}.rule-of-three-diagram,.rule-of-three-row{gap:.75rem}.rule-of-three-row{grid-template-columns:1fr}.rule-of-three-connector,.rule-of-three-caption{width:100%}}