.view-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:-12px 0 32px;padding-bottom:12px}.view-tabs button{border:1px solid transparent;background:transparent;color:var(--muted);font-size:12px;padding:8px 12px;border-radius:3px}.view-tabs button[aria-pressed="true"]{background:#e4e7dc;border-color:#cdd5c3;color:var(--ink)}.principles{border:1px solid var(--line);border-radius:4px;padding:15px 18px;font-size:13px;background:#efefe6}.principles summary{cursor:pointer;font-weight:550}.principles li{margin:9px 0}.principles ol{padding-left:20px}.principles p{color:var(--muted);font-size:12px;margin-bottom:0}.pattern-card{border-top:1px solid #bfc5b7;padding:23px 0}.pattern-card h2{font:normal 28px var(--serif);overflow-wrap:anywhere;margin:8px 0}.pattern-stage{font:10px ui-monospace,monospace;letter-spacing:1px;color:var(--accent)}.pattern-count{font:11px/1.6 ui-monospace,monospace;color:var(--muted)}.pattern-card .muted{font-size:11px}.pattern-step{border-left:2px solid #a9b59b;padding-left:12px;white-space:pre-wrap;overflow-wrap:anywhere}.pattern-note{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;color:#62685c}.pattern-actions{display:flex;gap:14px}.pattern-actions button{font-size:12px;color:var(--accent)}.entry-actions{flex-wrap:wrap;justify-content:flex-end;max-width:220px}.entry-action{overflow-wrap:anywhere}.entry-actions .entry-action:first-child{max-width:150px;text-align:right}dialog select,dialog input[type="text"],#pattern-name{width:100%;border:1px solid var(--line);padding:9px;border-radius:3px;background:#fffefa;color:var(--ink);font:inherit}dialog select{font-size:13px}#pattern-dialog{width:min(560px,calc(100vw - 32px))}#pattern-dialog details{border-top:1px solid var(--line);padding-top:14px;margin-top:18px}#pattern-dialog summary{cursor:pointer;font-size:13px;color:var(--accent)}.pattern-dialog-footer{display:flex;justify-content:space-between;align-items:end;gap:10px}.pattern-dialog-footer>.text-button{font-size:11px;color:var(--muted)}.history-item{padding:16px 0;border-bottom:1px solid var(--line)}.history-item p{white-space:pre-wrap;margin:7px 0}.history-item button{padding-left:0}#link-preview{white-space:pre-wrap;border-left:2px solid #b7c0aa;padding-left:12px}@media(max-width:640px){.view-tabs{margin-top:0;gap:3px}.view-tabs button{font-size:11px;padding:8px 10px}.entry-actions{max-width:none;gap:8px}.entry-actions .entry-action:first-child{max-width:200px}.pattern-dialog-footer{display:block}.pattern-dialog-footer .dialog-actions{margin-top:12px}.pattern-card h2{font-size:25px}}
.sidebar-links{display:flex;flex-wrap:wrap;gap:0 18px;align-items:center}.account-link{border:0;background:transparent;color:inherit;cursor:pointer}.account-link:hover{text-decoration:underline}.signed-out .shell,.signed-out dialog:not(.auth-dialog){visibility:hidden}.auth-brand{margin-bottom:24px}.auth-dialog input:not([type="checkbox"]){width:100%;color:var(--ink);font:inherit;font-size:16px}@media(max-width:640px){.sidebar-links{gap:0 16px}}.auth-dialog{width:min(480px,calc(100vw - 32px))}.check-label{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:13px;margin:16px 0 4px}.check-label input{width:auto}#signin-trust-row .muted{margin:0 0 8px 24px;font-size:12px}#signin-code-step .text-button{padding-left:0}.qr-code{width:200px;max-width:100%;margin:12px auto}.qr-code svg{display:block;width:100%;height:auto}.setup-key{text-align:center}.setup-key code{font:13px ui-monospace,monospace;letter-spacing:.5px;overflow-wrap:anywhere}.text-link{font-size:12px;color:var(--accent)}.recovery-codes{margin:16px 0;padding:14px 14px 14px 42px;background:#fffefa;border:1px solid var(--line);border-radius:3px;font:13px/1.9 ui-monospace,monospace}.account-section{border-top:1px solid var(--line);padding:14px 0;margin-top:14px}.account-section h3{font:normal 18px var(--serif);margin:0 0 8px}.account-section .secondary{margin-top:4px}.account-warning{border-left:2px solid var(--accent);padding-left:12px;color:#9a3628}.device-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:6px 0}.device-row p{margin:0}#account-dialog .status{margin:8px 0 0;min-height:0}#account-dialog .dialog-actions{margin-top:12px}