@import "https://fonts.googleapis.com/css2?family=Anton&family=Caveat:wght@700&family=Instrument+Serif:ital@0;1&family=Inter:wght@400;700;900&family=JetBrains+Mono:wght@800&display=swap";
:root{--display:"Anton",sans-serif;--hand:"Caveat",cursive;--serif:"Instrument Serif",serif;--sans:"Inter",system-ui,sans-serif;--mono:"JetBrains Mono",monospace;--bg:#ecece8;--text:#050505;--accent-1:#f05;--accent-2:#0f5;--accent-3:#4000ff;--border:#050505}*,:before,:after{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--accent-1);color:#fff}html{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;cursor:crosshair;overflow-x:hidden}body{background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-size:40px 40px;min-height:100vh;position:relative;overflow-x:hidden}.marquee-top,.marquee-bottom{background:var(--text);height:30px;color:var(--bg);font-family:var(--mono);text-transform:uppercase;z-index:1000;white-space:nowrap;align-items:center;font-size:14px;display:flex;position:fixed;left:0;right:0;overflow:hidden}.marquee-top{border-bottom:2px solid var(--accent-1);top:0}.marquee-bottom{border-top:2px solid var(--accent-2);bottom:0}.marquee-inner{padding-left:100%;animation:20s linear infinite scrollLeft;display:inline-block}@keyframes scrollLeft{0%{transform:translate(0,0)}to{transform:translate(-100%)}}.shell{z-index:10;min-height:100vh;padding:80px 4vw;position:relative}.nav{border-bottom:4px solid var(--text);justify-content:space-between;align-items:flex-start;margin-bottom:60px;padding-bottom:20px;display:flex}.nav-brand{color:var(--text);flex-direction:column;text-decoration:none;display:flex}.nav-k{font-family:var(--display);letter-spacing:-2px;text-transform:uppercase;font-size:80px;line-height:.8}.nav-k-sub{font-family:var(--hand);color:var(--accent-1);font-size:32px;transform:rotate(-5deg)translateY(-15px)translate(40px)}.nav-links{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.nav-link{font-family:var(--mono);color:var(--bg);background:var(--text);text-transform:uppercase;box-shadow:4px 4px 0 var(--accent-2);padding:4px 12px;font-size:16px;text-decoration:none;transition:all .1s}.nav-link:hover{box-shadow:2px 2px 0 var(--accent-1);background:var(--accent-3);transform:translate(2px,2px)}.hero{min-height:60vh;margin-bottom:80px;position:relative}.hero-bg-text{font-family:var(--display);color:#00000008;white-space:nowrap;pointer-events:none;z-index:-1;text-transform:uppercase;font-size:28vw;line-height:.8;position:absolute;top:-40px;left:-5vw}.h-line-1{font-family:var(--display);text-transform:uppercase;letter-spacing:-2px;color:var(--text);word-break:break-word;max-width:900px;font-size:clamp(60px,12vw,150px);line-height:.85}.h-line-1 span{display:inline-block}.h-line-hand{font-family:var(--hand);color:var(--accent-1);z-index:2;text-shadow:2px 2px #fff,-2px -2px #fff,2px -2px #fff,-2px 2px #fff;margin-top:-20px;margin-left:10vw;font-size:clamp(40px,8vw,100px);position:relative;transform:rotate(-4deg)}.h-desc{font-family:var(--mono);border:2px solid var(--text);background:var(--accent-2);max-width:400px;color:var(--text);box-shadow:8px 8px 0 var(--text);text-transform:uppercase;margin-top:60px;padding:20px;font-size:14px;line-height:1.4}.decor-star{background:var(--text);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);z-index:1;width:120px;height:120px;animation:20s linear infinite spin;position:absolute;top:20vh;right:10vw}@keyframes spin{to{transform:rotate(360deg)}}.decor-badge{font-family:var(--serif);background:var(--accent-1);color:#fff;border:2px solid var(--text);z-index:5;white-space:nowrap;border-radius:50%;padding:10px 30px;font-size:24px;font-style:italic;position:absolute;bottom:0;right:20vw;transform:rotate(15deg)}.search-area{margin-bottom:80px;position:relative}.search-field{border-bottom:8px solid var(--text);align-items:flex-end;padding-bottom:10px;display:flex;position:relative}.search-field input{font-family:var(--display);color:var(--text);text-transform:uppercase;background:0 0;border:none;outline:none;flex:1;font-size:clamp(40px,8vw,100px);line-height:1}.search-field input::placeholder{color:#00000026}.search-go{font-family:var(--hand);color:var(--accent-3);cursor:pointer;background:0 0;border:none;margin-left:20px;font-size:clamp(30px,6vw,60px);transition:all .1s;transform:rotate(-10deg)}.search-go:hover{color:var(--accent-1);transform:rotate(-5deg)scale(1.1)}.search-hints{font-family:var(--mono);text-transform:uppercase;flex-wrap:wrap;gap:15px;margin-top:20px;font-size:14px;font-weight:800;display:flex}.search-hints span{cursor:pointer;background:var(--text);color:var(--bg);padding:4px 10px;transition:all .1s}.search-hints span:hover{background:var(--accent-1);transform:skew(-15deg)}.alpha-strip{flex-wrap:wrap;gap:10px;margin-bottom:80px;display:flex}.alpha-letter{font-family:var(--serif);color:var(--text);cursor:pointer;background:0 0;border:2px solid #0000;padding:0 10px;font-size:40px;font-style:italic;line-height:1;transition:all .2s}.alpha-letter:hover{color:var(--accent-1);font-family:var(--sans);border:2px solid var(--text);font-style:normal;font-weight:900;transform:rotate(5deg)}.alpha-letter.on{background:var(--text);color:var(--accent-2);font-family:var(--display);border:2px solid var(--text);font-style:normal;transform:rotate(-3deg)scale(1.2)}.content{z-index:5;position:relative}.feat-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:80px;display:grid}.feat-card{border:4px solid var(--text);background:var(--bg);box-shadow:12px 12px 0 var(--text);padding:40px 30px;transition:all .2s;position:relative}.feat-card:hover{box-shadow:8px 8px 0 var(--accent-1);transform:translate(4px,4px)}.feat-num{font-family:var(--display);color:var(--accent-2);-webkit-text-stroke:2px var(--text);text-shadow:4px 4px 0 var(--text);z-index:2;font-size:80px;position:absolute;top:-30px;right:-20px;transform:rotate(15deg)}.feat-card h3{font-family:var(--display);text-transform:uppercase;z-index:3;margin-bottom:15px;font-size:32px;position:relative}.feat-card p{font-family:var(--mono);text-transform:uppercase;z-index:3;font-size:14px;font-weight:800;line-height:1.5;position:relative}.sec-head{border-top:8px solid var(--text);border-bottom:2px solid var(--text);justify-content:space-between;align-items:flex-end;margin-bottom:40px;padding:20px 0;display:flex}.sec-head h3{font-family:var(--display);text-transform:uppercase;font-size:clamp(40px,6vw,80px);line-height:.8}.sec-head h3 em{font-family:var(--hand);color:var(--accent-1);margin-left:20px;font-size:clamp(30px,5vw,60px)}.sec-meta{font-family:var(--mono);background:var(--text);color:var(--bg);text-transform:uppercase;padding:5px 10px;font-size:14px;font-weight:800}.entry{border:4px solid var(--text);box-shadow:8px 8px 0 var(--accent-3);background:#fff;margin-bottom:30px;padding:40px;position:relative}.entry:before{content:"DEFINITION";background:var(--text);color:var(--bg);font-family:var(--mono);transform-origin:0 0;letter-spacing:2px;padding:2px 8px;font-size:10px;position:absolute;top:10px;left:-20px;transform:rotate(-90deg)}.entry-word{font-family:var(--display);text-transform:uppercase;color:var(--text);word-break:break-word;margin-bottom:20px;font-size:clamp(50px,8vw,100px);line-height:.8}.entry-word sup{font-family:var(--mono);color:var(--accent-1);vertical-align:top;font-size:20px}.def-row{font-family:var(--serif);gap:20px;margin-bottom:20px;font-size:24px;line-height:1.4;display:flex}.def-idx{font-family:var(--display);color:var(--accent-2);-webkit-text-stroke:1px var(--text);font-size:40px;line-height:.8}.pos-tag{font-family:var(--mono);background:var(--text);color:var(--bg);text-transform:uppercase;vertical-align:middle;box-shadow:2px 2px 0 var(--accent-1);margin-right:15px;padding:4px 8px;font-size:12px;font-weight:800}.def-ex{font-family:var(--hand);color:var(--accent-3);border-left:4px solid var(--accent-3);margin-top:10px;padding-left:20px;font-size:28px;line-height:1.1;display:block}.words{flex-wrap:wrap;gap:15px;display:flex}.word-btn{background:var(--bg);border:2px solid var(--text);color:var(--text);font-family:var(--display);text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0 var(--text);padding:5px 15px;font-size:24px;transition:all .1s}.word-btn:hover{background:var(--text);color:var(--accent-2);box-shadow:2px 2px 0 var(--accent-1);transform:translate(2px,2px)}.pager{border-top:8px solid var(--text);justify-content:space-between;align-items:center;margin-top:60px;padding:40px 0;display:flex}.pager button{font-family:var(--display);background:var(--accent-1);color:#fff;border:4px solid var(--text);cursor:pointer;text-transform:uppercase;box-shadow:6px 6px 0 var(--text);padding:0 30px;font-size:40px;transition:all .1s}.pager button:hover:not(:disabled){box-shadow:4px 4px 0 var(--text);transform:translate(2px,2px)}.pager button:disabled{color:#888;box-shadow:none;cursor:not-allowed;background:#ccc;border-color:#888;transform:translate(6px,6px)}.pager span{font-family:var(--mono);font-size:18px;font-weight:800}.loader{text-align:center;padding:100px 0}.loader span{font-family:var(--display);color:var(--text);text-transform:uppercase;font-size:60px;animation:.2s infinite alternate blink}@keyframes blink{0%{opacity:1}to{opacity:0;color:var(--accent-1)}}.empty-state{border:8px solid var(--accent-1);text-align:center;background:var(--text);color:#fff;padding:80px 40px;transform:rotate(-1deg)}.empty-state h3{font-family:var(--display);color:var(--accent-2);text-transform:uppercase;margin-bottom:20px;font-size:60px}.empty-state p{font-family:var(--mono);margin-bottom:40px;font-size:16px}.pill{font-family:var(--hand);background:var(--accent-3);color:#fff;cursor:pointer;border:2px solid #fff;margin:5px;padding:5px 20px;font-size:32px;transition:all .1s}.pill:hover{background:var(--accent-1);transform:scale(1.1)rotate(5deg)}@media (max-width:1024px){.shell{padding:60px 4vw}.hero{min-height:auto;margin-bottom:50px}.h-desc{max-width:380px;margin-top:35px}.decor-star{width:80px;height:80px;right:3vw}.decor-badge{padding:8px 22px;font-size:18px;right:5vw}.feat-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:60px}.feat-card{box-shadow:8px 8px 0 var(--text);padding:30px 20px;overflow:hidden}.feat-num{font-size:65px;top:-15px;right:-5px}.entry{padding:30px}.nav-link{padding:3px 10px;font-size:14px}}@media (max-width:768px){.shell{padding:45px 5vw 50px}.nav{border-bottom-width:3px;flex-direction:column;gap:12px;margin-bottom:25px;padding-bottom:12px}.nav-brand{flex-direction:row;align-items:baseline;gap:6px}.nav-k{font-size:44px}.nav-k-sub{font-size:18px;transform:rotate(-3deg)translateY(-4px)translate(0)}.nav-links{flex-direction:row;align-items:center;gap:8px}.nav-link{box-shadow:3px 3px 0 var(--accent-2);padding:4px 10px;font-size:11px}.hero{min-height:auto;margin-bottom:30px}.hero-bg-text{font-size:35vw;top:-15px}.h-line-1{font-size:clamp(42px,11vw,80px)}.h-line-hand{margin-top:-5px;margin-left:0;font-size:clamp(30px,7vw,60px)}.h-desc{max-width:100%;box-shadow:5px 5px 0 var(--text);margin-top:20px;padding:14px 16px;font-size:11px}.decor-star{width:45px;height:45px;top:5px;right:0}.decor-badge{display:none}.search-area{margin-bottom:25px}.search-field{border-bottom-width:4px;padding-bottom:6px}.search-field input{font-size:clamp(24px,6.5vw,50px)}.search-go{margin-left:8px;font-size:clamp(18px,4.5vw,32px)}.search-hints{gap:6px;margin-top:12px;font-size:10px}.search-hints span{padding:3px 7px}.alpha-strip{gap:4px;margin-bottom:30px}.alpha-letter{padding:3px 5px;font-size:24px}.feat-grid{grid-template-columns:1fr;gap:30px;margin-bottom:40px}.feat-card{box-shadow:6px 6px 0 var(--text);padding:25px 20px;overflow:hidden}.feat-num{opacity:.7;font-size:55px;top:-12px;right:-3px}.feat-card h3{font-size:24px}.feat-card p{font-size:12px}.sec-head{border-top-width:5px;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:20px}.sec-head h3{font-size:clamp(30px,6vw,50px)}.sec-head h3 em{margin-left:8px;font-size:clamp(24px,5vw,40px)}.entry{box-shadow:5px 5px 0 var(--accent-3);margin-bottom:20px;padding:20px 16px}.entry:before{display:none}.entry-word{margin-bottom:12px;font-size:clamp(32px,8vw,55px)}.def-row{gap:10px;margin-bottom:14px;font-size:17px}.def-idx{min-width:28px;font-size:28px}.def-ex{padding-left:12px;font-size:20px}.words{gap:8px}.word-btn{box-shadow:3px 3px 0 var(--text);padding:4px 10px;font-size:16px}.pager{border-top-width:5px;gap:10px;margin-top:30px;padding:20px 0}.pager button{box-shadow:4px 4px 0 var(--text);padding:2px 14px;font-size:20px}.pager span{font-size:13px}.loader{padding:50px 0}.loader span{font-size:32px}.empty-state{padding:40px 20px;transform:none}.empty-state h3{font-size:32px}.empty-state p{font-size:13px}.pill{padding:4px 14px;font-size:22px}.marquee-top,.marquee-bottom{height:24px;font-size:11px}}@media (max-width:480px){.shell{padding:35px 4vw 45px}.nav{margin-bottom:16px;padding-bottom:10px}.nav-k{font-size:34px}.nav-k-sub{font-size:15px}.hero{margin-bottom:20px}.hero-bg-text{font-size:45vw}.h-line-1{font-size:clamp(34px,10vw,60px)}.h-line-hand{font-size:clamp(24px,6vw,40px)}.h-desc{box-shadow:4px 4px 0 var(--text);padding:10px 12px;font-size:10px}.decor-star{width:30px;height:30px}.search-field input{font-size:22px}.search-go{margin-left:6px;font-size:18px}.search-hints{gap:4px;font-size:9px}.alpha-strip{gap:2px;margin-bottom:20px}.alpha-letter{padding:2px 4px;font-size:20px}.feat-grid{gap:25px;margin-bottom:30px}.feat-card{box-shadow:5px 5px 0 var(--text);padding:18px 14px}.feat-num{font-size:45px;top:-10px;right:0}.feat-card h3{font-size:20px}.feat-card p{font-size:11px}.sec-head h3{font-size:24px}.sec-head h3 em{margin-left:4px;font-size:20px}.entry{border-width:3px;padding:14px 12px}.entry-word{font-size:clamp(26px,8vw,42px)}.def-row{gap:8px;font-size:15px}.def-idx{font-size:22px}.pos-tag{padding:2px 5px;font-size:10px}.def-ex{font-size:17px}.word-btn{box-shadow:2px 2px 0 var(--text);padding:3px 8px;font-size:13px}.pager{text-align:center;flex-direction:column;align-items:stretch;gap:12px}.pager button{width:100%;box-shadow:3px 3px 0 var(--text);padding:5px 12px;font-size:16px}.loader span{font-size:24px}.empty-state{border-width:4px;padding:25px 14px}.empty-state h3{font-size:24px}.empty-state p{font-size:11px}.pill{font-size:18px}.marquee-top,.marquee-bottom{height:20px;font-size:9px}}
