@font-face { font-family:"Unbounded"; src:url("/assets/fonts/unbounded-latin.woff2") format("woff2"); font-style:normal; font-weight:200 900; font-display:swap; }
:root { --paper:#f1f3f0; --paper-bright:#fafbf8; --paper-deep:#e3e7e3; --ink:#171b22; --ink-soft:#596167; --rule:#aeb5b8; --rule-dark:#727b83; --cobalt:#174fc9; --cobalt-dark:#103a94; --cobalt-wash:#dbe5ff; --vermilion:#c83927; --amber:#d39717; --success:#176d53; }
* { box-sizing:border-box; }
html { min-height:100%; background:var(--paper); }
html.auth-pending body { visibility:hidden; }
body { min-width:320px; min-height:100vh; margin:0; color:var(--ink); background:linear-gradient(rgba(23,27,34,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,27,34,.025) 1px,transparent 1px),var(--paper); background-size:100% 42px,42px 100%; font-family:"Segoe UI Variable",Aptos,"Segoe UI",sans-serif; font-size:12px; }
button,input,select { color:inherit; font:inherit; border-radius:0; }
button,select { cursor:pointer; }
a { color:inherit; }
::selection { color:white; background:var(--cobalt); }
:focus-visible { outline:3px solid var(--cobalt); outline-offset:2px; }
a,button,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:rgba(23,79,201,.18)}
.skip-link { position:fixed; z-index:100; top:8px; left:8px; padding:10px 14px; color:white; background:var(--ink); transform:translateY(-140%); }.skip-link:focus{transform:none}
.utility-button,.download-action { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 14px; border:1px solid var(--ink); color:var(--ink); background:var(--paper-bright); font:760 10px/1 "Cascadia Mono",Consolas,monospace; text-decoration:none; text-transform:uppercase; }
.utility-button:hover,.download-action:hover { color:white; background:var(--ink); }
.phrase-status { min-height:25px; padding:5px 18px; border-bottom:1px solid var(--rule-dark); color:var(--cobalt-dark); background:var(--cobalt-wash); font:10px/1.4 "Cascadia Mono",Consolas,monospace; }
.phrase-status[data-tone="error"] { color:#a72c1d; background:#f6dcd6; }
.phrase-main { width:min(1540px,100%); margin:0 auto; padding:32px 28px 72px; }
.phrase-heading { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:30px; align-items:end; padding-bottom:25px; border-bottom:2px solid var(--ink); }
.eyebrow,.section-index,label>span { font:760 10px/1.4 "Cascadia Mono",Consolas,monospace; letter-spacing:.08em; text-transform:uppercase; }
.phrase-heading h1 { max-width:970px; margin:9px 0 0; font:850 clamp(27px,4.5vw,58px)/.98 "Segoe UI Variable",Aptos,"Segoe UI",sans-serif; letter-spacing:-.045em; text-wrap:balance; }
.phrase-heading p { max-width:760px; margin:15px 0 0; color:var(--ink-soft); font-size:12px; line-height:1.55; }
.niche-switch,label { display:grid; gap:7px; }
input,select { width:100%; min-height:44px; padding:0 11px; border:1px solid var(--ink); background:var(--paper-bright); }
.signal-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-bottom:1px solid var(--ink); }
.signal-strip div { min-height:102px; padding:18px; border-right:1px solid var(--rule-dark); }.signal-strip div:last-child{border-right:0}
.signal-strip strong { display:block; font:850 clamp(26px,3.6vw,48px)/1 "Segoe UI Variable",Aptos,sans-serif; letter-spacing:-.04em; }
.signal-strip span { display:block; margin-top:8px; color:var(--ink-soft); font:720 10px/1.4 "Cascadia Mono",Consolas,monospace; text-transform:uppercase; }
.lab-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(310px,.65fr); align-items:start; border-bottom:1px solid var(--ink); }
.phrase-register { min-width:0; padding:28px 28px 36px 0; border-right:1px solid var(--rule-dark); }
.register-heading,.brief-builder>header,.brief-preview>header { display:flex; align-items:baseline; justify-content:space-between; gap:16px; padding-bottom:13px; border-bottom:2px solid var(--ink); }
.register-heading>div,.brief-builder>header,.brief-preview>header>div { display:flex; align-items:baseline; gap:11px; }
h2 { margin:0; font:850 clamp(18px,2vw,27px)/1.08 "Segoe UI Variable",Aptos,"Segoe UI",sans-serif; letter-spacing:-.04em; }
.register-heading>strong { color:var(--cobalt-dark); font:760 10px/1.4 "Cascadia Mono",Consolas,monospace; text-transform:uppercase; }
.register-tools { display:grid; grid-template-columns:minmax(240px,1fr) minmax(190px,.5fr); gap:10px; padding:15px 0; border-bottom:1px solid var(--rule-dark); }
.phrase-list { background:rgba(250,251,248,.6); }
.phrase-row { display:grid; grid-template-columns:34px minmax(0,1fr) 210px; min-height:112px; border-bottom:1px solid var(--rule); transition:background .14s ease; }
.phrase-row:has(input:checked) { background:var(--cobalt-wash); box-shadow:inset 4px 0 0 var(--cobalt); }
.phrase-pick { display:flex; align-items:flex-start; justify-content:center; padding-top:18px; border-right:1px solid var(--rule); }
.phrase-pick input { width:18px; min-height:18px; accent-color:var(--cobalt); }
.phrase-copy { min-width:0; padding:15px 18px; }
.phrase-copy h3 { margin:0; font-size:15px; line-height:1.2; overflow-wrap:anywhere; }
.phrase-meta { display:flex; flex-wrap:wrap; gap:7px 13px; margin-top:9px; color:var(--ink-soft); font:9px/1.4 "Cascadia Mono",Consolas,monospace; text-transform:uppercase; }
.phrase-warning { color:#a72c1d; }
.phrase-controls { display:grid; grid-template-columns:1fr; align-content:center; gap:8px; padding:12px; border-left:1px solid var(--rule); }
.phrase-controls select { min-height:36px; font-size:11px; }
.source-strip { display:flex; gap:4px; }
.source-strip img,.source-placeholder { width:38px; height:38px; border:1px solid var(--rule-dark); object-fit:cover; background:var(--paper-deep); }
.source-placeholder { display:grid; place-items:center; color:var(--ink-soft); font:9px "Cascadia Mono",monospace; }
.pagination { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; padding-top:16px; }
.pagination button { min-height:40px; border:1px solid var(--ink); background:var(--paper-bright); font:760 10px "Cascadia Mono",monospace; text-transform:uppercase; }.pagination button:last-child{justify-self:end}.pagination button:disabled{opacity:.38;cursor:not-allowed}
.pagination span { color:var(--ink-soft); font:10px "Cascadia Mono",monospace; }
.brief-builder { position:sticky; top:0; min-width:0; padding:28px; }
.builder-intro,.builder-note { color:var(--ink-soft); line-height:1.55; }
.builder-selection { display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:end; margin:20px 0; padding:15px 0; border-block:1px solid var(--rule-dark); }
.builder-selection strong { font:850 44px/1 "Segoe UI Variable",Aptos,"Segoe UI",sans-serif; color:var(--cobalt); }.builder-selection span{padding-bottom:4px;color:var(--ink-soft)}
.brief-builder label { margin-top:14px; }
.build-button { width:100%; min-height:48px; margin-top:18px; border:1px solid var(--ink); color:white; background:var(--ink); font-weight:800; }.build-button:hover:not(:disabled){background:var(--cobalt);border-color:var(--cobalt)}.build-button:disabled{opacity:.36;cursor:not-allowed}
.version-ledger { margin-top:28px; padding-top:17px; border-top:2px solid var(--ink); }
.version-heading { display:flex; justify-content:space-between; align-items:baseline; }.version-heading h3{margin:0;font-size:12px}.version-heading span{font:10px "Cascadia Mono",monospace}
.version-list { margin-top:9px; }.version-list>p{color:var(--ink-soft)}
.version-row { display:grid; grid-template-columns:1fr auto; gap:10px; padding:10px 0; border-top:1px dotted var(--rule-dark); }.version-row strong,.version-row span{display:block}.version-row span{margin-top:3px;color:var(--ink-soft);font-size:10px}.version-actions{display:flex;align-items:center;gap:8px}.version-actions a,.version-actions button{align-self:center;border:0;padding:4px;color:var(--cobalt-dark);background:transparent;font:760 9px "Cascadia Mono",monospace;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px}
.brief-preview { margin-top:34px; padding-top:8px; }
.brief-preview>p { color:var(--ink-soft); }
.preview-table-wrap { overflow-x:auto; border-bottom:1px solid var(--ink); }
table { width:100%; border-collapse:collapse; background:rgba(250,251,248,.7); }
th,td { padding:10px; border-bottom:1px solid var(--rule); text-align:left; vertical-align:top; }
th { font:760 9px "Cascadia Mono",monospace; text-transform:uppercase; } th:first-child,td:first-child{width:45px} th:nth-child(2){width:24%} th:last-child{width:17%}
.brief-editor{margin-top:28px;border-top:2px solid var(--ink);padding-top:18px}.brief-editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.brief-editor-heading h3{margin:0;font-size:18px}.brief-editor-heading p{margin:5px 0 0;color:var(--ink-soft);font:10px/1.4 "Cascadia Mono",monospace}.brief-editor-navigation{display:flex}.brief-editor-navigation button{width:42px;min-height:38px;border:1px solid var(--ink);background:var(--paper-bright)}.brief-editor-navigation button+button{border-left:0}.brief-editor-navigation button:disabled{opacity:.34;cursor:not-allowed}.brief-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin-top:18px}.brief-editor-grid .field-wide{grid-column:1/-1}.brief-editor-grid input,.brief-editor-grid textarea{width:100%;min-height:42px;border:1px solid var(--rule-dark);border-radius:0;padding:9px 10px;color:var(--ink);background:var(--paper-bright);font:12px/1.45 "Segoe UI Variable",Aptos,"Segoe UI",sans-serif}.brief-editor-grid textarea{resize:vertical}.brief-editor-grid textarea[readonly]{color:var(--ink-soft);background:var(--paper-deep)}.critic-panel{margin-top:16px;border-block:1px solid var(--rule-dark);padding:10px 0}.critic-panel p{margin:0;padding:6px 8px;font-size:10px;line-height:1.45}.critic-review{color:#74520a;background:#f5e9c8}.critic-block{color:#8f2418;background:#f6dcd6}.critic-clear{color:var(--success)}.brief-editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.brief-editor-actions .build-button{width:auto;min-width:210px;margin:0}.brief-editor-actions .utility-button{margin:0}.brief-editor-actions button:disabled{opacity:.36;cursor:not-allowed}
.phrase-error { max-width:680px; margin:60px auto; padding:26px; border:1px solid var(--vermilion); background:#f6dcd6; }.phrase-error h2{font-size:15px}.phrase-error p{margin:9px 0 20px}
@media(max-width:980px){.phrase-main{padding:24px 16px 56px}.phrase-heading{grid-template-columns:1fr}.signal-strip{grid-template-columns:repeat(2,1fr)}.signal-strip div:nth-child(2){border-right:0}.lab-layout{grid-template-columns:1fr}.phrase-register{padding-right:0;border-right:0}.brief-builder{position:static;padding:28px 0}.phrase-row{grid-template-columns:34px minmax(0,1fr) 170px}}
@media(max-width:600px){.phrase-main{padding:19px 11px 46px}.phrase-heading h1{font-size:27px}.signal-strip div{min-height:83px;padding:13px 9px}.signal-strip strong{font-size:27px}.register-tools{grid-template-columns:1fr}.phrase-row{grid-template-columns:32px minmax(0,1fr)}.phrase-controls{grid-column:2;border-left:0;padding:0 12px 12px;grid-template-columns:minmax(0,1fr) auto}.source-strip{justify-content:flex-end}.brief-builder{padding-bottom:38px}.brief-preview>header{align-items:flex-start}.download-action{min-width:118px;padding-inline:8px}table{min-width:700px}.brief-editor-grid{grid-template-columns:1fr}.brief-editor-grid .field-wide{grid-column:1}.brief-editor-actions{display:grid}.brief-editor-actions .build-button{width:100%;min-width:0}}