:root{--tick-blue: #1800AD;--tick-red: #FF3131;--tick-red-tint: #FFC2C2;--ink: #000000;--surface-100: #FFFFFF;--neutral-500: #6B6B6B;--neutral-200: #E5E5E5;--radius-sm: 4px;--radius-md: 10px;--radius-lg: 20px;--radius-full: 999px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--surface-100)}h1,h2{font-family:Big Caslon,Georgia,Times New Roman,serif}button,input,select,textarea{font-family:inherit}.brand-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--neutral-200)}.brand-bar-mark{display:block;line-height:0}.brand-bar-mark img{height:20px;width:auto;display:block}.brand-bar-actions{display:flex;align-items:center;gap:14px}.anon-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--neutral-500);cursor:pointer}.color-picker-popover{position:absolute;top:24px;right:0;z-index:30;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-md);padding:10px;box-shadow:0 8px 24px #0000001f}.btn-primary{background:var(--tick-blue);color:#fff;border:none;border-radius:var(--radius-md);padding:12px 22px;font-size:15px;font-weight:600;cursor:pointer}.btn-primary:hover{background:#120086}.btn-primary:disabled{opacity:.5;cursor:default}.btn-outline{border:1px solid var(--neutral-200);color:var(--ink);background:#fff;border-radius:var(--radius-md);padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer}.btn-outline:hover{border-color:var(--tick-blue);color:var(--tick-blue)}.centered-card{max-width:420px;margin:15vh auto 0;padding:0 24px;text-align:center}.centered-card input[type=email]{width:100%;padding:12px 14px;border:1px solid var(--neutral-200);border-radius:var(--radius-md);font-size:15px;margin-bottom:12px}.doc-layout{display:grid;grid-template-columns:1fr 320px;gap:32px;max-width:1100px;margin:0 auto;padding:32px 24px 80px}.doc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.doc-text{font-size:17px;line-height:1.8}.doc-text p{margin:0 0 18px}.doc-section-heading{font-size:20px;font-weight:600;margin:28px 0 12px}.word-btn{display:inline;background:none;border:none;padding:1px 2px;margin:0;font:inherit;color:inherit;cursor:pointer;border-radius:3px;position:relative}.word-btn:hover{background:var(--tick-red-tint)}.tickmark-glyph{display:inline-block;font-size:12px;line-height:1;margin-left:2px;vertical-align:middle;font-style:normal}@keyframes word-flash{0%,to{background:transparent}30%{background:var(--tick-red-tint)}}.word-flash{animation:word-flash 1.2s ease;border-radius:3px}.sidebar{display:flex;flex-direction:column;gap:24px}.sidebar-card{border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:16px}.sidebar-card h3{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--neutral-500);margin:0 0 10px;font-family:inherit;font-weight:700}.presence-row,.comment-row{display:flex;align-items:flex-start;gap:8px;font-size:13px;margin-bottom:10px}.color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:4px}.comment-body{color:var(--ink)}.comment-meta{color:var(--neutral-500);font-size:11px}.sidebar-item-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.comment-anchor{display:block;background:none;border:none;padding:0;margin:0 0 3px;font-size:11px;font-style:italic;color:var(--tick-blue);text-align:left;cursor:pointer;max-width:100%}.comment-anchor:hover{text-decoration:underline}.anchor-highlight{background:var(--tick-red-tint);color:inherit;padding:0 1px;border-radius:2px}.remove-link{background:none;border:none;padding:0;font-size:11px;color:var(--neutral-500);cursor:pointer;flex-shrink:0}.remove-link:hover{color:var(--tick-red);text-decoration:underline}.tickmark-symbol-row{display:flex;gap:6px;margin-bottom:8px}.tickmark-symbol-btn{border:1px solid var(--neutral-200);background:#fff;border-radius:var(--radius-md);width:36px;height:36px;font-size:16px;cursor:pointer}.tickmark-symbol-btn:hover{border-color:var(--tick-blue)}.key-popover{position:absolute;top:44px;left:0;z-index:30;background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-md);padding:14px;width:220px;box-shadow:0 8px 24px #0000001f}.key-row{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:6px}.key-glyph{width:20px;text-align:center}.splash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.splash-card{background:#fff;border-radius:var(--radius-lg);padding:32px;max-width:480px;max-height:80vh;overflow-y:auto}.splash-card ul{padding-left:20px;margin:0 0 20px}.splash-card li{margin-bottom:10px;font-size:14px;line-height:1.5}.splash-wordmark{height:26px;width:auto;display:block;margin-bottom:20px}.reference-list{display:flex;flex-direction:column;gap:10px;margin:-6px 0 18px}.reference-item{margin-bottom:14px}.reference-item img,.reference-item video{max-width:100%;border-radius:var(--radius-sm)}.reference-item .caption{font-size:12px;color:var(--neutral-500);margin-top:4px}.composer-popover{position:fixed;z-index:20;background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f;padding:12px;width:280px}.composer-popover .ProseMirror{outline:none;min-height:60px;font-size:14px;border:1px solid var(--neutral-200);border-radius:var(--radius-sm);padding:8px}.composer-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.paywall-banner{border:1px solid var(--tick-blue);background:#f4f3ff;border-radius:var(--radius-md);padding:14px 16px;font-size:13px;margin-bottom:16px}.home{max-width:720px;margin:0 auto;padding:0 24px 96px}.home-hero{padding:88px 0 64px;border-bottom:1px solid var(--neutral-200)}.home-eyebrow{margin:0 0 16px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tick-red)}.home-hero h1{margin:0 0 20px;font-size:clamp(36px,6vw,56px);line-height:1.08;font-weight:400;color:var(--tick-blue);text-wrap:balance}.home-lede{margin:0;max-width:580px;font-size:18px;line-height:1.65;color:#333}.home-articles{padding-top:48px}.home-articles h2{margin:0 0 16px;font-size:13px;font-family:inherit;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--neutral-500)}.home-muted{color:var(--neutral-500)}.home-error{color:#b00020}.home-article-list{list-style:none;margin:0;padding:0}.home-article{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--neutral-200);text-decoration:none;color:inherit}.home-article-title{font-family:Big Caslon,Georgia,Times New Roman,serif;font-size:22px;line-height:1.3}.home-article:hover .home-article-title{color:var(--tick-blue)}.home-article-date{flex-shrink:0;font-size:13px;color:var(--neutral-500)}@media (max-width: 560px){.home-hero{padding:56px 0 40px}.home-article{flex-direction:column;gap:4px}}.btn-small{padding:6px 12px;font-size:13px;text-decoration:none;display:inline-block}.form-error{color:#b00020;font-size:13px;margin:8px 0 0}.sidebar-empty{font-size:13px;color:var(--neutral-500);margin:0}.field{display:flex;flex-direction:column;gap:6px;margin:0 0 16px;text-align:left}.field-compact{margin-bottom:10px}.field-label{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--neutral-500)}.field input[type=text],.field input[type=email],.key-row-editing input{width:100%;padding:10px 12px;border:1px solid var(--neutral-200);border-radius:var(--radius-sm);font-size:15px;color:var(--ink);background:var(--surface-100)}.field-compact input[type=text]{padding:8px 10px;font-size:14px}.field input:focus-visible,.key-row-editing input:focus-visible{outline:2px solid var(--tick-blue);outline-offset:1px;border-color:var(--tick-blue)}.field-hint{display:block;font-size:12px;line-height:18px;color:var(--neutral-500);font-weight:400;text-transform:none;letter-spacing:0}.check-field{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:20px;cursor:pointer;text-align:left;margin:0 0 16px}.check-field input{margin-top:3px;accent-color:var(--tick-blue)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:110;padding:16px}.modal-card{background:var(--surface-100);border-radius:var(--radius-lg);padding:32px;width:100%;max-width:440px;max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:0 24px 64px #0000002e}.modal-card h2{font-size:30px;line-height:1.1;font-weight:600;margin:0 0 8px}.modal-monogram{width:56px;height:auto;display:block;margin-bottom:16px}.modal-lede{font-size:15px;line-height:24px;color:var(--neutral-500);margin:0 0 20px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.identify-preview{display:flex;flex-direction:column;gap:4px;font-size:14px;padding:12px 14px;border:1px solid var(--neutral-200);border-radius:var(--radius-md);margin:0 0 20px}.identify-preview:has(.identify-preview-glyph){flex-direction:row;align-items:center;gap:12px}.identify-preview-glyph{font-size:24px;line-height:1}.identify-preview-label{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--neutral-500)}.splash-brand{display:flex;align-items:center;gap:14px;margin-bottom:20px}.splash-monogram{width:44px;height:auto;display:block}.splash-brand .splash-wordmark{margin-bottom:0}.splash-lede{font-size:18px;line-height:28px;margin:0 0 16px}.splash-steps{padding-left:22px;margin:0 0 16px}.splash-steps li{margin-bottom:10px;font-size:14px;line-height:1.5}.splash-steps li::marker{color:var(--tick-blue);font-weight:700}.splash-fine{font-size:12px;line-height:18px;color:var(--neutral-500);margin:0 0 20px}.account-menu{position:relative}.account-trigger{display:flex;align-items:center;gap:8px;background:none;border:1px solid transparent;border-radius:var(--radius-full);padding:6px 10px;font-size:13px;color:var(--ink);cursor:pointer}.account-trigger:hover{border-color:var(--neutral-200)}.account-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:40;width:280px;background:var(--surface-100);border:1px solid var(--neutral-200);border-radius:var(--radius-md);padding:16px;box-shadow:0 8px 24px #0000001f}.color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:8px 0 12px}.color-swatch{width:28px;height:28px;border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;padding:0}.color-swatch.is-selected{box-shadow:0 0 0 2px var(--surface-100),0 0 0 4px var(--ink)}.account-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--neutral-200);padding-top:10px}.composer-popover.is-wide{width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto}.glyph-picker-label{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--neutral-500);margin-bottom:8px}.glyph-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.glyph-btn,.glyph-cell{border:1px solid var(--neutral-200);background:var(--surface-100);border-radius:var(--radius-sm);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.glyph-btn{width:38px;height:38px}.glyph-cell{width:100%;aspect-ratio:1;border-color:transparent;color:var(--ink)}.glyph-btn:hover,.glyph-cell:hover{border-color:var(--tick-blue)}.glyph-btn.is-selected,.glyph-cell.is-selected{border-color:var(--tick-blue);box-shadow:inset 0 0 0 1px var(--tick-blue)}.glyph-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 8px}.glyph-tab{border:1px solid var(--neutral-200);background:var(--surface-100);border-radius:var(--radius-full);padding:3px 10px;font-size:12px;color:var(--neutral-500);cursor:pointer}.glyph-tab.is-active{background:var(--tick-blue);border-color:var(--tick-blue);color:#fff}.glyph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:2px;max-height:176px;overflow-y:auto;border:1px solid var(--neutral-200);border-radius:var(--radius-sm);padding:4px;margin-bottom:12px}.glyph-define{display:flex;align-items:flex-start;gap:12px;border-top:1px solid var(--neutral-200);padding-top:12px}.glyph-define-preview{font-size:32px;line-height:1;width:40px;text-align:center;padding-top:20px}.key-row{display:flex;align-items:flex-start;gap:10px;font-size:13px;margin-bottom:10px}.key-row-editing{align-items:center}.key-row-editing input{padding:6px 8px;font-size:13px;flex:1;min-width:0}.key-glyph{width:22px;flex-shrink:0;text-align:center;font-size:17px;line-height:20px}.key-meaning{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;line-height:20px}.clock-card{padding-bottom:12px}.sentence-clock{display:block;width:100%;max-width:220px;margin:0 auto}.clock-rim{fill:none;stroke:var(--neutral-200);stroke-width:1}.clock-tick{cursor:pointer}.clock-hit{stroke:transparent}.clock-line{stroke:#00000038;stroke-linecap:round;transition:stroke .15s ease}.clock-line.is-marked{stroke:var(--ink)}.clock-line.is-current,.clock-tick:hover .clock-line{stroke:var(--tick-blue)}.clock-hand{stroke:var(--tick-blue);stroke-width:2.5;stroke-linecap:round;transition:all .3s ease}.clock-pin{fill:var(--tick-red)}.clock-count{font-size:12px;fill:var(--neutral-500);font-variant-numeric:tabular-nums}.clock-caption{font-size:12px;line-height:18px;color:var(--neutral-500);text-align:center;margin:6px 0 0}@media (max-width: 860px){.doc-layout{grid-template-columns:1fr;gap:24px;padding:24px 16px 64px}.brand-bar{padding:12px 16px;gap:12px}.brand-bar-actions{gap:8px}.modal-card{padding:24px}}
