@font-face{font-family:Timeless Sans;src:url(/fonts/TimelessSans-GroteskLight.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Timeless Sans;src:url(/fonts/TimelessSans-GroteskRegular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Timeless Sans;src:url(/fonts/TimelessSans-GroteskMedium.woff2)format("woff2");font-weight:500;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#fcfcfc)var(--lightningcss-dark,#121212);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1c1c1c);--ink:var(--lightningcss-light,#1a1a1a)var(--lightningcss-dark,#ebebeb);--muted:var(--lightningcss-light,#747a76)var(--lightningcss-dark,#909391);--line:var(--lightningcss-light,#e6e6e6)var(--lightningcss-dark,#272727);--fill:var(--lightningcss-light,#f0f0f0)var(--lightningcss-dark,#212121);--fill-strong:var(--lightningcss-light,#e4e4e4)var(--lightningcss-dark,#2c2c2c);--accent:var(--lightningcss-light,#1a1a1a)var(--lightningcss-dark,#ebebeb);--danger:var(--lightningcss-light,#c2382f)var(--lightningcss-dark,#ff7a70);--radius:10px;--rail:196px;--font:"Timeless Sans", ui-sans-serif, system-ui, sans-serif;--ease:cubic-bezier(.23, 1, .32, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font:400 14px/1.45 var(--font);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus,textarea:focus{outline:none}h1,h2,h3,p{margin:0}h1{letter-spacing:-.01em;font-size:22px;font-weight:500}h3{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:400}ul{margin:0;padding:0;list-style:none}kbd{font:inherit;border:1px solid var(--line);border-radius:4px;margin-right:4px;padding:0 5px}pre,code{font-family:ui-monospace,Menlo,monospace;font-size:12.5px}pre{background:var(--fill);border-radius:var(--radius);white-space:pre-wrap;word-break:break-all;padding:12px 14px}.muted{color:var(--muted)}.small{font-size:12.5px}.error{color:var(--danger)}.grow{flex:1}.link{color:inherit;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.link:hover{text-decoration-color:currentColor}.login{place-items:center;min-height:100dvh;padding:16px;display:grid}.login form{gap:12px;width:min(320px,100%);display:grid}.login .wordmark{margin-bottom:12px}.login input{background:var(--fill);border:0;border-radius:999px;height:40px;padding:0 16px}.wordmark{letter-spacing:-.02em;font-size:17px;font-weight:500;display:block}.shell{grid-template-columns:var(--rail) 1fr;min-height:100dvh;display:grid}.rail{flex-direction:column;gap:4px;height:100dvh;padding:16px 12px 16px 16px;display:flex;position:sticky;top:0}.rail-count{color:var(--muted);margin-bottom:18px;font-size:12.5px}.rail nav{flex-direction:column;display:flex}.rail nav a{color:var(--muted);align-items:center;gap:6px;padding:3px 0;transition:color .15s;display:flex}.rail nav a:hover,.rail nav a[aria-current=page]{color:var(--ink)}.rail nav a[aria-current=page]:after{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.badge{background:var(--fill-strong);color:var(--ink);border-radius:999px;padding:0 6px;font-size:11px}.dot{background:#4f9a55;border-radius:50%;width:6px;height:6px}.rail-foot{flex-direction:column;align-items:flex-start;gap:8px;margin-top:auto;display:flex}.rail-foot .pill{width:100%}.main{min-width:0;padding:12px 16px 64px 4px}.pill{background:var(--fill);white-space:nowrap;height:32px;transition:background .15s, transform .12s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.pill:hover{background:var(--fill-strong)}.pill:active{transform:scale(.97)}.pill.solid{background:var(--ink);color:var(--bg)}.pill.danger{background:var(--danger);color:#fff}.pill[aria-pressed=true]{background:var(--ink);color:var(--bg)}.icon-btn{width:28px;height:28px;color:var(--muted);border-radius:999px;place-items:center;transition:background .15s,color .15s;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--fill);color:var(--ink)}.field{background:var(--fill);border:0;border-radius:999px;min-width:0;height:36px;padding:0 14px}.segmented{background:var(--fill);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.segmented button{height:26px;color:var(--muted);border-radius:999px;padding:0 10px;transition:background .15s,color .15s}.segmented button[aria-checked=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000001f}.segmented.small button{height:22px;padding:0 8px;font-size:12.5px}.toggle{height:32px;color:var(--muted);border-radius:999px;padding:0 12px}.toggle[aria-pressed=true]{background:var(--ink);color:var(--bg)}.top{z-index:5;background:var(--bg);padding:0 0 10px;position:sticky;top:0}.searchbar{background:var(--fill);height:46px;color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:0 6px 0 14px;display:flex}.searchbar input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;flex:1}.searchbar input::placeholder{color:var(--muted)}.chiprow{scrollbar-width:none;align-items:center;gap:6px;margin-top:10px;display:flex;overflow-x:auto}.chip{background:var(--fill);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;height:28px;padding:0 11px;font-size:13px;transition:background .15s;display:inline-flex}.chip:hover{background:var(--fill-strong)}.chip[aria-pressed=true],.chip.on{background:var(--ink);color:var(--bg)}.chip[aria-pressed=true] .muted{color:inherit;opacity:.6}.result-count{margin:0 0 10px;font-size:12.5px}.empty{text-align:center;gap:6px;padding:80px 0;display:grid}.filters{z-index:20;background:var(--surface);border:1px solid var(--line);width:min(380px,100vw - 24px);animation:slide-in .25s var(--ease);border-radius:16px;padding:14px 16px;position:fixed;top:12px;bottom:12px;right:12px;overflow-y:auto;box-shadow:0 20px 60px #00000040}.filters-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.filters section{margin-bottom:16px}.filters .chips{flex-wrap:wrap;gap:5px;display:flex}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch-btn{border-radius:50%;width:24px;height:24px;box-shadow:inset 0 0 0 1px #8080804d}.swatch-btn[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}@keyframes slide-in{0%{opacity:0;transform:translate(16px)}}.grid{align-items:start;gap:10px;display:grid}.col{flex-direction:column;gap:10px;min-width:0;display:flex}.card{border-radius:var(--radius);background:var(--fill);width:100%;display:block;position:relative;overflow:hidden}.card img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s, transform .4s var(--ease);display:block;position:absolute;inset:0}.card img[data-loaded]{opacity:1}.card:hover img{transform:scale(1.015)}.card-title{text-align:left;color:#fff;opacity:0;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#0000008c);padding:22px 10px 8px;font-size:12.5px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.card:hover .card-title{opacity:1}.card-text{text-align:left;white-space:pre-wrap;max-height:320px;padding:14px 14px 30px;font-size:14px;line-height:1.45;display:block;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.card-status{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border-radius:999px;padding:2px 8px;font-size:11.5px;position:absolute;top:8px;left:8px}.card[data-status=queued],.card[data-status=processing]{min-height:120px}.card[data-status=processing]:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff1f 50%,#0000 70%) 0 0/200% 100%;animation:1.4s linear infinite shimmer;position:absolute;inset:0}.card[data-status=failed] .card-status{background:var(--danger)}.card-kind{color:#fff;background:#0000008c;border-radius:999px;padding:2px 7px;font-size:11px;position:absolute;top:8px;right:8px}.card-star{color:#fff;filter:drop-shadow(0 1px 2px #00000080);position:absolute;bottom:8px;right:8px}@keyframes shimmer{to{background-position:-200% 0}}.detail{z-index:30;background:var(--bg);animation:fade .2s var(--ease);grid-template-columns:340px 1fr;display:grid;position:fixed;inset:0}.detail.page{z-index:0;height:calc(100dvh - 12px);margin:-12px -16px 0 -4px;animation:none;position:relative;inset:auto;overflow:hidden}@keyframes fade{0%{opacity:0}}.detail-backdrop{filter:blur(60px)saturate(1.2);opacity:.28;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:-60px}.detail-side{scrollbar-width:thin;flex-direction:column;gap:14px;padding:14px 18px 40px;display:flex;position:relative;overflow-y:auto}.detail-controls{flex-wrap:wrap;align-items:center;gap:4px;min-height:28px;display:flex}.detail-nav{display:inline-flex}.detail-body{flex-direction:column;gap:20px;display:flex}.detail-title{letter-spacing:-.01em;background:0 0;border:0;border-radius:4px;width:100%;padding:0;font-size:17px;font-weight:500}.detail-title:hover{background:var(--fill)}.detail-body>.muted{margin-top:-14px}.detail-actions{flex-wrap:wrap;gap:6px;display:flex}.status-box{background:var(--fill);border-radius:var(--radius);justify-items:start;gap:8px;padding:10px 12px;display:grid}.feel li{gap:1px;margin-bottom:8px;display:grid}.feel strong{font-weight:500}.feel .not{color:var(--muted);font-weight:400}.feel .muted,.lessons .muted{font-size:12.5px}.lessons li{margin-bottom:8px}.palette{border-radius:6px;height:28px;display:flex;overflow:hidden}.palette span{cursor:copy;min-width:6px}.palette+.muted{margin-top:6px}.form div{margin-bottom:10px}.form dt,.facts dt{color:var(--muted);font-size:12px}.form dd,.facts dd{margin:0}.tags{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.tag{background:var(--fill);border-radius:999px;align-items:center;gap:2px;padding:1px 8px;font-size:12px;transition:background .15s;display:inline-flex}.tag:hover{background:var(--fill-strong)}.tag-x{color:var(--muted);width:0;transition:width .15s;overflow:hidden}.tag:hover .tag-x,.tag-x:focus-visible{width:10px}.tag-x:hover{color:var(--danger)}.facts{grid-template-columns:1fr 1fr;gap:8px 12px;display:grid}.ocr{color:var(--muted);white-space:pre-wrap;margin-top:10px;font-size:12.5px}.detail textarea{resize:vertical;border-radius:var(--radius);background:var(--fill);border:0;width:100%;padding:8px 10px}.sources li{margin-bottom:3px}.sources+.muted{margin-top:6px}.danger .confirm{align-items:center;gap:8px;display:inline-flex}.danger .link{align-items:center;gap:4px;display:inline-flex}.detail-stage{padding:16px 24px 40px 8px;position:relative;overflow-y:auto}.detail-media{place-items:center;min-height:calc(100dvh - 32px);display:grid}.detail-media img,.detail-media video{border-radius:var(--radius);max-width:100%;max-height:calc(100dvh - 48px);animation:rise .35s var(--ease);display:block;box-shadow:0 30px 80px #00000040}@keyframes rise{0%{opacity:0;transform:translateY(8px)scale(.99)}}.text-stage{letter-spacing:-.01em;white-space:pre-wrap;max-width:680px;animation:rise .35s var(--ease);margin:0;font-size:22px;line-height:1.5}.detail-media .yt{aspect-ratio:16/9;border-radius:var(--radius);border:0;width:min(100%,1100px);box-shadow:0 30px 80px #00000040}.similar{padding-top:16px;position:relative}.similar-head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.similar-head h3{margin:0}.similar-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.similar-grid .card{aspect-ratio:1!important}.menu-wrap{position:relative}.menu{z-index:5;background:var(--surface);border:1px solid var(--line);border-radius:12px;width:240px;max-height:320px;padding:6px;position:absolute;top:38px;left:0;overflow-y:auto;box-shadow:0 16px 40px #0003}.menu-item{text-align:left;border-radius:6px;justify-content:space-between;width:100%;padding:6px 8px;display:flex}.menu-item:hover{background:var(--fill)}.menu-new input{background:var(--fill);border:0;border-radius:6px;width:100%;height:32px;margin-top:4px;padding:0 8px}.seren{position:relative}.seren-head{margin-left:auto}.thread{margin-bottom:-8px;font-size:12.5px}.seren-keys{z-index:2;background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:16px;padding:6px 12px;display:flex;position:fixed;bottom:14px;right:24px}.page-pad{padding:4px 8px 0 4px}.page-head{align-items:center;gap:12px;min-height:40px;margin-bottom:16px;display:flex}.lede{max-width:640px;margin-bottom:20px}.prose{gap:12px;max-width:720px;display:grid}.prose ul{gap:4px;padding-left:18px;list-style:outside;display:grid}.boards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.board-card{gap:4px;display:grid}.board-cover{aspect-ratio:4/3;border-radius:var(--radius);background:var(--fill);overflow:hidden}.board-cover img{object-fit:cover;width:100%;height:100%;display:block}.board-head{flex-wrap:wrap}.board-name{background:0 0;border:0;min-width:0;padding:0;font-size:22px;font-weight:500}.dupes{gap:28px;display:grid}.dupe{gap:8px;max-width:760px;display:grid}.dupe-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.keep-both{justify-self:start}.dupe figure{justify-items:start;gap:6px;margin:0;display:grid}.dupe img{object-fit:contain;background:var(--fill);border-radius:var(--radius);width:100%;height:240px}.import-form{gap:8px;max-width:640px;margin-bottom:10px;display:flex}.import-form .field{flex:1}.imports{gap:0;max-width:820px;display:grid}.import{border-top:1px solid var(--line);padding:12px 0}.import-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.blocks{gap:4px;max-height:320px;margin-top:10px;display:grid;overflow-y:auto}.vocab-facets{flex-wrap:wrap;margin:0 0 18px;overflow:visible}.vocab{grid-template-columns:minmax(0,1fr) minmax(0,360px);align-items:start;gap:32px;display:grid}.vocab-filter{width:100%;max-width:320px;margin-bottom:10px}.vocab-list li{border-top:1px solid var(--line);padding:6px 0}.vocab-label{text-align:left;justify-content:space-between;width:100%;display:flex}.vocab-list li[aria-current] .vocab-label span:first-child{font-weight:500}.vocab-merge{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.vocab-merge .field{flex:1;min-width:160px;height:32px}.vocab-merges li{flex-wrap:wrap;align-items:baseline;gap:8px;padding:4px 0;display:flex}.import-actions{align-items:center;gap:10px;display:inline-flex}@media (width<=760px){.vocab{grid-template-columns:1fr}}.drop{z-index:50;background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;place-items:center;font-size:20px;display:grid;position:fixed;inset:0}.drop p{border:1.5px dashed var(--muted);border-radius:20px;padding:40px 56px}.tray{z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:8px;width:300px;padding:12px 14px;display:grid;position:fixed;bottom:16px;right:16px;box-shadow:0 16px 40px #0003}.tray-row{justify-content:space-between;align-items:center;display:flex}.tray strong{font-weight:500}.tray-bar{background:var(--fill);border-radius:2px;height:3px;overflow:hidden}.tray-bar span{background:var(--ink);height:100%;transition:width .3s var(--ease);display:block}@media (width<=760px){.shell{grid-template-columns:1fr}.rail{flex-flow:wrap;align-items:center;gap:8px 14px;height:auto;padding:12px 16px;position:static}.rail-count{margin:0}.rail nav{flex-direction:row;gap:12px;width:100%;overflow-x:auto}.rail-foot{display:none}.main{padding:8px 16px 64px}.searchbar .segmented,.searchbar .toggle{display:none}.detail{grid-template-columns:1fr;overflow-y:auto}.detail-side{order:2;overflow:visible}.detail-stage{order:1;padding:56px 16px 0;overflow:visible}.detail-media{min-height:0}.detail-controls{z-index:2;background:var(--surface);border-radius:999px;position:fixed;top:10px;left:10px}.detail.page{height:auto;margin:0 -16px;overflow:visible}.dupe-pair{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
