@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;1,6..96,400&family=Instrument+Sans:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#0c0c0c;--panel:#141414;--paper:#202020;--ink:#f2eee4;--muted:#b8b2a7;--line:#45413a;--gold:#c8aa72;--danger:#ffb4a5;--serif:'Bodoni Moda',Georgia,serif;--sans:'Instrument Sans',sans-serif}
:root[data-theme=light]{color-scheme:light;--bg:#f3efe6;--panel:#fbf8f1;--paper:#eae3d7;--ink:#24221f;--muted:#666057;--line:#cdc3b2;--gold:#806025;--danger:#a22d26}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 var(--sans)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:var(--gold)}button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 16px;border-radius:2px}button:hover{background:var(--paper);border-color:var(--gold)}button.primary{background:var(--gold);color:var(--bg);border-color:var(--gold)}button.quiet{padding:7px 10px}button.danger{color:var(--danger)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip{position:fixed;top:-70px;left:20px;z-index:50;background:var(--panel);padding:12px}.skip:focus{top:10px}.loading{padding:15vh 8vw}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--gold);font-size:10px;font-weight:600}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.15}h1{font-size:clamp(38px,5vw,70px);margin-bottom:16px}h2{font-size:30px;margin-bottom:12px}h3{font-size:25px;margin-bottom:12px}.muted{color:var(--muted)}.masthead{display:flex;align-items:center;justify-content:space-between;padding:20px 36px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:16px;font-family:var(--serif);font-size:22px;letter-spacing:.04em}.brand img{width:43px;height:49px;object-fit:contain}.account{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 90px)}.sidebar{padding:35px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.sidebar button{text-align:left;border:0;padding:13px 17px;color:var(--muted)}.sidebar button[aria-current=page]{background:var(--paper);color:var(--gold);box-shadow:inset 2px 0 var(--gold)}.sidebar .foot{margin-top:auto;padding:30px 15px;font-size:11px}.content{max-width:1500px;width:100%;padding:36px 4vw 70px}.integration{font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:32px}.integration span{color:var(--gold)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.page-heading p{max-width:610px;margin-bottom:0}.tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:28px}.tabs button{border:0;color:var(--muted)}.tabs button[aria-current=page]{background:var(--paper);color:var(--gold)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}.search{max-width:320px;width:100%}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}.card{position:relative;border:1px solid var(--line);background:var(--panel);padding:26px;min-width:0;overflow-wrap:anywhere}.card .actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.card p{white-space:pre-wrap}.tag{display:inline-block;border:1px solid var(--line);padding:3px 8px;font-size:10px;letter-spacing:.07em;color:var(--gold);margin:0 5px 12px 0}.meta{display:grid;grid-template-columns:minmax(85px,.7fr) minmax(0,1fr);gap:7px 16px;margin:16px 0;font-size:12px}.meta dt{color:var(--muted)}.meta dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.empty{border:1px dashed var(--line);padding:48px 28px;text-align:center;color:var(--muted)}.empty h3{color:var(--ink)}.hero{padding:50px 38px;background:var(--panel) url('./assets/wolf-contour-corner-tr.png') top right/260px no-repeat;border:1px solid var(--line);margin-bottom:24px}.hero p{max-width:560px}.hero .eyebrow{margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:24px 0}.stat{padding:22px;border-top:1px solid var(--gold);background:var(--panel)}.stat strong{font:38px var(--serif);display:block;color:var(--gold)}.stat span{font-size:12px;color:var(--muted)}.auth{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.auth-story{padding:8vw 7vw;background:var(--panel) url('./assets/wolf-contour-corner-bl.png') bottom left/380px no-repeat;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.auth-story .brand{margin-bottom:70px}.auth-story h1{max-width:510px}.auth-form{display:flex;justify-content:center;flex-direction:column;padding:7vw;max-width:640px;width:100%;margin:auto}.auth-form h2{font-size:38px}.auth-form form{margin:24px 0}label{display:block;color:var(--muted);font-size:12px;margin-bottom:17px}input,select,textarea{display:block;width:100%;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:2px;padding:11px 13px;margin-top:7px;min-height:44px}textarea{min-height:100px;resize:vertical}input[type=checkbox]{display:inline;width:19px;min-height:19px;margin:0 9px 0 0;vertical-align:middle}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid .wide{grid-column:1/-1}fieldset{border:1px solid var(--line);padding:18px;margin:12px 0}legend{color:var(--gold);padding:0 8px}.hint{font-size:12px;color:var(--muted)}.error{color:var(--danger);white-space:pre-wrap}.form-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:22px}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--gold);width:min(720px,calc(100% - 28px));max-height:90vh;padding:30px}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:20px}.dialog-head h2{margin:0}.dialog-head button{padding:3px 12px;font-size:23px}#notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:15px 24px;background:var(--ink);color:var(--bg);z-index:99;max-width:90vw;box-shadow:0 8px 30px #0005}#notice:empty{display:none}.secret{font-family:monospace;font-size:18px;overflow-wrap:anywhere;padding:20px;border:1px dashed var(--gold);user-select:all}.section-spacer{margin-top:36px}.account small{color:var(--muted)}.reading{max-width:850px}.reading p{white-space:pre-wrap}.credentials-note{padding:14px;border:1px solid var(--line);font-size:12px;color:var(--muted)}
@media(max-width:950px){.layout{grid-template-columns:180px minmax(0,1fr)}.content{padding:25px}.masthead{padding:16px 22px}.account small{display:none}.sidebar{padding:22px 10px}.auth-story{padding:7vw 5vw}.auth-form{padding:5vw}}
@media(max-width:650px){.masthead{align-items:flex-start;padding:15px;gap:8px}.brand{font-size:16px;gap:8px}.brand img{width:29px;height:35px}.account{gap:5px;justify-content:flex-end}.account button{font-size:11px;padding:7px}.layout{display:block}.sidebar{flex-direction:row;overflow-x:auto;padding:10px;border-right:0;border-bottom:1px solid var(--line);position:relative}.sidebar button{white-space:nowrap;padding:9px 13px;font-size:12px}.sidebar .foot{display:none}.content{padding:23px 18px 55px}.integration{margin-bottom:23px;font-size:10px}.page-heading{display:block}.page-heading h1{font-size:42px}.hero{padding:28px 22px;background-size:170px}.hero h1{font-size:40px}.auth{display:block}.auth-story{min-height:300px;padding:35px 28px;background-size:190px;border-right:0;border-bottom:1px solid var(--line)}.auth-story .brand{margin-bottom:30px}.auth-story h1{font-size:39px;margin-bottom:10px}.auth-form{padding:32px 28px}.form-grid{display:block}.card{padding:22px}.tabs{gap:0}.tabs button{font-size:12px;padding:8px 10px}.toolbar{align-items:stretch}.toolbar button{white-space:nowrap}.stat{padding:15px}.stats{grid-template-columns:1fr 1fr}dialog{padding:22px}.account-name{display:none}}
@media(prefers-reduced-motion:no-preference){.content,.auth-form{animation:arrive .35s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
.brand{flex-direction:column;align-items:flex-start;gap:7px}.brand img{width:150px;height:67px;object-fit:contain;filter:brightness(0) invert(.86) sepia(.2)}.brand-caption{font:8px var(--sans);letter-spacing:.25em;color:var(--gold)}:root[data-theme=light] .brand img{filter:none}@media(max-width:650px){.brand img{width:115px;height:51px}.brand-caption{font-size:6px;letter-spacing:.2em}.masthead .account{max-width:225px}}
