:root{--paper:#fbf6ec;--paper-2:#f4ead6;--card:#fffdf8;--ink:#211c14;--ink-soft:#5c5546;--teal:#0e7c7b;--teal-dark:#095e5d;--teal-soft:#e0f0ee;--marigold:#f2a007;--marigold-soft:#fdf0d3;--line:#e3d7bf;--ok:#178a4c;--ok-soft:#e2f4e8;--danger:#c0392b;--radius:16px;--result-size:22px;color-scheme:light}[data-theme=dark]{--paper:#171410;--paper-2:#1f1b16;--card:#221e18;--ink:#f3eddd;--ink-soft:#b6ab93;--teal:#2bb3a3;--teal-dark:#7fd1c5;--teal-soft:#173936;--marigold:#f5b52e;--marigold-soft:#3a2f14;--line:#3a342a;--ok:#4cc97e;--ok-soft:#173527;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.55}h1,h2,h3,.display{margin:0 0 .5em;font-family:Fraunces,Georgia,Times New Roman,serif;line-height:1.15}h1{font-size:2rem;font-weight:700}h2{font-size:1.55rem;font-weight:700}h3{font-size:1.15rem;font-weight:600}p{margin:0 0 1em}a{color:var(--teal)}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}.site-header{background:linear-gradient(120deg,#0b6e6d 0%,#095e5d 55%,#074c4b 100%);align-items:center;gap:12px;padding:12px max(16px,50% - 560px);display:flex;box-shadow:0 2px 14px #074c4b59}.logo{color:#fffdf8;align-items:center;gap:10px;min-height:48px;text-decoration:none;display:inline-flex}.logo-mark{filter:drop-shadow(0 2px 5px #0000004d);flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.logo-mark svg{display:block}.logo-name{color:#fffdf8;font-family:Fraunces,Georgia,serif;font-size:1.12rem;font-weight:700;line-height:1.1}.logo-name small{text-transform:uppercase;color:#ffc53d;letter-spacing:.14em;font-family:inherit;font-size:.72rem;font-weight:600;display:block}.theme-toggle{color:#fffdf8;cursor:pointer;background:#fffdf81a;border:1.5px solid #fffdf873;border-radius:999px;justify-content:center;align-items:center;min-width:48px;min-height:48px;margin-left:auto;font-size:20px;display:inline-flex}.bunting{width:100%;height:20px;display:block}.bunting.flip{transform:scaleY(-1)}.hero{padding:20px 0 8px}.hero-sub{color:var(--ink-soft);max-width:34em;font-size:1.05rem}.hero-sub strong{color:var(--ink)}.try-label{margin:18px 0 8px;font-size:.95rem;font-weight:700}.try-chips{flex-wrap:wrap;gap:8px;display:flex}.try-chip{border:1.5px solid var(--line);background:var(--card);min-height:48px;color:var(--ink);cursor:pointer;border-radius:999px;padding:10px 16px;font-size:1rem}.try-chip:active{border-color:var(--teal);background:var(--teal-soft)}.tool-card{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);min-width:0;padding:16px;box-shadow:0 6px 24px #211c140f}.tool-card label.field-label{margin-bottom:8px;font-weight:700;display:block}#lbp-input{resize:vertical;border:2px solid var(--teal);width:100%;min-height:84px;font:inherit;background:var(--paper);color:var(--ink);border-radius:12px;padding:12px 14px;font-size:1.15rem}.input-meta{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:8px;margin-top:6px;font-size:.88rem;display:flex}.clear-btn{min-height:48px;color:var(--teal);font:inherit;cursor:pointer;background:0 0;border:none;padding:8px 14px;font-weight:600}.controls{gap:12px;margin-top:14px;display:grid}.controls>*,.control-row>*{min-width:0}#lbp-search{border:1.5px solid var(--line);width:100%;min-height:52px;font:inherit;background:var(--paper);color:var(--ink);border-radius:999px;padding:10px 18px}.control-row{gap:6px;min-width:0;display:grid}.control-row>span{font-size:.92rem;font-weight:700}.control-row input[type=range]{width:100%;min-height:48px;accent-color:var(--teal)}.ornaments{flex-wrap:wrap;gap:8px;display:flex}.ornament-btn{border:1.5px solid var(--line);background:var(--paper);min-width:48px;min-height:48px;color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;border-radius:12px;padding:8px 14px;font-size:1.02rem}.ornament-btn[aria-pressed=true],.ornament-btn.active{background:var(--teal);border-color:var(--teal);color:#fff}.chips{scrollbar-width:thin;gap:8px;margin:16px -16px 0;padding:4px 16px 10px;display:flex;overflow-x:auto}.chip{border:1.5px solid var(--line);background:var(--card);min-height:48px;color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:10px 16px;font-weight:600}.chip .chip-count{color:var(--ink-soft);margin-left:4px;font-weight:500}.chip[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:#fff}.chip[aria-pressed=true] .chip-count{color:#d9efec}.recent-bar{background:var(--marigold-soft);border:1.5px solid var(--marigold);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;font-size:.95rem;display:none}.recent-bar.visible{display:flex}.recent-bar .recent-text{overflow-wrap:anywhere;font-weight:700}.recent-bar button{background:var(--marigold);color:#241a02;min-height:48px;font:inherit;cursor:pointer;border:none;border-radius:999px;padding:8px 14px;font-weight:700}.results-section{padding:12px 0 0}.results-section .result{background:var(--card)}.results{grid-template-columns:1fr;gap:10px;margin-top:14px;display:grid}.result{border:1.5px solid var(--line);background:var(--paper);cursor:pointer;border-radius:14px;align-items:stretch;gap:8px;padding:10px 10px 10px 14px;display:flex}.result:hover{border-color:var(--teal)}.result-main{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.result-name{letter-spacing:.05em;text-transform:uppercase;color:var(--teal);font-size:.78rem;font-weight:700}.result-text{font-size:var(--result-size);overflow-wrap:anywhere;color:var(--ink);margin:2px 0 0;line-height:1.3}.result-actions{flex:none;align-items:center;gap:6px;display:flex}.fav-btn{border:1.5px solid var(--line);background:var(--card);min-width:48px;min-height:48px;color:var(--ink-soft);cursor:pointer;border-radius:12px;font-size:21px;line-height:1}.fav-btn[aria-pressed=true]{color:#d6336c;background:#fdf2f6;border-color:#d6336c}[data-theme=dark] .fav-btn[aria-pressed=true]{background:#3a1f2a}.copy-btn{background:var(--teal);color:#fff;min-height:48px;font:inherit;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:7px;padding:10px 16px;font-weight:700;display:inline-flex}.copy-btn svg{flex:none;width:17px;height:17px}.copy-btn.copied{background:var(--ok)}.empty-msg{text-align:center;color:var(--ink-soft);border:1.5px dashed var(--line);border-radius:14px;margin-top:14px;padding:22px 16px;display:none}.empty-msg.visible{display:block}.share-row{margin-top:18px}.share-row p{margin-bottom:8px;font-weight:700}.share-btns{flex-wrap:wrap;gap:8px;display:flex}.share-btn{color:#fff;border-radius:999px;align-items:center;min-height:48px;padding:10px 18px;font-weight:700;text-decoration:none;display:inline-flex}.share-btn.wa{background:#1faa55}.share-btn.tg{background:#229ed9}.share-btn.fb{background:#1877f2}.sticky-bar{z-index:40;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--card);border-top:1.5px solid var(--line);align-items:center;gap:8px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #211c141f}.sticky-bar.visible{display:flex}.sticky-bar input{border:2px solid var(--teal);min-width:0;min-height:48px;font:inherit;background:var(--paper);color:var(--ink);border-radius:999px;flex:1;padding:8px 16px}.sticky-bar button{background:var(--teal);color:#fff;min-height:48px;font:inherit;cursor:pointer;border:none;border-radius:999px;flex:none;padding:8px 16px;font-weight:700}.toast{z-index:60;background:var(--ink);max-width:min(92vw,480px);color:var(--paper);opacity:0;pointer-events:none;overflow-wrap:anywhere;border-radius:12px;padding:12px 18px;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;bottom:18px;left:50%;transform:translate(-50%,20px)}.toast.visible{opacity:1;transform:translate(-50%)}body.bar-visible .toast{bottom:92px}.section{padding:34px 0 6px}.section>.wrap>p{max-width:46em}.steps{gap:12px;margin-top:14px;display:grid}.step{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);padding:16px}.step .step-num{background:var(--marigold);color:#241a02;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:8px;font-weight:800;display:inline-flex}.step h3{margin-bottom:4px}.step p{color:var(--ink-soft);margin:0}.cat-grid{gap:12px;margin-top:14px;display:grid}.cat-card{text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);font:inherit;color:var(--ink);cursor:pointer;min-height:48px;padding:16px}.cat-card:hover{border-color:var(--teal)}.cat-card h3{color:var(--teal-dark);margin-bottom:4px}.cat-card p{color:var(--ink-soft);margin:0;font-size:.96rem}.cat-card .cat-count{color:var(--marigold);font-weight:700}.use-grid{gap:12px;margin-top:14px;display:grid}.use-item{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);padding:16px}.use-item h3{margin-bottom:4px}.use-item p{color:var(--ink-soft);margin:0}.faq details{background:var(--card);border:1.5px solid var(--line);border-radius:14px;margin-top:10px;padding:4px 16px}.faq summary{cursor:pointer;align-items:center;min-height:48px;padding:12px 0;font-weight:700;display:flex}.faq details p{color:var(--ink-soft)}.site-footer{background:var(--paper-2);margin-top:44px;padding:26px 0 90px}.site-footer nav{flex-wrap:wrap;gap:6px 18px;margin-bottom:12px;display:flex}.site-footer nav a{align-items:center;min-height:48px;font-weight:600;display:inline-flex}.site-footer .nav-label{min-height:48px;color:var(--ink);align-items:center;font-weight:700;display:inline-flex}.site-footer p{color:var(--ink-soft);margin:0 0 6px;font-size:.92rem}@media (width>=720px){.results{grid-template-columns:1fr 1fr}.steps,.cat-grid{grid-template-columns:repeat(3,1fr)}.use-grid{grid-template-columns:repeat(2,1fr)}.controls{grid-template-columns:1fr 1fr;align-items:end}.control-row.full{grid-column:1/-1}}@media (width>=900px){h1{font-size:2.6rem}.chips{flex-wrap:wrap;overflow-x:visible}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:28px;display:grid}.hero-grid>*{min-width:0}.hero{padding-top:30px}.use-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1100px){.results{grid-template-columns:repeat(3,1fr)}}.mix-row{flex-wrap:wrap;gap:8px;display:flex}.mix-row .ornament-btn{flex:none}#lbp-mix-select{border:1.5px solid var(--line);min-width:0;max-width:100%;min-height:52px;font:inherit;background:var(--paper);color:var(--ink);border-radius:12px;flex:200px;padding:10px 14px}#lbp-mix-select:disabled{opacity:.45}.mix-hint{color:var(--ink-soft);margin:0;font-size:.9rem}.breadcrumb{padding:16px 0 0}.breadcrumb ol{flex-wrap:wrap;align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li{align-items:center;display:inline-flex}.breadcrumb a,.breadcrumb [aria-current]{align-items:center;min-height:48px;padding:6px;font-weight:600;display:inline-flex}.breadcrumb [aria-current]{color:var(--ink-soft)}.breadcrumb .sep{color:var(--ink-soft);padding:0 2px}.examples-grid{gap:12px;margin-top:14px;display:grid}.example-card{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);padding:16px}.example-styled{overflow-wrap:anywhere;margin:0 0 6px;font-size:1.4rem;line-height:1.35}.example-meta{color:var(--ink-soft);margin:0;font-size:.92rem}.example-meta strong{color:var(--ink)}.tips{max-width:46em;padding-left:1.2em}.tips li{margin-bottom:6px}a.cat-card{text-decoration:none;display:block}.use-item h3 a{color:inherit;text-decoration:underline;text-decoration-color:var(--marigold);text-underline-offset:3px;text-decoration-thickness:2px}@media (width>=720px){.examples-grid{grid-template-columns:1fr 1fr}}.group-title{margin-top:26px}.letter-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px;margin-top:14px;display:grid}.letter-cell{border:1.5px solid var(--line);background:var(--card);min-height:76px;color:var(--ink);font:inherit;cursor:pointer;text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:12px 8px;display:flex}.letter-cell:hover{border-color:var(--teal)}.letter-cell.copied{border-color:var(--ok);background:var(--ok-soft)}.lc-glyph{overflow-wrap:anywhere;font-size:1.55rem;line-height:1.3}.lc-glyph.big{font-size:2.05rem}.lc-glyph.word{font-size:1.22rem}.lc-name{letter-spacing:.04em;text-transform:uppercase;color:var(--teal);overflow-wrap:anywhere;font-size:.7rem;font-weight:700}.sample-block{margin-top:6px}.sample-chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.letter-cell.sample{flex-direction:row;gap:8px;min-height:48px;padding:8px 14px}.letter-cell.sample .lc-name{text-transform:none;letter-spacing:0;color:var(--ink-soft);font-size:.82rem}.alpha-chart{margin-top:20px}.chart-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px;margin-top:10px;display:grid}.chart-cell{border:1.5px solid var(--line);background:var(--card);min-height:52px;color:var(--ink);overflow-wrap:anywhere;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 2px;font-size:1.3rem;line-height:1.25;text-decoration:none;display:flex}.chart-cell:hover{border-color:var(--teal)}.index-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.index-cell{min-height:76px;font-size:1.6rem}.idx-name{letter-spacing:.04em;text-transform:uppercase;color:var(--teal);font-size:.72rem;font-weight:700}.prevnext{gap:12px;margin-top:14px;display:grid}@media (width>=720px){.prevnext{grid-template-columns:1fr 1fr 1fr}}.tool-input{border:1.5px solid var(--line);width:100%;min-height:52px;font:inherit;background:var(--paper);color:var(--ink);border-radius:12px;padding:10px 14px}.tool-textarea{resize:vertical;border:2px solid var(--teal);width:100%;min-height:110px;font:inherit;background:var(--paper);color:var(--ink);border-radius:12px;padding:12px 14px;font-size:1.05rem}.output-box{border:1.5px solid var(--line);background:var(--paper);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:12px;min-height:56px;padding:12px 14px}.output-head{justify-content:space-between;align-items:center;gap:8px;margin:18px 0 6px;font-weight:700;display:flex}.output-head:first-child{margin-top:4px}.num-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.num-row:last-child{border-bottom:none}.num-name{color:var(--teal-dark);flex:0 0 8.6em;font-size:.88rem;font-weight:700}.num-out{overflow-wrap:anywhere;flex:1;min-width:0;font-size:1.35rem;line-height:1.35}.inv-preview{border:1.5px dashed var(--teal);background:var(--teal-soft);overflow-wrap:anywhere;border-radius:12px;min-height:56px;margin-top:10px;padding:12px 14px}.count-label{color:var(--ink-soft);font-size:.9rem}.cat-index{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.cat-index a{text-decoration:none}.kata-cell .idx-name{text-transform:none;letter-spacing:0}.chart-cell.copied{border-color:var(--ok);background:var(--ok-soft)}button.chart-cell{cursor:pointer;font:inherit}