.site{max-width:880px;margin:0 auto;padding:0 16px}.site-header{padding:20px 0}.site .logo{color:var(--color-brand);font-size:20px;font-weight:700;text-decoration:none}.site a{color:var(--color-brand)}.site .secondary{color:var(--color-text-secondary)}.site .muted{color:var(--color-text-muted);font-size:13px}.site .card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:20px;padding:20px}.site .primary-button,.site .secondary-button{border-radius:999px;align-items:center;min-height:44px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.site .primary-button{background:var(--color-brand);color:var(--color-on-brand)}.site .secondary-button{border:1px solid var(--color-border-control);background:var(--color-surface);color:var(--color-text)}.hero{gap:16px;padding:40px 0 32px;display:grid}.hero h1{gap:8px;margin:0;font-size:36px;display:grid}.hero-lead{font-size:22px;font-weight:600}.hero p{margin:0;font-size:17px;line-height:1.6}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.steps h2{margin:8px 0 6px;font-size:17px}.steps p{margin:0;line-height:1.6}.step-number{color:var(--color-brand);font-weight:700}.faq{padding:32px 0}.faq dt{margin-top:16px;font-weight:600}.faq dd{margin:6px 0 0;line-height:1.6}.document{padding:16px 0 32px;line-height:1.7}.document h1{margin:0 0 4px}.document h2{margin:28px 0 8px;font-size:18px}.document table{border-collapse:collapse}.document .table-scroll{overflow-x:auto}.document th,.document td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;padding:6px 12px 6px 0}.document thead th{white-space:nowrap}.document tbody th{min-width:8em;font-weight:600}.unconfirmed{background:var(--color-warn-bg);color:var(--color-warn-text);border-radius:4px;padding:0 4px}.site footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);padding:24px 0 40px;font-size:13px}.site footer nav{flex-wrap:wrap;gap:16px;display:flex}.connect{box-sizing:border-box;place-items:center;min-height:100vh;padding:16px;display:grid}.connect .card{box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-surface);border-radius:20px;gap:14px;width:min(100%,420px);padding:28px;display:grid}.connect h1{margin:0;font-size:22px}.connect p{margin:0}.connect .secondary{color:var(--color-text-secondary)}.connect .muted{color:var(--color-text-muted);font-size:12px}.connect .danger{color:var(--color-danger-text)}.connect .secondary-button{border:1px solid var(--color-border-control);background:var(--color-surface);min-height:44px;color:var(--color-text);font:inherit;cursor:pointer;border-radius:999px;justify-self:start;padding:0 18px}.connect a.secondary-button{box-sizing:border-box;align-items:center;text-decoration:none;display:inline-flex}.connect .primary-button{background:var(--color-brand);min-height:48px;color:var(--color-on-brand);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 18px;font-weight:600}.connect .danger-button{min-height:44px;box-shadow:inset 0 0 0 1.5px var(--color-danger-text);background:var(--color-surface);color:var(--color-danger-text);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 18px;font-weight:600}.connect .primary-button:disabled,.connect .secondary-button:disabled,.connect .danger-button:disabled{opacity:.6;cursor:default}.connect .brand{color:var(--color-brand);font-weight:700}.connect .title{gap:6px;display:grid}.connect .title h1{font-size:24px}.connect a{color:var(--color-brand);text-underline-offset:3px}.connect .account{background:var(--color-surface-inset);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.connect .avatar{background:var(--color-brand);width:32px;height:32px;color:var(--color-on-brand);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.connect .account-text{overflow-wrap:anywhere;min-width:0;display:grid}.connect .account .label{color:var(--color-text-muted);font-size:11px}.connect .terms-box{border:1.5px solid var(--color-border-control);border-radius:14px;gap:4px;padding:14px;display:grid}.connect .terms-box:has(input:checked){border-color:var(--color-brand);background:var(--color-row-selected)}.connect .terms-check{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-weight:600;display:flex}.connect .terms-check input{width:22px;height:22px;accent-color:var(--color-brand);cursor:pointer;flex:none;margin:0}.connect .terms-box .hint{color:var(--color-text-muted);padding-left:32px;font-size:13px}.connect .primary-button:disabled{background:var(--color-border);color:var(--color-text-muted);opacity:1}.connect .text-button{min-height:44px;color:var(--color-text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:center;padding:0 18px}.connect .card.wide{width:min(100%,680px)}.connect .doc-box{gap:6px;display:grid}.connect .doc-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.connect .doc-head h2{margin:0;font-size:16px}.connect .doc-scroll{border:1px solid var(--color-border);background:var(--color-bg);border-radius:14px;max-height:220px;padding:4px 16px 12px;font-size:14px;overflow-y:auto}.connect .doc-scroll h2{margin:20px 0 6px;font-size:15px}.connect .doc-scroll p{margin:8px 0}.connect .history{width:min(100%,640px)}.history ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.history li{border:1px solid var(--color-border);border-radius:14px;gap:8px;padding:16px;display:grid}.history .sentence{overflow-wrap:anywhere;font-size:16px}.history .actions{flex-wrap:wrap;gap:8px;display:flex}.history{--color-surface-inset:#e6f0e9;--color-warn-border:#b26a00;--color-highlight-0:#ddf27a;--color-highlight-0-text:#3d4a00;--color-highlight-1:#bde3ff;--color-highlight-1-text:#0f4a78;--color-highlight-2:#ffd6a8;--color-highlight-2-text:#7a3e00;--color-highlight-3:#f7c8e0;--color-highlight-3-text:#7a1f4f}.history h2{margin:8px 0 0;font-size:16px}.history h3,.history h4{margin:0;font-size:16px}.history .back-link{color:var(--color-text-secondary);font-size:14px}.history .sentence-title{overflow-wrap:anywhere;font-size:22px;font-weight:500;line-height:1.9}.history .sentence-link{color:inherit;text-decoration:none}.history .sentence-link:hover{text-decoration:underline}.history .translation{color:var(--color-text-secondary)}.history .grammar-card,.history .word-row{background:var(--color-surface);border-radius:20px}.history .grammar-card.divergent{border:1.5px dashed var(--color-warn-border)}.history .grammar-parts li{background:var(--color-surface-inset);border:0;border-radius:14px;padding:12px}.history .grammar-card-head,.history .word-head,.history .tag-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.history .grammar-chip{background:var(--highlight);color:var(--highlight-text);border-radius:999px;padding:3px 12px}.highlight-0{--highlight:var(--color-highlight-0);--highlight-text:var(--color-highlight-0-text)}.highlight-1{--highlight:var(--color-highlight-1);--highlight-text:var(--color-highlight-1-text)}.highlight-2{--highlight:var(--color-highlight-2);--highlight-text:var(--color-highlight-2-text)}.highlight-3{--highlight:var(--color-highlight-3);--highlight-text:var(--color-highlight-3-text)}.history .card-badges{gap:6px;display:flex}.history .badge-warn,.history .badge-neutral{border-radius:999px;margin-left:6px;padding:2px 8px;font-size:12px;display:inline-block}.history .card-badges .badge-warn,.history .card-badges .badge-neutral{margin-left:0}.history .badge-warn{background:var(--color-warn-bg);color:var(--color-warn-text)}.history .badge-neutral{background:var(--color-surface-inset);color:var(--color-text-secondary)}.history ul.tags{flex-wrap:wrap;gap:6px;display:flex}.history ul.tags li{border:1px solid var(--color-border-control);color:var(--color-text-secondary);border-radius:999px;padding:2px 10px;font-size:12px}.history ul.alternatives li{border:0;padding:0}:root{--color-bg:#f2f7f3;--color-surface:#fff;--color-surface-inset:#e6f0e9;--color-row-selected:#eef7f1;--color-text:#17302a;--color-text-secondary:#33473f;--color-text-muted:#5a6b63;--color-border:#dce7e0;--color-border-control:#cfddd4;--color-border-subtle:#e1ece5;--color-danger-text:#9f1d1d;--color-warn-bg:#fff1d0;--color-warn-text:#6b4100;--color-brand:#157a57;--color-on-brand:#fff}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:system-ui,sans-serif}