:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f5f3ef;--panel:#fff;--soft:#efece6;--text:#1d1c1a;--muted:#6f6b64;--line:#e3dfd8;--accent:#c96442;--accent-ink:#fff;--danger:#c0392b;--link:#2e5bd6;--shadow:0 1px 2px #0000000a, 0 8px 24px #0000000f;--serif:"Iowan Old Style", Charter, Georgia, serif;--sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1c1b19;--panel:#252422;--soft:#2c2b28;--text:#ecebe8;--muted:#a19d96;--line:#3a3834;--accent:#d97757;--danger:#f08070;--link:#8fb0ff;--shadow:0 1px 2px #0000004d, 0 8px 24px #0000004d}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased}#root{min-height:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--link)}.boot{min-height:100vh}.muted{color:var(--muted)}.small{font-size:13px}.block{display:block}.grow{flex:1;min-width:0}.error{color:var(--danger)}.dot{color:var(--muted);margin:0 6px}.btn{border:1px solid var(--line);background:var(--panel);height:34px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--soft)}.btn.on{background:var(--soft);border-color:color-mix(in srgb, var(--text) 25%, var(--line))}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:color-mix(in srgb, var(--accent) 88%, #000)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-lg{height:44px;padding:0 18px;font-size:15px}.btn-sm{height:28px;padding:0 10px;font-size:13px}.icon-btn{cursor:pointer;width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;flex:none;font-size:17px}.icon-btn:hover{background:var(--soft);color:var(--text)}.link{color:var(--link);cursor:pointer;background:0 0;border:0;padding:0}.link:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar{border-bottom:1px solid var(--line);background:var(--bg);z-index:10;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex;position:sticky;top:0}.topbar-right{align-items:center;gap:10px;display:flex}.logo{font:700 18px/1 var(--serif);color:var(--text);letter-spacing:-.01em;align-items:center;gap:2px;text-decoration:none;display:inline-flex}.logo-mark{background:var(--accent);color:#fff;border-radius:6px;place-items:center;width:24px;height:24px;margin-right:4px;font-size:15px;display:inline-grid}.avatar{object-fit:cover;border-radius:50%;flex:none;display:inline-block}.avatar-letter{background:var(--soft);color:var(--muted);place-items:center;font-weight:600;display:inline-grid}.avatar-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;display:flex}.menu-wrap{position:relative}.menu{background:var(--panel);border:1px solid var(--line);min-width:220px;box-shadow:var(--shadow);z-index:50;border-radius:10px;padding:6px;position:absolute;top:calc(100% + 6px)}.menu-right{right:0}.menu-head{border-bottom:1px solid var(--line);flex-direction:column;margin-bottom:4px;padding:8px 10px 10px;font-size:14px;display:flex}.menu-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:8px 10px;font-size:14px;display:flex}.menu-item:hover,.menu-item.on{background:var(--soft)}.menu-item.danger{color:var(--danger)}.versions{width:320px;max-height:60vh;overflow:auto}.versions .menu-item{flex-direction:column;align-items:flex-start;gap:2px}.badge{background:var(--soft);color:var(--muted);vertical-align:1px;border-radius:99px;margin-left:6px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-block}.badge-soft{text-transform:capitalize}.landing-main,.access{max-width:640px;margin:0 auto;padding:12vh 24px 80px}.landing-main h1{font:600 clamp(30px, 5vw, 44px)/1.15 var(--serif);letter-spacing:-.015em;margin:0 0 18px}.lede{color:var(--muted);margin:0 0 28px;font-size:17px}.access h1{font:600 28px/1.2 var(--serif);margin:0 0 10px}.access .btn{margin-top:18px}.gallery{max-width:1120px;margin:0 auto;padding:32px 20px 80px}.gallery-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.gallery-head h1{font:600 30px/1.2 var(--serif);margin:0}.search{border:1px solid var(--line);background:var(--panel);border-radius:8px;width:min(320px,100%);height:36px;padding:0 12px}.tabs{border-bottom:1px solid var(--line);gap:4px;margin:18px 0 22px;display:flex;overflow-x:auto}.tab{cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px;font-weight:500}.tab.on{color:var(--text);border-bottom-color:var(--accent)}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.card{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:12px;flex-direction:column;gap:6px;min-height:150px;padding:16px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.card:hover{border-color:color-mix(in srgb, var(--text) 22%, var(--line));box-shadow:var(--shadow)}.card-top{justify-content:space-between;align-items:center;display:flex}.card-icon{font-size:22px}.card-badges{align-items:center;gap:4px;font-size:13px;display:flex}.card h3{font:600 17px/1.3 var(--sans);margin:4px 0 0}.card-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;display:-webkit-box;overflow:hidden}.card-foot{color:var(--muted);align-items:center;gap:6px;margin-top:auto;padding-top:8px;font-size:13px;display:flex}.empty{text-align:center;color:var(--muted);padding:48px 0}.viewer{flex-direction:column;height:100dvh;display:flex}.vbar{border-bottom:1px solid var(--line);background:var(--bg);flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:8px 14px;display:flex}.vbar-left{align-items:center;gap:10px;min-width:0;display:flex}.vbar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.vicon{font-size:20px}.vtitle{min-width:0}.vtitle h1{font:600 16px/1.3 var(--sans);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.vmeta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.banner{background:color-mix(in srgb, var(--accent) 12%, var(--bg));border-bottom:1px solid var(--line);flex-wrap:wrap;flex:none;gap:16px;padding:8px 16px;font-size:14px;display:flex}.vbody{flex:1;min-height:0;display:flex}.vframe{background:#fff;border:0;flex:1;width:100%;min-width:0;height:100%}@media (prefers-color-scheme:dark){.vframe{background:#1c1b19}}@media (width<=720px){.vbar{flex-wrap:wrap}.vbar-right{justify-content:flex-start;width:100%}.vbar-right .avatar-btn{margin-left:auto}}.comments{border-left:1px solid var(--line);background:var(--bg);flex-direction:column;flex:none;gap:10px;width:340px;padding:12px;display:flex}.comments-head{justify-content:space-between;align-items:center;display:flex}.comments-head h2{margin:0;font-size:15px}.comments-list{flex-direction:column;flex:1;gap:10px;display:flex;overflow:auto}.thread{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.thread.resolved{opacity:.6}.reply{border-left:2px solid var(--line);padding-left:14px}.comment-head{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.comment-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0;font-size:14px}.comment-actions{gap:12px;margin-top:4px;display:flex}.composer{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.composer textarea{resize:vertical;border:1px solid var(--line);background:var(--panel);border-radius:8px;width:100%;min-height:40px;padding:8px 10px}.composer-reply textarea{min-height:34px}@media (width<=720px){.vbody{flex-direction:column}.comments{border-left:0;border-top:1px solid var(--line);width:100%;height:45%}}.modal-back{z-index:100;background:#14120f73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);width:100%;max-width:520px;max-height:calc(100vh - 32px);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:12px;padding:20px;display:flex;overflow:auto}.modal-wide{max-width:900px}.modal-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-head h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;overflow:hidden}.modal p{margin:0}.modal-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}label{flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}input:not([type=checkbox]),select,textarea{border:1px solid var(--line);background:var(--panel);border-radius:8px;min-width:0;height:38px;padding:0 10px;font-size:14px;font-weight:400}textarea{height:auto;padding:8px 10px}textarea.code{font:13px/1.5 var(--mono);resize:vertical;tab-size:2;min-height:320px}textarea.code.tall{min-height:50vh}.form-row{align-items:flex-end;gap:10px;display:flex}.form-row .narrow{flex:none;width:150px}.form-row>input{flex:1}.check{cursor:pointer;flex-direction:row;align-items:flex-start;gap:10px;font-size:14px;font-weight:400}.check input{width:16px;height:16px;accent-color:var(--accent);margin-top:3px}.share-add{gap:8px;display:flex}.share-add input{flex:1}.share-add select{flex:none;width:110px}.section-label{color:var(--muted);margin:8px 0 0;font-size:13px;font-weight:600}.people{flex-direction:column;gap:10px;max-height:260px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.people li{align-items:center;gap:10px;display:flex}.person{flex-direction:column;flex:1;min-width:0;font-size:14px;display:flex}.person strong,.person .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.person .muted{font-size:12px}.people select{flex:none;width:150px}.general{align-items:flex-start;gap:12px;display:flex}.general-icon{background:var(--soft);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.general select{width:220px;margin-bottom:4px}.settings{flex-direction:column;gap:14px;max-width:760px;margin:0 auto;padding:32px 20px 80px;display:flex}.settings h1{font:600 30px/1.2 var(--serif);margin:0}.settings p{margin:0}.card-section{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;padding:18px;display:flex}.card-section h2{margin:0;font-size:16px}.copy-row{align-items:flex-start;gap:8px;display:flex}.copy-row code{min-width:0;font:13px/1.5 var(--mono);background:var(--soft);white-space:nowrap;border-radius:8px;flex:1;padding:8px 10px;overflow-x:auto}.copy-row code.wrap{white-space:pre-wrap;word-break:break-all}.notice{color:var(--accent);font-weight:500}.tokens{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tokens li{justify-content:space-between;align-items:center;gap:12px;display:flex}#toast{opacity:0;pointer-events:none;background:var(--text);color:var(--bg);z-index:200;border-radius:10px;padding:10px 16px;font-size:14px;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}#toast.show{opacity:1;transform:translate(-50%)}@media (width<=560px){.topbar{padding:0 14px}.share-add{flex-wrap:wrap}.share-add input{flex-basis:100%}.form-row{flex-wrap:wrap}.form-row .narrow{width:100%}}
