:root{--ink: #1a1a2e;--paper: #f7f3ed;--cream: #ede6d9;--vermillion: #d1443c;--vermillion-dark: #b5332c;--gold: #c9a84c;--gold-light: #e8d699;--slate: #4a4a5a;--mist: #c8c3b8;--white: #ffffff;--shadow: rgba(26, 26, 46, .08);--shadow-md: rgba(26, 26, 46, .12);--success: #4CAF50}*{margin:0;padding:0;box-sizing:border-box}.skip-link{position:absolute;top:-100%;left:1rem;background:var(--vermillion);color:#fff;padding:.75rem 1.5rem;border-radius:0 0 8px 8px;font-size:.9rem;font-weight:600;z-index:10000;text-decoration:none;transition:top .2s}.skip-link:focus{top:0}body{font-family:DM Sans,sans-serif;background:var(--paper);color:var(--ink);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999}.site-header{background:var(--ink);padding:.75rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none}.logo-img{height:44px;width:auto}.header-nav{display:flex;gap:1.5rem;align-items:center}.header-nav a{color:var(--mist);text-decoration:none;font-size:.85rem;font-weight:500;transition:color .2s;letter-spacing:.02em}.header-nav a:hover,.header-nav a[aria-current=page]{color:var(--paper)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--mist)}.mobile-menu-btn svg{width:24px;height:24px}.hero{position:relative;padding:4rem 2rem 5.5rem;text-align:center;overflow:hidden;background:linear-gradient(175deg,var(--ink) 0%,#2a1a3e 40%,#3a2020 70%,var(--vermillion-dark) 100%)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 20% 80%,rgba(201,168,76,.15),transparent),radial-gradient(ellipse 40% 40% at 80% 20%,rgba(209,68,60,.2),transparent);pointer-events:none}.hero-kanji{position:absolute;font-family:"Noto Serif JP",serif;color:#ffffff0a;pointer-events:none;user-select:none}.hero-kanji.k1{top:10%;left:5%;font-size:8rem;transform:rotate(-12deg)}.hero-kanji.k2{top:20%;right:8%;font-size:6rem;transform:rotate(8deg)}.hero-kanji.k3{bottom:10%;left:12%;font-size:10rem;transform:rotate(5deg)}.hero-kanji.k4{bottom:20%;right:5%;font-size:7rem;transform:rotate(-8deg)}.hero-content{position:relative;z-index:2;max-width:720px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:100px;padding:.35rem 1rem;font-size:.78rem;color:var(--gold-light);margin-bottom:1.5rem;backdrop-filter:blur(8px);letter-spacing:.04em;font-weight:500}.hero h1{font-family:Playfair Display,serif;font-weight:800;font-size:clamp(2.2rem,5vw,3.6rem);color:var(--paper);line-height:1.15;margin-bottom:1rem;letter-spacing:-.02em}.hero p{color:#f7f3edb3;font-size:1.05rem;line-height:1.65;max-width:560px;margin:0 auto}.converter-section{margin-top:-3rem;padding:0 1.5rem 4rem;position:relative;z-index:10}.converter-card{max-width:780px;margin:0 auto;background:var(--white);border-radius:20px;box-shadow:0 4px 40px var(--shadow-md),0 1px 3px var(--shadow);overflow:hidden}.converter-inner{padding:2.5rem 3rem 3rem}.converter-label{display:block;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--slate);margin-bottom:.75rem}.input-area{position:relative;margin-bottom:1rem}.kanji-input{width:100%;min-height:120px;padding:1rem 1.25rem;font-size:1.15rem;font-family:Noto Sans JP,DM Sans,sans-serif;border:2px solid var(--cream);border-radius:12px;background:var(--paper);color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s;resize:vertical;line-height:1.8}.kanji-input:focus{border-color:var(--vermillion);box-shadow:0 0 0 3px #d1443c1a}.kanji-input::placeholder{color:var(--mist)}.input-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;margin-bottom:1rem}.char-count{font-size:.78rem;color:var(--mist)}.engine-status{font-size:.78rem;display:flex;align-items:center;gap:.35rem}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--mist);transition:background .3s}.status-dot.loading{background:var(--gold);animation:pulse 1.2s infinite}.status-dot.ready{background:var(--success)}.status-dot.error{background:var(--vermillion)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.action-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-bottom:1.25rem}.convert-btn{padding:.85rem 2rem;background:var(--vermillion);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.convert-btn:hover{background:var(--vermillion-dark);transform:translateY(-1px);box-shadow:0 4px 16px #d1443c4d}.convert-btn:active{transform:translateY(0)}.convert-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.convert-btn:disabled:hover{background:var(--vermillion);transform:none;box-shadow:none}.clear-btn{padding:.85rem 1.5rem;background:transparent;color:var(--slate);border:1.5px solid var(--cream);border-radius:12px;font-size:.9rem;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .2s}.clear-btn:hover{border-color:var(--slate);color:var(--ink)}.speak-btn{padding:.85rem 1.25rem;background:transparent;color:var(--slate);border:1.5px solid var(--cream);border-radius:12px;font-size:.9rem;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.4rem}.speak-btn:hover{border-color:var(--gold);color:var(--ink)}.speak-btn svg{width:16px;height:16px}.mode-toggles{display:flex;gap:.5rem;flex-wrap:wrap}.mode-toggle{padding:.45rem 1rem;border:1.5px solid var(--cream);border-radius:100px;background:transparent;font-size:.82rem;font-weight:500;font-family:DM Sans,sans-serif;color:var(--slate);cursor:pointer;transition:all .2s}.mode-toggle:hover{border-color:var(--gold);color:var(--ink)}.mode-toggle.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.mode-toggle .jp{font-family:Noto Sans JP,sans-serif;font-weight:500;margin-left:.2rem}.convert-btn:focus-visible,.clear-btn:focus-visible,.speak-btn:focus-visible,.mode-toggle:focus-visible,.mobile-menu-btn:focus-visible,.copy-all-btn:focus-visible{outline:2px solid var(--vermillion);outline-offset:2px}.faq-q:focus-visible{outline:2px solid var(--vermillion);outline-offset:2px;border-radius:4px}.results-area{margin-top:2rem;display:none}.results-area.visible{display:block}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.result-mode-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--slate)}.copy-all-btn{padding:.45rem 1rem;background:transparent;border:1.5px solid var(--cream);border-radius:10px;font-size:.8rem;font-weight:500;font-family:DM Sans,sans-serif;color:var(--slate);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.35rem}.copy-all-btn:hover{border-color:var(--vermillion);color:var(--vermillion);background:#d1443c0a}.copy-all-btn svg{width:14px;height:14px}.result-display{background:var(--paper);border-radius:14px;padding:1.75rem 2rem;min-height:80px}.result-text{font-family:Noto Sans JP,sans-serif;font-size:1.5rem;line-height:2.2;color:var(--ink);word-break:break-word}.result-text ruby{ruby-position:over}.result-text rt{font-size:.55em;color:var(--vermillion);font-weight:400}.result-text-romaji{font-family:DM Sans,sans-serif;font-size:1.3rem;line-height:1.8;color:var(--ink);font-style:italic}.how-section{max-width:780px;margin:0 auto;padding:0 1.5rem 4rem}.how-card{background:var(--white);border-radius:20px;padding:3rem;box-shadow:0 2px 20px var(--shadow)}.how-card h2{font-family:Playfair Display,serif;font-weight:700;font-size:1.6rem;margin-bottom:1.25rem;line-height:1.3}.how-card p{color:var(--slate);line-height:1.75;margin-bottom:1rem;font-size:.95rem}.how-card strong{color:var(--ink)}.reading-example{background:var(--paper);border-radius:14px;padding:1.5rem 1.75rem;margin:1.5rem 0;border-left:3px solid var(--vermillion)}.reading-example .kanji-big{font-family:"Noto Serif JP",serif;font-size:2.5rem;font-weight:700;color:var(--vermillion);margin-bottom:.5rem}.reading-example .readings{font-size:.9rem;color:var(--slate);line-height:1.7}.reading-example .readings span{font-family:Noto Sans JP,sans-serif;font-weight:500;color:var(--ink)}.features-section{max-width:780px;margin:0 auto;padding:0 1.5rem 4rem}.features-section h2{font-family:Playfair Display,serif;font-weight:700;font-size:1.6rem;margin-bottom:1.5rem;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.feature-card{background:var(--white);border-radius:14px;padding:1.5rem;box-shadow:0 1px 8px var(--shadow);transition:transform .2s}.feature-card:hover{transform:translateY(-2px)}.feature-icon{width:40px;height:40px;border-radius:10px;background:#d1443c14;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;font-size:1.2rem}.feature-card h3{font-family:DM Sans,sans-serif;font-weight:600;font-size:.95rem;margin-bottom:.35rem;color:var(--ink)}.feature-card p{font-size:.82rem;color:var(--slate);line-height:1.55}.examples-section{max-width:780px;margin:0 auto;padding:0 1.5rem 4rem}.examples-section h2{font-family:Playfair Display,serif;font-weight:700;font-size:1.6rem;margin-bottom:1.5rem;text-align:center}.examples-table{width:100%;background:var(--white);border-radius:14px;overflow:hidden;box-shadow:0 1px 8px var(--shadow)}.examples-table table{width:100%;border-collapse:collapse}.examples-table th{background:var(--ink);color:var(--paper);padding:.85rem 1.25rem;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;text-align:left}.examples-table td{padding:.85rem 1.25rem;border-bottom:1px solid var(--cream);font-size:.92rem;color:var(--slate)}.examples-table tr:last-child td{border-bottom:none}.examples-table .kanji-col{font-family:"Noto Serif JP",serif;font-size:1.1rem;font-weight:700;color:var(--ink)}.examples-table .hira-col{font-family:Noto Sans JP,sans-serif;font-weight:500;color:var(--vermillion)}.examples-table .roma-col{font-style:italic;color:var(--mist)}.example-try-btn{padding:.3rem .7rem;background:transparent;border:1px solid var(--cream);border-radius:6px;font-size:.72rem;font-family:DM Sans,sans-serif;color:var(--slate);cursor:pointer;transition:all .2s}.example-try-btn:hover{border-color:var(--vermillion);color:var(--vermillion)}.faq-section{max-width:780px;margin:0 auto;padding:0 1.5rem 4rem}.faq-section h2{font-family:Playfair Display,serif;font-weight:700;font-size:1.6rem;margin-bottom:1.5rem;text-align:center}.faq-item{border-bottom:1px solid var(--cream);padding:1.25rem 0}.faq-item:first-child{border-top:1px solid var(--cream)}.faq-q{font-weight:600;font-size:.95rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem}.faq-q:after{content:"+";font-size:1.3rem;color:var(--mist);transition:transform .2s;flex-shrink:0}.faq-item.open .faq-q:after{transform:rotate(45deg);color:var(--vermillion)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;color:var(--slate);font-size:.9rem;line-height:1.7}.faq-item.open .faq-a{max-height:300px;padding-top:.75rem}.related-section{max-width:780px;margin:0 auto;padding:0 1.5rem 4rem}.related-section h2{font-family:Playfair Display,serif;font-weight:700;font-size:1.6rem;margin-bottom:1.5rem;text-align:center}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.related-card{background:var(--white);border-radius:14px;padding:1.5rem;box-shadow:0 1px 8px var(--shadow);text-decoration:none;color:inherit;transition:all .2s;display:block}.related-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px var(--shadow-md)}.related-card .related-icon{font-family:"Noto Serif JP",serif;font-size:1.8rem;color:var(--vermillion);margin-bottom:.75rem}.related-card h3{font-family:DM Sans,sans-serif;font-weight:600;font-size:.95rem;margin-bottom:.35rem;color:var(--ink)}.related-card p{font-size:.82rem;color:var(--slate);line-height:1.55}.site-footer{background:var(--ink);padding:3rem 2rem;text-align:center}.footer-brand{font-family:Playfair Display,serif;font-weight:700;font-size:1.15rem;color:var(--paper);margin-bottom:.5rem}.footer-tagline{color:#f7f3ed66;font-size:.82rem;margin-bottom:1.5rem}.footer-links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.footer-links a{color:#f7f3ed80;text-decoration:none;font-size:.82rem;transition:color .2s}.footer-links a:hover{color:var(--paper)}.footer-contact{color:#f7f3ed73;font-size:.8rem;margin-bottom:1rem}.footer-contact a{color:#f7f3ed99;text-decoration:none;transition:color .2s}.footer-contact a:hover{color:var(--paper)}.footer-copy{color:#f7f3ed40;font-size:.75rem}.copied-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);background:var(--ink);color:var(--paper);padding:.75rem 1.5rem;border-radius:12px;font-size:.85rem;font-weight:500;z-index:1000;opacity:0;transition:all .3s ease}.copied-toast.show{transform:translate(-50%) translateY(0);opacity:1}.breadcrumb{max-width:780px;margin:0 auto;padding:1rem 1.5rem 0;font-size:.78rem;color:var(--mist)}.breadcrumb a{color:var(--slate);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--vermillion)}.breadcrumb span{margin:0 .4rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeUp .6s ease forwards}.delay-1{animation-delay:.1s;opacity:0}.delay-2{animation-delay:.2s;opacity:0}.delay-3{animation-delay:.3s;opacity:0}.delay-4{animation-delay:.4s;opacity:0}.loading-overlay{position:absolute;inset:0;background:#ffffffd9;border-radius:14px;display:none;align-items:center;justify-content:center;flex-direction:column;gap:.75rem;z-index:5}.loading-overlay.active{display:flex}.loading-spinner{width:28px;height:28px;border:3px solid var(--cream);border-top-color:var(--vermillion);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:.85rem;color:var(--slate);font-weight:500}.table-heading{font-size:1.25rem;margin:0 0 .75rem;color:var(--ink);font-family:Playfair Display,serif}.table-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}.table-toggle-btn,.table-copy-btn{background:var(--cream);border:1px solid var(--mist);color:var(--ink);padding:.4rem .85rem;border-radius:6px;font-size:.82rem;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s,opacity .15s}.table-toggle-btn[aria-pressed=false]{opacity:.5}.table-copy-btn{background:var(--vermillion);color:#fff;border-color:var(--vermillion)}.table-copy-btn:hover{background:var(--vermillion-dark)}.breakdown-wrap{overflow-x:auto;border:1px solid rgba(26,26,46,.08);border-radius:8px}.breakdown-table{width:100%;min-width:520px;border-collapse:collapse;font-size:.95rem}.breakdown-table thead th{position:sticky;top:0;background:var(--cream);color:var(--slate);font-size:.72rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;padding:.65rem .8rem;text-align:left;border-bottom:1px solid rgba(26,26,46,.1)}.breakdown-table tbody td{padding:.6rem .8rem;border-bottom:1px solid rgba(26,26,46,.06);vertical-align:top}.breakdown-table tbody tr:last-child td{border-bottom:0}.breakdown-table td.word{font-family:Noto Sans JP,sans-serif;font-size:1.05rem;color:var(--ink);white-space:nowrap}.breakdown-table td.reading,.breakdown-table td.romaji{color:var(--slate)}.breakdown-table td.gloss{color:var(--ink)}.breakdown-table.hide-reading th:nth-child(3),.breakdown-table.hide-reading td:nth-child(3){display:none}.breakdown-table.hide-gloss th:nth-child(5),.breakdown-table.hide-gloss td:nth-child(5){display:none}.pos-badge{display:inline-block;border-radius:4px;padding:2px 6px;font-size:.85em;font-weight:600;color:#fff;line-height:1.3}.pos-n{background:#4caf50}.pos-v{background:#2196f3}.pos-adj{background:#ff9800}.pos-na{background:#9c27b0}.pos-prt{background:#9e9e9e}.pos-on{background:#e91e63}.pos-adv{background:#009688}.pos-aux{background:#795548}.pos-sym{background:transparent;color:var(--slate);font-weight:400}.output-controls{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;margin:0 0 .9rem;padding:.65rem .85rem;background:var(--paper);border:1px dashed var(--mist);border-radius:8px}.output-toggles{display:flex;gap:.4rem}.output-toggles .toggle-btn{background:var(--cream);border:1px solid var(--mist);color:var(--ink);padding:.35rem .8rem;border-radius:6px;font-size:.78rem;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:opacity .15s,background .15s}.output-toggles .toggle-btn[aria-pressed=false]{opacity:.45}.pos-filters{display:flex;gap:.3rem;flex-wrap:wrap}.pos-chip{border:none;border-radius:4px;padding:3px 9px;font-size:.8rem;font-weight:700;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;transition:opacity .15s,transform .1s;min-width:32px}.pos-chip:active{transform:scale(.95)}.pos-chip:not(.active){opacity:.3}.pos-chip.pos-n{background:#4caf50}.pos-chip.pos-v{background:#2196f3}.pos-chip.pos-adj{background:#ff9800}.pos-chip.pos-na{background:#9c27b0}.pos-chip.pos-prt{background:#9e9e9e}.pos-chip.pos-on{background:#e91e63}.pos-chip:focus-visible{outline:2px solid var(--vermillion);outline-offset:2px}.panel{position:relative;margin:0 0 1.25rem}.panel+.panel{margin-top:1.25rem}.panel-heading{font-size:1.2rem;font-family:Playfair Display,serif;margin:0 0 .65rem;color:var(--ink)}.panel-tools{display:flex;justify-content:flex-end;gap:.4rem;margin-bottom:.5rem}.panel .copy-btn,.panel .raw-btn{background:var(--cream);border:1px solid var(--mist);color:var(--slate);padding:.25rem .7rem;border-radius:5px;font-size:.74rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase;font-family:DM Sans,sans-serif;cursor:pointer}.panel .copy-btn:hover,.panel .raw-btn:hover{background:#fff;color:var(--ink)}.panel .raw-btn[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.flat-line{font-size:1.1rem;color:var(--ink);line-height:1.75;padding:.5rem 0;word-break:break-word}.flat-line.kana{font-family:Noto Sans JP,sans-serif}.flat-line.romaji{font-family:DM Sans,sans-serif;letter-spacing:.2px}.raw-view{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.88rem;white-space:pre-wrap;word-break:break-word;background:var(--cream);padding:.85rem 1rem;border-radius:6px;color:var(--ink);margin:0}.panel>.raw-view{display:none}.panel.raw-mode>.flat-line,.panel.raw-mode>.main-tokens,.panel.raw-mode>.breakdown-wrap,.panel.raw-mode>.kana-comparison{display:none}.panel.raw-mode>.raw-view{display:block}.kana-summary{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 1rem;font-family:DM Sans,sans-serif;font-size:.78rem;line-height:1.4}.kana-summary span{display:inline-flex;align-items:center;gap:.25rem;background:var(--cream);color:var(--slate);border-radius:999px;padding:.28rem .7rem}.kana-summary strong{color:var(--ink);font-weight:700}.kana-comparison{display:grid;gap:.75rem}.kana-comparison div{background:var(--white);border:1px solid rgba(26,26,46,.08);border-radius:10px;padding:.9rem 1rem}.kana-comparison span{display:block;margin-bottom:.35rem;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--slate)}.kana-comparison strong{display:block;font-family:Noto Sans JP,sans-serif;font-size:1.25rem;line-height:1.6;color:var(--ink);word-break:break-word}.kana-breakdown-table td.word,.kana-breakdown-table td.reading{font-size:1.08rem}.script-badge{display:inline-block;border-radius:4px;padding:2px 7px;background:var(--cream);color:var(--slate);font-size:.78rem;font-family:DM Sans,sans-serif;font-weight:700;line-height:1.35}.main-tokens{display:flex;flex-wrap:wrap;align-items:flex-start;gap:0 4px;padding:.5rem 0 0}.tok{display:inline-block;text-align:center;margin:0 8px 16px;vertical-align:top;position:relative;cursor:default;min-width:2ch}.tok-r{display:block;font-size:.75em;color:#555;line-height:1.2}.tok-k{display:block;font-size:1.8em;line-height:1.3;font-family:"Noto Serif JP",serif;color:var(--ink)}.tok-g{display:block;font-size:.75em;color:#666;line-height:1.2;border-top:2px solid #ddd;padding-top:3px;margin-top:3px;max-width:16ch;white-space:normal}.tok[data-pos=n] .tok-k{color:#2e7d32}.tok[data-pos=v] .tok-k{color:#1565c0}.tok[data-pos=adj] .tok-k{color:#e65100}.tok[data-pos=na] .tok-k{color:#6a1b9a}.tok[data-pos=prt] .tok-k{color:#616161}.tok[data-pos=on] .tok-k{color:#ad1457}.tok[data-pos=adv] .tok-k{color:#00695c}.tok[data-pos=aux] .tok-k{color:#4e342e}.tok-tip{position:absolute;z-index:60;background:var(--ink);color:var(--paper);padding:.45rem .65rem;border-radius:6px;font-size:.78rem;line-height:1.35;pointer-events:none;max-width:260px;box-shadow:0 6px 18px #0003;display:none;font-family:DM Sans,sans-serif}.tok-tip.visible{display:block}.tok-tip strong{color:var(--gold-light);font-weight:600}#resultText.hide-reading .tok-r,#resultText.hide-gloss .tok-g{display:none}#resultText.hide-reading .breakdown-table th:nth-child(3),#resultText.hide-reading .breakdown-table td:nth-child(3){display:none}#resultText.hide-gloss .breakdown-table th:nth-child(5),#resultText.hide-gloss .breakdown-table td:nth-child(5){display:none}#resultText.hide-pos-n .tok[data-pos=n],#resultText.hide-pos-n .breakdown-table tr[data-pos=n],#resultText.hide-pos-v .tok[data-pos=v],#resultText.hide-pos-v .breakdown-table tr[data-pos=v],#resultText.hide-pos-adj .tok[data-pos=adj],#resultText.hide-pos-adj .breakdown-table tr[data-pos=adj],#resultText.hide-pos-na .tok[data-pos=na],#resultText.hide-pos-na .breakdown-table tr[data-pos=na],#resultText.hide-pos-prt .tok[data-pos=prt],#resultText.hide-pos-prt .breakdown-table tr[data-pos=prt],#resultText.hide-pos-on .tok[data-pos=on],#resultText.hide-pos-on .breakdown-table tr[data-pos=on]{display:none}@media(max-width:640px){.converter-inner{padding:1.75rem 1.5rem 2rem}.action-row{flex-direction:column;align-items:stretch}.convert-btn{justify-content:center}.features-grid{grid-template-columns:1fr}.hero{padding:3.5rem 1.5rem 5rem}.site-header{padding:.75rem 1rem}.header-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ink);flex-direction:column;padding:1rem 1.5rem;gap:.75rem;border-top:1px solid rgba(255,255,255,.08)}.header-nav a{font-size:.78rem}.header-nav.open{display:flex}.mobile-menu-btn{display:block}.how-card{padding:2rem 1.5rem}.result-text{font-size:1.2rem}.examples-table{overflow-x:auto}.examples-table table{min-width:500px}.related-grid{grid-template-columns:1fr}}