:root{--paper:#11110f;--ink:#efede4;--faded:#89887f;--rule:#3e3e39;--signal:#4d8dff;--acid:#a9c9ff;--surface:#121211e0;--surface-raised:#181918f0;--radius-sm:8px;--radius-md:14px;--ease:.16s ease;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}html{background:var(--paper)}body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Comic Sans MS,Comic Sans,cursive}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--signal);outline-offset:3px}::selection{color:var(--ink);background:var(--acid)}#bg{z-index:0;pointer-events:none;position:fixed;inset:0}#app{z-index:1;text-transform:lowercase;width:min(1440px,100%);margin:0 auto;padding:0 34px 42px;position:relative}.topline{border-bottom:1px solid var(--rule);color:var(--faded);letter-spacing:.05em;text-transform:lowercase;justify-content:space-between;gap:24px;padding:17px 0 15px;font-size:11px;line-height:1;animation:.42s ease-out both settle-in;display:flex}.backlink{color:var(--ink);transition:color var(--ease);text-decoration:none}.backlink:hover{color:var(--signal)}.hero{border-bottom:2px solid var(--ink);grid-template-columns:minmax(0,3fr) minmax(240px,1fr);align-items:end;gap:40px;min-height:290px;padding:42px 0 34px;animation:.52s ease-out 60ms both settle-in;display:grid;position:relative}.kicker{color:var(--paper);background:var(--signal);letter-spacing:.08em;text-transform:lowercase;border-radius:var(--radius-sm);margin:0;padding:7px 10px 6px;font-size:12px;font-weight:500;transition:transform .22s;position:absolute;top:42px;left:0;transform:rotate(-.6deg)}.hero:hover .kicker{transform:rotate(.4deg)}.hero h1{letter-spacing:-.065em;text-transform:lowercase;transform-origin:12% 70%;grid-column:1;max-width:1000px;margin:66px 0 -.08em;font-family:Comic Sans MS,Comic Sans,cursive;font-size:clamp(64px,9vw,112px);font-weight:400;line-height:.9;animation:9s ease-in-out infinite title-drift}.tagline{border-top:1px solid var(--ink);grid-column:2;margin:0 0 4px;padding-top:15px;font-size:13px;line-height:1.55}.browse{border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:end;gap:40px;margin-top:18px;padding:14px;animation:.52s ease-out .12s both settle-in;display:grid}.search-wrap{text-transform:lowercase;grid-template-columns:auto 1fr;align-items:center;gap:14px;font-size:11px;display:grid}.search{border:1px solid var(--rule);border-radius:var(--radius-sm);width:100%;min-width:0;color:var(--ink);transition:border-color var(--ease), background var(--ease);background:0 0;outline:0;padding:7px 10px;font-size:13px}.search::placeholder{color:var(--faded)}.search:focus{border-color:var(--signal);background:#4d8dff0f}.filters{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.chip{border:1px solid var(--rule);color:var(--faded);text-transform:lowercase;cursor:pointer;transition:color var(--ease), border-color var(--ease), background var(--ease), transform var(--ease);background:0 0;border-radius:999px;padding:5px 10px;font-size:11px;line-height:1.4;position:relative}.chip:before{content:"";border:1px solid;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.chip:hover,.chip.on{color:var(--ink);border-color:var(--signal)}.chip:hover{transform:translateY(-1px)rotate(-.35deg)}.chip:active{transform:translateY(1px)scale(.97)}.chip.on{background:#4d8dff1a}.chip.on:before{border-color:var(--signal);background:var(--signal)}.content-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:30px;display:grid}#grid{min-width:0}.section{margin-top:46px;animation:.52s ease-out both settle-in}.section:first-child{animation-delay:.15s}.section:nth-child(2){animation-delay:.21s}.section:nth-child(3){animation-delay:.27s}.sec-head{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;padding-bottom:9px;display:flex}.sec-head>span{color:var(--faded);font-size:11px}.sec-title{letter-spacing:-.03em;text-transform:lowercase;margin:0;font-family:Comic Sans MS,Comic Sans,cursive;font-size:21px;font-weight:400}.cards{flex-direction:column;display:flex}.card{--project-accent:var(--signal);--card-tilt:-.16deg;border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--surface);min-height:150px;transition:border-color var(--ease), background var(--ease), transform var(--ease), box-shadow var(--ease);grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:14px;margin-top:8px;padding:20px 18px 22px;display:grid;position:relative;overflow:hidden}.card:before{content:"";background:var(--project-accent);border-radius:inherit;opacity:.35;transform-origin:top;width:3px;transition:opacity var(--ease), transform .22s ease;position:absolute;inset:0;transform:scaleY(.38)}.card:nth-child(2n){--card-tilt:.16deg}.card:hover{border-color:color-mix(in srgb, var(--project-accent) 68%, var(--rule));background:var(--surface-raised);box-shadow:0 10px 28px #0000003d, 0 0 24px -18px var(--project-accent);transform:translateY(-3px) rotate(var(--card-tilt))}.card:hover:before{opacity:1;transform:scaleY(1)}.card-number,.card-kind{color:var(--faded);letter-spacing:.05em;text-transform:lowercase;font-size:10px}.card-number{padding-top:6px}.card-copy{min-width:0}.card-top{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.card-title{letter-spacing:-.045em;transition:color var(--ease);margin:0;font-family:Comic Sans MS,Comic Sans,cursive;font-size:clamp(24px,2.5vw,34px);font-weight:400;line-height:1}.card:hover .card-title{color:color-mix(in srgb, var(--project-accent) 78%, var(--ink))}.blurb{color:#cfcdc5;max-width:720px;margin:12px 0 15px;font-size:12.5px;line-height:1.6}.tags{color:var(--faded);flex-wrap:wrap;gap:5px;font-size:10.5px;line-height:1.5;display:flex}.tag{border:1px solid var(--rule);background:#ffffff05;border-radius:6px;padding:2px 6px}.card-actions{padding-top:2px}.open{border:1px solid var(--ink);border-radius:var(--radius-sm);min-width:76px;color:var(--ink);text-align:center;text-transform:lowercase;transition:color var(--ease), border-color var(--ease), background var(--ease), transform var(--ease);padding:7px 10px;font-size:11px;text-decoration:none;display:inline-block}.open:not(.disabled):hover{color:var(--paper);border-color:var(--signal);background:var(--signal);transform:translateY(-1px)rotate(-.5deg)}.open:not(.disabled):active{transform:translateY(1px)scale(.97)}.open.disabled{color:var(--faded);border-color:var(--rule);cursor:default;pointer-events:none}.qotd-panel{color:var(--ink);scrollbar-color:var(--signal) transparent;scrollbar-width:thin;border:1px solid var(--rule);border-top:3px solid var(--signal);border-radius:var(--radius-md);background:var(--surface);max-height:calc(100vh - 40px);margin-top:46px;padding:18px;animation:.56s ease-out .22s both settle-in;position:sticky;top:20px;overflow-y:auto}.qotd-head{padding-bottom:12px}.qotd-title{text-transform:lowercase;margin:0;font-family:Comic Sans MS,Comic Sans,cursive;font-size:19px;font-weight:400;line-height:1.2}.qotd-sub{color:var(--faded);margin:7px 0 0;font-size:10.5px;line-height:1.5}.qotd-sub a,.qotd-theword{color:var(--acid);text-underline-offset:2px;text-decoration-thickness:1px}.qotd-nav{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:24px 1fr 24px auto;align-items:center;gap:6px;padding:10px 0;display:grid}.qotd-arrow{width:24px;height:24px;color:var(--faded);cursor:pointer;transition:color var(--ease), border-color var(--ease), background var(--ease), transform var(--ease);background:0 0;border:0;border-radius:6px;padding:0 0 2px;font-size:14px}.qotd-arrow:hover,.qotd-today:hover{color:var(--ink);background:#4d8dff24}.qotd-arrow:first-child:hover{transform:translate(-2px)rotate(-4deg)}.qotd-arrow:nth-child(3):hover{transform:translate(2px)rotate(4deg)}.qotd-arrow:active,.qotd-today:active,.qotd-submit:active{transform:translateY(1px)scale(.96)}.qotd-date{color:#d8dce5;text-align:center;font-size:9.5px;font-weight:500;line-height:1.3}.qotd-today{color:var(--faded);text-transform:lowercase;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 6px;font-size:9px}.qotd-word{color:#b7bcc7;margin:12px 0;font-size:10px;line-height:1.45}.qotd-future{font-style:italic}.qotd-list{flex-direction:column;gap:10px;display:flex}.qotd-empty{margin:5px 0 15px;font-size:10px;line-height:1.5}.qotd-quote{border-top:1px dotted var(--rule);margin:0;padding:12px 0}.qotd-quote.ai{border:0;border-left:2px solid var(--signal);background:0 0;border-radius:0;margin:0;padding:11px 0 11px 12px}.qotd-quote blockquote{margin:0;font-family:Comic Sans MS,Comic Sans,cursive;font-size:15px;line-height:1.45}.qotd-quote figcaption{color:var(--faded);margin-top:7px;font-size:9px}.qotd-form{border-top:1px solid var(--rule);flex-direction:column;gap:8px;margin-top:16px;padding-top:14px;display:flex}.qotd-formtitle{color:var(--ink);font-size:11px}.qotd-form[hidden]{display:none}.qotd-wordrow,.qotd-formrow{align-items:center;gap:8px;display:flex}.qotd-wordlabel{text-transform:lowercase;font-size:9px}.qotd-wordinput,.qotd-text,.qotd-nameinput{border:1px solid var(--rule);border-radius:var(--radius-sm);min-width:0;color:var(--ink);background:#0000002e;outline:none;padding:7px 8px;font-size:11px}.qotd-wordinput{flex:1}.qotd-wordrow.locked .qotd-wordinput{border-style:dashed}.qotd-text{resize:vertical;width:100%;min-height:64px}.qotd-nameinput{flex:1}.qotd-wordinput:focus,.qotd-text:focus,.qotd-nameinput:focus{outline:2px solid var(--signal);outline-offset:-2px}.qotd-submit{border:1px solid var(--signal);border-radius:var(--radius-sm);color:#071126;background:var(--signal);text-transform:lowercase;cursor:pointer;transition:color var(--ease), background var(--ease), transform var(--ease);flex:none;padding:8px 10px;font-size:10px}.qotd-submit:hover{color:#071126;background:var(--acid)}.qotd-submit:disabled{opacity:.5;cursor:wait}.qotd-msg{min-height:13px;font-size:9px}.qotd-msg.err{color:#ff9c8f}.qotd-msg.ok{color:#8fdfa2}.foot{border-top:1px solid var(--rule);color:var(--faded);text-transform:lowercase;justify-content:space-between;gap:20px;margin-top:72px;padding:16px 0 0;font-size:10px;display:flex}.foot a{color:var(--ink);text-underline-offset:3px;transition:color var(--ease)}.foot a:hover{color:var(--signal)}@keyframes settle-in{0%{opacity:0;transform:translateY(8px)}}@keyframes title-drift{0%,to{transform:rotate(-.18deg)translateY(0)}50%{transform:rotate(.16deg)translateY(-1px)}}@media (width<=900px){.hero{min-height:0;display:block}.hero h1{margin-top:70px}.tagline{max-width:520px;margin-top:28px}.content-layout{grid-template-columns:1fr}.qotd-panel{width:min(100%,520px);max-height:none;margin-top:42px;position:static;overflow:visible}}@media (width<=640px){#app{padding:0 18px 30px}.topline{font-size:9px}.hero{padding-top:34px}.kicker{top:32px}.hero h1{font-size:clamp(48px,16vw,78px)}.browse{display:block}.filters{justify-content:flex-start;margin-top:16px}.card{grid-template-columns:30px minmax(0,1fr);gap:10px}.card-actions{grid-column:2}.open{text-align:left}.foot{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}