*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#ffffff;--bg2:#f5f5f3;--bg3:#ededea;--border:rgba(0,0,0,0.12);--border2:rgba(0,0,0,0.22);--text:#1a1a1a;--text2:#555;--text3:#999;--blue-bg:#E6F1FB;--blue-border:#85B7EB;--blue-text:#0C447C;--blue-mid:#378ADD;--green-bg:#EAF3DE;--green-text:#3B6D11;--radius:8px;--radius-lg:12px;--mono:"Menlo","Monaco","Consolas",monospace}@media (prefers-color-scheme:dark){:root{--bg:#1c1c1a;--bg2:#252523;--bg3:#2e2e2b;--border:rgba(255,255,255,0.1);--border2:rgba(255,255,255,0.2);--text:#f0efe8;--text2:#a8a89e;--text3:#666;--blue-bg:#0c2a44;--blue-border:#185FA5;--blue-text:#85B7EB;--blue-mid:#378ADD;--green-bg:#172a09;--green-text:#97C459}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg3);color:var(--text);min-height:100vh;padding:2rem 1rem;line-height:1.6}.page{max-width:780px;margin:0 auto}.header{margin-bottom:2rem}.header h1{font-size:22px;font-weight:500;margin-bottom:4px}.header p{font-size:14px;color:var(--text2)}.badges{display:flex;gap:6px;margin-top:10px}.badge{font-size:11px;background:var(--bg2);border:.5px solid var(--border);border-radius:var(--radius);padding:2px 10px;color:var(--text2)}.section{background:var(--bg);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1rem}.section.dashed{background:var(--bg2);border-style:dashed}.section-label{font-size:11px;font-weight:500;color:var(--text3);letter-spacing:.07em;margin-bottom:10px;text-transform:uppercase}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;min-height:28px}.tag{display:inline-flex;align-items:center;gap:4px;background:var(--bg2);border:.5px solid var(--border2);border-radius:var(--radius);padding:3px 8px 3px 10px;font-size:13px;color:var(--text)}.tag-x{cursor:pointer;font-size:16px;color:var(--text3);line-height:1}.tag-x:hover{color:#e24b4a}.add-row{display:flex;gap:8px}input[type=email],input[type=text]{flex:1 1;height:36px;padding:0 12px;background:var(--bg2);border:.5px solid var(--border2);border-radius:var(--radius);font-size:13px;color:var(--text);outline:none}input[type=email]:focus,input[type=text]:focus{border-color:var(--blue-mid);box-shadow:0 0 0 3px rgba(55,138,221,.15)}button{height:36px;padding:0 14px;background:var(--bg);border:.5px solid var(--border2);border-radius:var(--radius);font-size:13px;color:var(--text);cursor:pointer;white-space:nowrap}button:hover{background:var(--bg2)}button:active{transform:scale(.98)}.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:6px;gap:6px;margin-bottom:10px}.perm-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--radius);border:.5px solid var(--border);cursor:pointer;font-size:13px;background:var(--bg);color:var(--text);-webkit-user-select:none;-moz-user-select:none;user-select:none}.perm-item:hover{background:var(--bg2)}.perm-item.active{background:var(--blue-bg);border-color:var(--blue-border);color:var(--blue-text)}.perm-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--border2);flex-shrink:0}.perm-item.active .perm-dot{background:var(--blue-mid);border-color:var(--blue-mid)}.opt-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;font-size:13px}.opt-grid label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text2)}.gen-btn{width:100%;height:44px;font-size:14px;font-weight:500;margin-bottom:1.5rem;cursor:pointer;background:var(--text);color:var(--bg);border:none;border-radius:var(--radius-lg)}.gen-btn:hover{opacity:.88}.gen-btn:active{transform:scale(.99)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:1rem}.stat{background:var(--bg2);border-radius:var(--radius);padding:12px;text-align:center}.stat-n{font-size:22px;font-weight:500}.stat-l{font-size:11px;color:var(--text2)}.dialect-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dialect-tabs{display:flex;gap:6px}.d-tab{font-size:12px;padding:4px 14px;border-radius:var(--radius);border:.5px solid var(--border);cursor:pointer;background:var(--bg2);color:var(--text2)}.d-tab.active{background:var(--blue-bg);border-color:var(--blue-border);color:var(--blue-text);font-weight:500}.copy-btn{font-size:12px;height:30px;padding:0 14px}.code-block{background:var(--bg2);border:.5px solid var(--border);border-radius:var(--radius);padding:1rem;font-family:var(--mono);font-size:12px;line-height:1.75;white-space:pre;overflow-x:auto;max-height:480px;overflow-y:auto;color:var(--text)}.kw{color:#185FA5}.cm{color:var(--text3)}.str{color:#3B6D11}@media (prefers-color-scheme:dark){.kw{color:#85B7EB}.str{color:#97C459}}.subscribe-section{background:var(--blue-bg);border:.5px solid var(--blue-border);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1rem}.subscribe-section .section-label,.subscribe-section p{color:var(--blue-text)}.subscribe-section p{font-size:13px;margin-bottom:10px;opacity:.85}.subscribe-success{font-size:13px;color:var(--green-text);background:var(--green-bg);border-radius:var(--radius);padding:8px 12px}.subscribe-error{font-size:13px;color:#c0392b}.footer{margin-top:2rem;text-align:center;font-size:12px;color:var(--text3)}.footer a{color:var(--text2);text-decoration:none}.footer a:hover{text-decoration:underline}