:root{font-family:Inter,Pretendard,"Noto Sans KR",system-ui,sans-serif;color:#292621;background:#eee8de;--paper:#f7f3ec;--paper2:#eee7dd;--ink:#292621;--dim:#80786e;--line:#d8cfc3;--accent:#655b50;--shadow:0 18px 50px rgba(63,51,40,.11)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 73% 8%,rgba(255,255,255,.8),transparent 28%),linear-gradient(135deg,#ebe4da,#f4efe7 50%,#e9e1d6);color:var(--ink)}button,input{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:210px minmax(0,1fr)}
.rail{position:sticky;top:0;height:100vh;padding:22px 15px 18px;border-right:1px solid rgba(112,96,81,.14);background:rgba(241,235,226,.72);backdrop-filter:blur(18px);display:flex;flex-direction:column}
.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit;padding:3px 4px 24px}.brand-mark{width:34px;height:34px;border:1px solid #9e9387;border-radius:11px;display:grid;place-items:center;font-family:Georgia,serif;font-size:20px;background:rgba(255,255,255,.35)}.brand b{display:block;font-size:12px;letter-spacing:.12em}.brand small{font-size:8px;letter-spacing:.12em;color:var(--dim)}
.nav{display:grid;gap:4px}.nav-item{border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:9px;color:var(--dim);cursor:pointer}.nav-item.active,.nav-item:hover{background:rgba(111,95,80,.08);color:var(--ink)}.nav-item span{margin-left:7px;font-size:11px}.rail-spacer{flex:1}.rail-links{display:grid;gap:2px}.rail-links a{display:flex;justify-content:space-between;text-decoration:none;color:var(--dim);font-size:10px;padding:7px 8px;border-radius:8px}.rail-links a:hover{background:rgba(111,95,80,.07);color:var(--ink)}
.main{width:min(1180px,calc(100vw - 210px));margin:0 auto;padding:66px 54px 80px}.top{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.eyebrow{font-size:9px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--dim)}h1{font-family:Georgia,"Noto Serif KR",serif;font-size:36px;font-weight:500;margin:6px 0 7px;letter-spacing:-.035em}.top p{margin:0;color:var(--dim);font-size:12px}.desk-link{font-size:10px;color:var(--dim);text-decoration:none;border:1px solid var(--line);padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.32)}
.search-wrap{margin:34px 0 24px}.search{height:58px;border:1px solid #cfc5b8;border-radius:16px;background:rgba(250,247,241,.82);box-shadow:var(--shadow);display:flex;align-items:center;padding:0 9px 0 18px;gap:10px}.search:focus-within{border-color:#9b8d7e;box-shadow:0 20px 55px rgba(63,51,40,.14)}.search-icon{font-size:22px;color:#8c8175}.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:15px;color:var(--ink)}.search input::placeholder{color:#a59a8f}.clear{border:0;background:transparent;color:var(--dim);font-size:20px;cursor:pointer}.submit{border:1px solid #75695c;background:#6a5e52;color:#fff;border-radius:10px;padding:9px 15px;font-size:11px;cursor:pointer}
.home-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.panel{border:1px solid rgba(123,105,88,.16);border-radius:15px;background:rgba(248,244,237,.6);padding:17px;box-shadow:0 8px 30px rgba(66,54,43,.04)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.panel h2,.results-head h2,.detail h2{font-size:15px;margin:3px 0 0}.text-btn{border:0;background:transparent;color:var(--dim);font-size:9px;cursor:pointer}.recent-list{display:grid;gap:6px}.recent-empty{color:var(--dim);font-size:11px;padding:16px 2px}.recent-item{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:9px 4px;text-align:left;display:flex;justify-content:space-between;cursor:pointer;color:var(--ink);font-size:11px}.recent-item:last-child{border-bottom:0}.recent-item span{color:var(--dim)}
.doors{display:grid;grid-template-columns:1fr 1fr;gap:7px}.doors a{position:relative;min-height:84px;border:1px solid var(--line);background:rgba(255,255,255,.3);border-radius:11px;padding:13px;text-decoration:none;color:inherit}.doors a:hover{background:rgba(255,255,255,.62);transform:translateY(-1px)}.doors b{display:block;font-size:12px}.doors span{display:block;margin-top:4px;color:var(--dim);font-size:9px}.doors em{position:absolute;right:10px;top:9px;color:#9a8e82;font-style:normal}.note-panel{grid-column:1/-1;min-height:150px;background:linear-gradient(115deg,rgba(94,82,70,.93),rgba(75,67,59,.9));color:#f5f0e9}.note-panel .eyebrow,.note-panel p{color:#cfc6bc}.note-panel h2{font-family:Georgia,"Noto Serif KR",serif;font-size:22px;font-weight:500;line-height:1.35}.note-panel p{max-width:640px;font-size:10px;line-height:1.7}
.results-view{padding-top:4px}.results-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.results-head>span{font-size:9px;color:var(--dim)}.results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.result{border:1px solid var(--line);border-radius:12px;background:rgba(249,246,240,.76);padding:13px;text-align:left;cursor:pointer;color:inherit;min-height:132px}.result:hover{background:#fbf8f3;border-color:#b6a99a;transform:translateY(-1px)}.result-head{display:flex;justify-content:space-between;gap:8px}.result strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result small{color:var(--dim);font-size:8px}.result p{font-size:9px;line-height:1.55;color:var(--dim);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.result em{font-style:normal;font-size:8px;color:#74685d}.state{padding:30px;text-align:center;color:var(--dim);font-size:11px}
.detail-backdrop{position:fixed;inset:0;z-index:100;background:rgba(38,31,25,.34);backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px}.detail-backdrop[hidden]{display:none}.detail{width:min(790px,94vw);max-height:88vh;display:flex;flex-direction:column;background:#f9f6f0;border:1px solid #cfc4b7;border-radius:16px;box-shadow:0 30px 90px rgba(36,28,22,.32);overflow:hidden}.detail-head{display:flex;justify-content:space-between;gap:16px;padding:16px 18px 12px;border-bottom:1px solid var(--line)}.detail-head button{border:0;background:transparent;font-size:23px;color:var(--dim);cursor:pointer}.detail-meta{display:flex;gap:8px;padding:8px 18px;background:#f0e9df;border-bottom:1px solid var(--line);font-size:8px;color:var(--dim)}.detail-meta code{overflow:hidden;text-overflow:ellipsis}.detail-state{padding:10px 18px;font-size:9px;color:var(--dim);border-bottom:1px solid var(--line)}.detail pre{margin:0;padding:18px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:11px;line-height:1.72;color:#342f2a}
@media(max-width:850px){.shell{grid-template-columns:1fr}.rail{position:static;height:auto;display:flex;flex-direction:row;align-items:center;padding:12px 14px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0;margin-right:auto}.brand small,.nav,.rail-spacer{display:none}.rail-links{display:flex}.rail-links a{font-size:0}.rail-links a:first-child{font-size:9px}.main{width:100%;padding:40px 18px 60px}.top{display:block}.desk-link{display:none}.home-grid{grid-template-columns:1fr}.note-panel{grid-column:auto}.results{grid-template-columns:1fr}.doors{grid-template-columns:1fr 1fr}h1{font-size:30px}}