:root{--cork:#c69a63;--cork-dark:#a9793e;--card:#fff6c9;--index-card:#fdfcf7;--card-question:#fbe4ea;--card-answer:#e2f1de;--card-evidence-for:#dfecf8;--card-evidence-against:#fcecc4;--card-shadow:#00000040;--ink:#2a2118;--accent:#2e5339}body{color:var(--ink);background:var(--cork);background-image:radial-gradient(circle at 20% 30%,#0000000f 0,#0000 45%),radial-gradient(circle at 70% 60%,#0000000f 0,#0000 45%);min-height:100vh;margin:0;font-family:system-ui,sans-serif}.auth-card{max-width:360px;box-shadow:0 10px 30px var(--card-shadow);background:#fffdf9;border-radius:10px;margin:4rem auto;padding:2rem}.auth-card h1{text-align:center;margin-top:0}.mode-row{gap:.5rem;margin-bottom:1.5rem;display:flex}.mode-row button{border:1px solid var(--cork-dark);cursor:pointer;background:0 0;border-radius:6px;flex:1;padding:.5rem}.mode-row button.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}.auth-card form{flex-direction:column;gap:1rem;display:flex}.auth-card label{flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.auth-card input{font:inherit;border:1px solid #ccc;border-radius:6px;padding:.5rem}.auth-card button[type=submit]{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.6rem}.error{color:#a23b3b;font-size:.85rem}.success{color:var(--accent);font-size:.85rem}.board-header{justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.board-header h1{color:#fff;text-shadow:0 1px 2px #0006;font-size:1.25rem}.card-total{opacity:.85;margin-left:.5rem;font-size:.85rem;font-weight:400}.thread-title{all:unset;cursor:text;border-bottom:1px dashed #0000}.thread-title:hover,.thread-title:focus-visible{border-bottom-color:#ffffffb3}.rename-form input{font:inherit;border:1px solid #ccc;border-radius:6px;padding:.15rem .4rem;font-size:1.25rem;font-weight:700}.board-header a{color:#fff;text-shadow:0 1px 2px #0006}.board{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;min-height:calc(100vh - 70px);padding:0 1.5rem 2rem;display:flex}.board-empty{text-align:center;color:#fff;text-shadow:0 1px 2px #0006;width:100%;margin-top:4rem}.thread-nav{flex-wrap:wrap;gap:1rem;display:flex}.thread-nav a{color:#fff;opacity:.9;font-size:.85rem;text-decoration:none}.thread-nav a:hover{text-decoration:underline}.composer{max-width:480px;margin:0 auto 2rem;padding:0 1.5rem}.composer form{box-shadow:0 6px 20px var(--card-shadow);background:#fffdf9;border-radius:10px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.composer textarea{border:1px solid var(--cork-dark);min-height:80px;font:inherit;resize:vertical;border-radius:8px;padding:.75rem}.composer button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:flex-start;padding:.5rem 1.25rem}.composer-actions{gap:.5rem;display:flex}.composer button.secondary{border:1px solid var(--accent);color:var(--accent);background:0 0}.composer button:disabled{opacity:.6;cursor:default}.thread-picker{border:1px solid #d8cfa8;border-radius:6px;flex-direction:column;gap:.35rem;margin:0;padding:.75rem;display:flex}.thread-picker legend{padding:0 .25rem;font-size:.85rem;font-weight:600}.candidate{align-items:center;gap:.5rem;padding:.25rem 0;font-size:.9rem;display:flex}.similarity{color:#6b5f52;font-size:.8rem}.new-thread{flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.new-thread input{font:inherit;border:1px solid #ccc;border-radius:6px;padding:.5rem}.pin-card{--rule:1.5rem;--rule-blue:#c5dbea;--rule-red:#e8a0a0;width:calc(var(--rule) * 10);height:calc(var(--rule) * 6);background-color:var(--index-card);background-image:linear-gradient(to bottom, transparent calc(var(--rule) - 2px), var(--rule-red) calc(var(--rule) - 2px), var(--rule-red) var(--rule), transparent var(--rule)), repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--rule) - 1px), var(--rule-blue) calc(var(--rule) - 1px), var(--rule-blue) var(--rule));box-shadow:2px 4px 10px var(--card-shadow);font:inherit;font-size:.9rem;line-height:var(--rule);color:inherit;text-align:left;cursor:pointer;border:none;flex-direction:column;flex-shrink:0;padding:0 .9rem;transition:transform .1s;display:flex;overflow:hidden;transform:rotate(-1.5deg)}.card-header{height:var(--rule);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.card-kind{color:#6b5f52;letter-spacing:.03em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.68rem;font-weight:600;overflow:hidden}.pin-card.kind-question{background-color:var(--card-question)}.pin-card.kind-answer{background-color:var(--card-answer)}.pin-card.kind-evidence{background-color:var(--card-evidence-for)}.pin-card.kind-evidence.stance-against{background-color:var(--card-evidence-against)}.card-text{white-space:pre-wrap;overflow-wrap:anywhere;flex:1;min-height:0;padding-top:.2rem;display:block;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - .75rem),#0000);mask-image:linear-gradient(#000 calc(100% - .75rem),#0000)}.pin-card:nth-child(2n){transform:rotate(1.2deg)}.pin-card:hover,.pin-card:focus-visible{transform:rotate(0)scale(1.03)}.card-editor{background:var(--card);border:none;border-radius:10px;width:min(440px,90vw);padding:1.25rem;box-shadow:0 10px 30px #00000059}.card-editor::backdrop{background:#0006}.card-editor form{flex-direction:column;gap:.75rem;display:flex}.card-editor textarea{border:1px solid var(--cork-dark);min-height:120px;font:inherit;resize:vertical;border-radius:8px;padding:.75rem}.hint{color:#6b5f52;margin:0;font-size:.8rem}.card-editor-actions{gap:.5rem;display:flex}.card-editor-actions button{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;padding:.5rem 1rem}.card-editor-actions button.secondary{color:var(--accent);background:0 0}.card-editor-actions button.danger{color:#a23b3b;background:0 0;border-color:#a23b3b;margin-left:auto}.card-editor-actions button:disabled{opacity:.6;cursor:default}.card-status{color:#6b5f52;font-size:.7rem;font-style:italic;line-height:1}.card-status.failed{color:#a23b3b}.attention-link{background:var(--card);border-radius:999px;padding:.35rem .75rem;font-size:.85rem;font-weight:600;text-decoration:none;color:var(--ink)!important;text-shadow:none!important}.attention-error{background:var(--index-card);border-radius:6px;max-width:640px;margin:0 auto 1rem;padding:.5rem 1rem}.attention-entry{flex-direction:column;gap:.6rem;width:15rem;display:flex}.attention-entry:nth-child(2n) .pin-card{transform:rotate(1.2deg)}.attention-entry .pin-card:hover,.attention-entry .pin-card:focus-visible{transform:rotate(0)scale(1.03)}.attention-actions,.attention-actions form{flex-direction:column;gap:.4rem;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.chip{color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fdfcf7d9;border:1px solid #0000;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.85rem;display:flex}.chip:has(input:checked){background:var(--accent);color:#fff}.chip:has(input:focus-visible){outline-offset:2px;outline:2px solid #fff}.chip-mark:before{content:"+";width:1ch;font-weight:700;display:inline-block}.chip:has(input:checked) .chip-mark:before{content:"✓"}.chip-title{flex:1}.chip:has(input:checked) .similarity{color:#ffffffbf}.chip-button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:999px;padding:.4rem 1rem;font-size:.85rem;font-weight:600}.chip-button:disabled{opacity:.45;cursor:default}.new-thread-row{background:#fdfcf7d9;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .25rem .25rem .6rem;display:flex}.new-thread-row.is-chosen{background:var(--accent)}.new-thread-row input[type=text]{min-width:0;font:inherit;border:none;border-radius:999px;flex:1;padding:.25rem .6rem;font-size:.85rem}.attention-buttons{flex-wrap:wrap;align-items:center;gap:.25rem .75rem;margin-top:.15rem;display:flex}.attention-failure{background:var(--index-card);color:#a23b3b;border-radius:6px;margin:0;padding:.4rem .6rem;font-size:.8rem}.link-button{color:#fff;font:inherit;text-shadow:0 1px 2px #0006;cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:.8rem;text-decoration:underline}.capture{box-sizing:border-box;flex-direction:column;gap:1rem;max-width:560px;min-height:100dvh;margin:0 auto;padding:1rem;display:flex}.capture form{flex-direction:column;flex:1;gap:.75rem;display:flex}.capture textarea{background:var(--index-card);min-height:40dvh;box-shadow:0 6px 20px var(--card-shadow);font:inherit;resize:none;border:none;border-radius:10px;flex:1;padding:1rem;font-size:1.1rem}.capture button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:10px;padding:.9rem;font-size:1.1rem;font-weight:600}.capture button:disabled{opacity:.6}.capture-flash{color:#fff;text-align:center;text-shadow:0 1px 2px #0006;min-height:1.5rem;margin:0;font-weight:600}.capture-nav{justify-content:space-between;display:flex}.capture-nav a{color:#fff;text-shadow:0 1px 2px #0006}@media (width<=600px){.board{justify-content:center}}.thread-search{font:inherit;border:1px solid #ccc;border-radius:6px;margin-bottom:.25rem;padding:.45rem .6rem;font-size:.9rem}.create-thread{border:1px dashed var(--accent);color:var(--accent);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-self:flex-start;padding:.3rem .7rem;font-size:.85rem}.composer .create-thread{border:1px dashed var(--accent);color:var(--accent);background:0 0;padding:.3rem .7rem}.thread-nav-all{font-weight:600}.thread-index{max-width:560px;margin:0 auto;padding:0 1.5rem 2rem}.thread-index-controls{gap:.75rem;margin-bottom:1rem;display:flex}.thread-index-controls input{min-width:0;font:inherit;border:none;border-radius:8px;flex:1;padding:.5rem .75rem}.thread-index-controls .mode-row{margin:0}.thread-index-controls .mode-row button{border-color:var(--index-card);color:#fff;white-space:nowrap}.thread-index-controls .mode-row button.is-active{border-color:var(--accent)}.thread-index ul{background:var(--index-card);box-shadow:2px 4px 10px var(--card-shadow);border-radius:10px;margin:0;padding:0;list-style:none;overflow:hidden}.thread-index li+li{border-top:1px solid var(--rule-blue,#c5dbea)}.thread-index a{color:inherit;justify-content:space-between;align-items:baseline;gap:1rem;padding:.75rem 1rem;text-decoration:none;display:flex}.thread-index a:hover{background:#f3f0e2}.thread-index-title{font-weight:600}.thread-index-meta{color:#6b5f52;white-space:nowrap;font-size:.8rem}.thread-index-empty{color:#6b5f52;padding:.75rem 1rem}.kind-picker{border:none;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;display:flex}.kind-picker legend{margin-bottom:.35rem;padding:0;font-size:.85rem;font-weight:600}.kind-option{background:var(--index-card);cursor:pointer;border:1px solid #d8cfa8;border-radius:999px;padding:.3rem .7rem;font-size:.85rem}.kind-option input{opacity:0;pointer-events:none;position:absolute}.kind-option.kind-question{background:var(--card-question)}.kind-option.kind-answer{background:var(--card-answer)}.kind-option.kind-evidence{background:var(--card-evidence-for)}.kind-option:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);font-weight:600}.kind-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.card-connections-link{color:var(--accent);align-self:flex-start;font-size:.85rem}.card-page{flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto;padding:0 1.5rem 3rem;display:flex}.card-page h2{color:#fff;text-shadow:0 1px 2px #0006;margin:0 0 .75rem;font-size:1rem}.card-focus{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.card-page-hint{color:#fff;text-shadow:0 1px 2px #0006;margin:0;font-size:.85rem}.linked-row,.evidence-group{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.answer-group{flex-wrap:wrap;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.evidence-group{border-left:2px solid #ffffff80;padding-left:1rem}.linked-card{flex-direction:column;gap:.35rem;display:flex}.link-controls{gap:.75rem;display:flex}.add-linked-open{color:#fff;font:inherit;text-shadow:0 1px 2px #0006;cursor:pointer;background:0 0;border:1px dashed #fffc;border-radius:999px;align-self:flex-start;padding:.45rem .9rem;font-size:.85rem}.add-linked{width:min(320px,100%);box-shadow:2px 4px 10px var(--card-shadow);border-radius:10px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.add-linked.kind-answer{background:var(--card-answer)}.add-linked.kind-evidence{background:var(--card-evidence-for)}.add-linked:has(input[value=against]:checked){background:var(--card-evidence-against)}.add-linked textarea{min-height:80px;font:inherit;resize:vertical;border:1px solid #00000026;border-radius:6px;padding:.5rem}.stance-picker{flex-wrap:wrap;gap:.75rem;font-size:.85rem;display:flex}.add-linked-buttons{align-items:center;gap:.75rem;display:flex}.add-linked .link-button,.add-linked-buttons .link-button{color:var(--ink);text-shadow:none}.link-buttons{flex-wrap:wrap;align-items:flex-start;gap:.75rem;display:flex}.link-existing{width:min(420px,100%);box-shadow:2px 4px 10px var(--card-shadow);background:#fffdf9;border-radius:10px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.link-existing-head{gap:.5rem;display:flex}.link-existing-head input{min-width:0;font:inherit;border:1px solid #ccc;border-radius:6px;flex:1;padding:.45rem .6rem}.link-existing .link-button{color:var(--accent);text-shadow:none}.link-existing ul{flex-direction:column;gap:.4rem;max-height:22rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.candidate-card{background:var(--index-card);border:1px solid #00000014;border-radius:8px;padding:.5rem .65rem}.candidate-card.kind-question{background:var(--card-question)}.candidate-card.kind-answer{background:var(--card-answer)}.candidate-card.kind-evidence{background:var(--card-evidence-for)}.candidate-text{white-space:pre-wrap;margin:0 0 .4rem;font-size:.85rem}.candidate-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.candidate-meta{color:#6b5f52;flex:1;font-size:.75rem}.candidate-actions .chip-button{padding:.3rem .75rem;font-size:.8rem}.chip-button.against{background:#a8761b}
