:root{--ink:#1d2925;--forest:#284638;--cream:#f6f2e9;--paper:#fffcf6;--line:#d8d4c9;--red:#c4573c;--muted:#657068}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans KR',sans-serif}.site-header{height:86px;padding:0 6.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(29,41,37,.12)}.brand{font:700 29px 'DM Mono',monospace;letter-spacing:-2px;color:var(--ink);text-decoration:none}.brand span{color:var(--red)}nav{display:flex;gap:34px;margin-left:88px}nav a,.about-button{border:0;background:none;color:var(--ink);font:13px 'Noto Sans KR';text-decoration:none}.about-button{cursor:pointer}.about-button span{font-size:16px;margin-left:5px}.hero{min-height:610px;padding:103px 6.5vw 70px;position:relative;background:var(--paper);overflow:hidden}.creeper{position:absolute;right:9vw;bottom:56px;width:min(28vw,290px);fill:#e9eee2;z-index:0}.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:1px;color:#68756c;margin:0 0 21px}.hero h1,.section-heading h2,.search-title h2{font:600 clamp(45px,5.3vw,76px)/1.15 'Noto Sans KR';letter-spacing:-5px;margin:0;position:relative;z-index:1}.hero h1 em{font-family:'Playfair Display',serif;font-weight:600;letter-spacing:-4px}.intro{font-size:15px;line-height:1.9;margin:28px 0;color:#526058;position:relative;z-index:1}.scroll-link{display:inline-flex;align-items:center;gap:34px;margin-top:42px;font-size:13px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:9px;position:relative;z-index:1}.scroll-link span{font-size:19px}.featured{padding:110px 6.5vw 132px;background:var(--forest);color:#f9f5eb}.section-heading{display:flex;justify-content:space-between;align-items:flex-start}.section-heading .eyebrow{color:#bfcabf}.section-heading h2,.search-title h2{font-size:42px;letter-spacing:-3px}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:59px}.word-card{min-height:285px;padding:28px;background:#f7f2e8;color:var(--ink);position:relative;cursor:pointer;transition:transform .25s,box-shadow .25s}.word-card:hover{transform:translateY(-7px);box-shadow:8px 9px 0 rgba(16,33,25,.3)}.card-number{font:12px 'DM Mono';color:#849087}.word-korean{font:600 47px/1.1 'Noto Sans KR';letter-spacing:-4px;margin:42px 0 18px}.card-meta{font:11px/1.8 'DM Mono';color:#66756b;margin:0}.card-rarity{position:absolute;left:28px;bottom:25px;color:var(--red);font:500 11px 'DM Mono';letter-spacing:.5px}.card-arrow{position:absolute;right:27px;bottom:23px;font-size:24px}.search-section{padding:112px 6.5vw 140px;display:grid;grid-template-columns:minmax(250px,.85fr) minmax(500px,1.4fr);gap:8vw;background:var(--cream)}.search-panel{padding-top:31px}.search-box{height:64px;border-bottom:2px solid var(--ink);display:flex;align-items:center;gap:13px}.search-icon{font:31px/1 serif;transform:rotate(-15deg)}input{appearance:none;border:0;outline:none;background:transparent;font:500 17px 'Noto Sans KR';width:100%;color:var(--ink)}input::placeholder{color:#90968e}.search-box button{border:0;background:none;font:27px/1 sans-serif;color:#778078;cursor:pointer;opacity:0;transition:opacity .15s}.search-box:focus-within button,.search-box button.has-text{opacity:1}.filters{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:18px 0;font-size:12px;color:var(--muted)}.filters label{display:flex;align-items:center;gap:8px}select{border:0;background:transparent;color:var(--ink);font:600 12px 'Noto Sans KR';outline:0;cursor:pointer}.result-list{min-height:355px}.result-item{width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:20px 4px;display:grid;grid-template-columns:115px 1fr 25px;gap:15px;align-items:center;font-family:inherit;cursor:pointer;color:var(--ink);transition:padding .2s,background .2s}.result-item:hover{padding-left:12px;background:#eeeadf}.result-word{font-size:20px;font-weight:600;letter-spacing:-1.5px}.result-desc{font:11px/1.6 'DM Mono';color:#68736b}.result-item i{font-style:normal;font-size:18px}.empty-state{text-align:center;color:#728078;line-height:1.8;padding:100px 0}.word-dialog{border:0;padding:0;width:min(630px,calc(100% - 34px));background:var(--paper);color:var(--ink);box-shadow:0 18px 80px rgba(14,25,18,.35)}.word-dialog::backdrop{background:rgba(26,38,31,.55);backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:20px;top:18px;border:0;background:none;font-size:27px;cursor:pointer;color:var(--ink)}.dialog-inner{padding:68px 62px 55px}.dialog-meta{font:11px 'DM Mono';letter-spacing:.8px;color:var(--red)}.dialog-word{font:600 62px/1 'Noto Sans KR';letter-spacing:-5px;margin:22px 0 38px}.definition{font-size:19px;line-height:1.75;letter-spacing:-.5px;margin:0;padding:25px 0;border-top:1px solid var(--line)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:15px}.info-cell{background:#f0ece2;padding:16px 17px;min-height:80px}.info-cell b{display:block;color:var(--red);font:10px 'DM Mono';letter-spacing:.8px;margin-bottom:7px}.info-cell span{font:500 12px/1.5 'DM Mono';color:#3d4a42;overflow-wrap:anywhere}.countdown{grid-column:span 2;background:#e6ede3}.countdown span{font-size:19px;color:var(--forest)}footer{background:#1d2925;color:#e9e7df;min-height:150px;padding:41px 6.5vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}footer .brand{color:#f4f0e7}footer p{font-size:12px;color:#aeb7b0;margin:0;text-align:center}footer p:last-child{text-align:right;font:10px 'DM Mono';letter-spacing:.6px}@media(max-width:720px){.site-header{padding:0 24px;height:70px}nav{display:none}.hero{padding:80px 24px;min-height:525px}.creeper{width:190px;right:-24px;bottom:35px}.hero h1{letter-spacing:-4px}.featured,.search-section{padding:74px 24px}.section-heading{display:block}.featured-grid{grid-template-columns:1fr;margin-top:35px}.word-card{min-height:215px}.word-korean{margin-top:30px}.search-section{display:block}.search-title{margin-bottom:38px}.result-item{grid-template-columns:92px 1fr 20px}.dialog-inner{padding:60px 28px 35px}.dialog-word{font-size:49px}footer{padding:31px 24px;grid-template-columns:1fr;gap:16px}footer p,footer p:last-child{text-align:left}}