:root{color-scheme:dark;--bg:#101317;--panel:#1a1f26;--line:#303741;--text:#edf0f3;--muted:#a5b0bf;--accent:#e6b76d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}header{border-bottom:1px solid var(--line);padding:20px 4%;display:flex;justify-content:space-between;gap:20px;align-items:center}nav,.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.brand{font-size:18px;letter-spacing:2px;font-weight:800}.brand b{color:var(--accent)}.mark{display:inline-grid;place-items:center;width:36px;height:36px;background:var(--accent);color:#151515;border-radius:8px;margin-right:8px;font-size:25px}main{max-width:1480px;padding:40px 4% 70px;margin:auto}h1{font-size:clamp(30px,4vw,48px);line-height:1.14;margin:12px 0 20px;letter-spacing:-1.3px}h2{font-size:24px;line-height:1.3;margin:10px 0 16px}h3{font-size:18px;margin:12px 0}p{overflow-wrap:anywhere}.eyebrow{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:2px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.heading p{max-width:900px}.grid{display:grid;gap:22px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.projects{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.project-card,.shot{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.project-card:hover{border-color:var(--accent);color:inherit}.cover{height:190px;background:linear-gradient(130deg,#303e4b,#19232c 60%,#3f362a);position:relative;display:grid;place-items:center}.cover>span:first-child{font-size:70px;color:#e6b76d88}.cover img,.shotimage img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;left:16px;bottom:16px;background:#15191ee6;border:1px solid #ffffff30;border-radius:20px;padding:4px 12px;font-size:12px}.cardbody{padding:20px}.cardbody p{color:var(--muted)}small,.muted{color:var(--muted)}.stats{display:flex;gap:40px;padding:24px 0 30px;color:var(--muted)}.stats b{font-size:22px;color:var(--text);margin-right:10px}.panel{border:1px solid var(--line);border-radius:12px;padding:26px;background:var(--panel);margin:22px 0}.panel .panel{background:#151a20}.shotgrid{gap:18px}.shotgrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.shotimage{aspect-ratio:16/9;background:#11161c;position:relative;display:grid;place-items:center;color:#677484}.shotimage>a{width:100%;height:100%;position:absolute;inset:0}.number{position:absolute;left:12px;top:12px;padding:3px 10px;background:#101317dc;border-radius:5px;pointer-events:none}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips span{font-size:11px;background:#252d37;color:#c5d0dc;padding:3px 8px;border-radius:4px}.chips span:empty{display:none}button,.button{font:inherit;font-weight:650;display:inline-block;border:1px solid transparent;border-radius:7px;padding:10px 17px;background:var(--accent);color:#16191e;cursor:pointer;text-align:center}button:hover,.button:hover{filter:brightness(1.1);color:#101317}.quiet{background:transparent;border-color:var(--line);color:var(--text);padding:6px 12px}.quiet:hover{color:var(--text)}.danger{background:transparent;border:1px solid #874a50;color:#f2a7af;padding:6px 12px}.danger:hover{color:#ffd4d9}label{display:block;color:#cbd3dd;font-size:13px;margin:16px 0}input,select,textarea{display:block;width:100%;border:1px solid #3d4652;border-radius:7px;background:#11171e;color:var(--text);padding:11px 12px;font:inherit;margin-top:7px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}textarea{resize:vertical}input[type=checkbox]{width:auto;margin:0}.check{display:flex;align-items:center;gap:12px}.inline{display:inline-block;margin:10px 10px 10px 0}.notice{background:#2b382b;border:1px solid #617d55;padding:14px 20px;border-radius:8px;margin-bottom:22px}.error{background:#42272a;border-color:#925962}.empty{padding:40px;text-align:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted);margin:20px 0}.login,.setup{max-width:780px;margin:35px auto}.login{max-width:530px}.login form{margin-top:35px}.login button{width:100%;margin-top:18px}.tabs{border-bottom:1px solid var(--line);padding:16px 0;margin:20px 0 30px}.tabs a{padding:8px 12px;color:var(--muted)}.tabs .active{color:var(--accent);background:#e6b76d12;border-radius:5px}summary{cursor:pointer;font-weight:650;list-style-position:inside}details>form{margin-top:18px}.subpanel{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.detail-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.heroimage{width:100%;max-height:650px;object-fit:contain;background:#111;border-radius:8px}.pre{white-space:pre-wrap}.small{font-size:12px}.refs{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.reference iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:7px}.resource{color:var(--accent);display:block;overflow-wrap:anywhere}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:8px}table{border-collapse:collapse;width:100%;min-width:700px;text-align:left}td,th{padding:15px;border-bottom:1px solid var(--line)}th{background:var(--panel);font-size:12px;color:var(--muted)}.drag{cursor:grab}.dragging{opacity:.45}.back{color:var(--muted)}footer{text-align:center;font-size:12px;color:#778392;border-top:1px solid var(--line);padding:24px}header form{margin:0}@media(max-width:760px){header{align-items:flex-start;flex-direction:column}header nav{font-size:12px;gap:14px}main{padding:25px 5%}.heading{align-items:flex-start;flex-direction:column}.cardbody .heading{flex-direction:row}.two,.detail-layout{grid-template-columns:1fr}.panel{padding:18px}.stats{gap:20px;font-size:12px}.stats b{font-size:18px}.tabs{gap:5px}.tabs a{font-size:13px}.shotgrid{grid-template-columns:1fr}.projects{grid-template-columns:1fr}}@media print{:root{color-scheme:light}body{background:white;color:#111;font-size:10pt}header,footer,.tabs,.actions,.back,button,.subpanel{display:none!important}main{padding:0;max-width:none}.panel,.shot{background:white;border:1px solid #aaa;color:#111}.scene{break-before:page;margin:0 0 15px;padding:12px}.scene:first-child{break-before:auto}.shot{break-inside:avoid}.shotgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.cardbody{padding:10px}.cardbody p,.muted,small{color:#444}.chips span{background:#eee;color:#222}.eyebrow{color:#555}h1{font-size:28pt}h2{font-size:18pt}h3{font-size:12pt}.notice{display:none}.shotimage{aspect-ratio:16/9;print-color-adjust:exact}.number{color:white}.heading{display:block}}
