@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--ink:#253f36;--muted:#788078;--paper:#f8f9f5;--line:#e1e5dd;--green:#315445;--accent:#e6edc4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;font-size:14px;letter-spacing:-.4px}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a47631;outline-offset:3px}header{height:98px;max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:800;white-space:nowrap}.brand-icon{background:var(--ink);color:var(--paper);width:43px;height:45px;display:grid;place-items:center;border-radius:13px 3px 13px 3px;font-size:27px}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:500;margin-top:2px}nav{display:flex;gap:32px;height:100%;align-items:center}.nav{height:100%;position:relative;font-weight:500;color:#7b827b}.nav.active{color:var(--ink)}.nav.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--ink)}#savedCount{font-size:10px;background:#e9ede3;border-radius:50%;padding:3px 6px;margin-left:4px}.outline{border:1px solid #ccd4c9;border-radius:6px;padding:11px 17px;font-size:12px;font-weight:500}main{max-width:1192px;margin:auto}.hero{min-height:400px;display:grid;grid-template-columns:1.18fr 1fr;background:#edf0e5;border-radius:12px;overflow:hidden;margin-top:18px}.hero-copy{padding:43px 46px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;margin:0 0 18px}.eyebrow span{display:inline-block;width:6px;height:6px;background:#7c9167;border-radius:50%;margin-right:5px}h1{font-size:43px;line-height:1.45;font-weight:500;letter-spacing:-2.5px;margin:0 0 15px}h1 em{font-style:normal;font-weight:800}.intro{color:#697765;line-height:1.9;font-size:13px}.hero-bottom{display:flex;gap:12px;align-items:center;margin-top:25px;font-size:10px;color:#73816d;line-height:1.7}.hero-bottom b{font-weight:500}.tiny-book{font-size:25px}.hero-art{position:relative;min-height:400px;overflow:hidden;background:#e4ead9}.art-label{position:absolute;top:32px;left:32px;z-index:2;font-family:Georgia,serif;font-size:12px;line-height:1.5;letter-spacing:1.5px}.sun{width:95px;height:95px;border-radius:50%;background:#e4bf76;position:absolute;right:56px;top:43px}.arch{position:absolute;bottom:0;left:80px;width:255px;height:320px;background:#b4c3a1;border-radius:145px 145px 0 0;border:14px solid #d1dbc2;border-bottom:none;box-shadow:15px 10px 0 #ccd5bd}.shelf{height:14px;background:#8d9d7e;position:absolute;left:0;right:0;bottom:64px;box-shadow:0 8px 0 #a6b495}.shelf-one{bottom:176px}.book{position:absolute;bottom:14px;width:35px;border:1px solid #ffffff30;border-radius:3px 3px 0 0;background:#42614d}.book:before{content:'';position:absolute;left:7px;right:7px;top:10px;height:3px;background:#ffffff50}.b1{left:30px;height:87px;background:#ede5c9}.b2{left:67px;height:96px;background:#b88c61;width:25px}.b3{left:95px;height:74px;background:#466650}.b4{left:143px;height:92px;transform:rotate(-15deg);background:#e5c77c}.b5{left:35px;height:82px;background:#7b8b65}.b6{left:73px;height:94px;background:#e5c77c;width:30px}.b7{left:108px;height:76px;background:#e2deca;width:45px}.plant{position:absolute;right:38px;bottom:0;width:88px;height:160px}.plant span{position:absolute;bottom:0;width:72px;height:69px;background:#bd7851;clip-path:polygon(0 0,100% 0,85% 100%,15% 100%)}.plant i{position:absolute;background:#526f4b;width:43px;height:70px;border-radius:0 80% 0 80%;bottom:60px;left:5px;transform:rotate(-20deg)}.plant i:nth-child(2){left:35px;bottom:87px;transform:rotate(60deg)}.plant i:nth-child(3){left:18px;bottom:116px;transform:rotate(-10deg)}.art-note{position:absolute;bottom:21px;left:19px;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px}.orbit{position:absolute;bottom:96px;left:23px;transform:rotate(-10deg);border-radius:50%;border:1px solid #56704f;background:#e6edc4;width:76px;height:76px;display:grid;place-content:center;text-align:center;line-height:1.5;font-size:14px;font-weight:600}.notice{font-size:11px;color:#8b7954;padding:12px 3px}.finder{background:white;border:1px solid var(--line);border-radius:10px;padding:24px 28px;margin-top:10px;box-shadow:0 6px 22px #273b2d04}.finder-title{display:flex;justify-content:space-between;font-size:15px;font-weight:700;margin-bottom:15px}.finder-title button{font-size:11px;color:#64775e;font-weight:500}.search-row{display:flex;gap:12px}.region-field{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:5px;padding:0 15px;min-width:230px}.region-field span{font-size:11px;color:#8d948b}select{border:0;background:transparent;color:inherit;padding:10px 4px;max-width:100%}.search-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:5px;flex:1;min-width:0}.search-icon{font-size:25px;padding:0 14px;color:#8a9784}input{border:0;background:transparent;width:100%;padding:15px 10px 15px 0;outline-offset:-3px;min-width:0}input::placeholder{color:#9b9f96;font-size:12px}.primary{background:var(--green);color:white;border-radius:5px;padding:0 26px;font-size:13px}.primary span{margin-left:18px}.location-info{padding-top:15px;font-size:12px}.location-info button{margin-left:10px;text-decoration:underline}.interests{margin:29px 0 39px}.section-label{font-size:13px;font-weight:600;margin-bottom:15px}.section-label span{font-size:11px;font-weight:400;color:#92998e;margin-left:10px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#fff;border-radius:24px;padding:10px 19px;font-size:12px}.chip.active{background:var(--ink);color:white;border-color:var(--ink)}.chip span{margin-right:6px}.result-heading{display:flex;justify-content:space-between;align-items:end}.result-heading .eyebrow{color:#89967d;font-size:9px;margin-bottom:10px}h2{font-size:23px;font-weight:700;letter-spacing:-1px;margin:0}h2 span{font-size:16px;font-weight:400;color:#8b9c7d;margin-left:8px}.sort-label{font-size:10px;color:#778271}.sort-label select{font-size:12px}.result-tools{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:16px 0 17px;margin-bottom:23px;color:#8a9384;font-size:11px}.result-tools button{font-size:11px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{border:1px solid var(--line);border-radius:8px;background:white;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #31422b0b}.poster{height:166px;position:relative;overflow:hidden;padding:23px 25px;background:var(--poster-bg);color:var(--poster-ink)}.poster:before{content:'';position:absolute;width:145px;height:145px;border:1px solid currentColor;opacity:.18;border-radius:50%;right:-25px;top:19px}.poster:after{content:'';position:absolute;width:95px;height:95px;border:1px solid currentColor;opacity:.18;border-radius:50%;right:0;top:43px}.poster-label{font-size:8px;letter-spacing:2px;opacity:.7}.poster-title{font-family:Georgia,'Noto Sans KR',serif;font-size:24px;line-height:1.4;position:relative;z-index:1;margin-top:16px;font-weight:500;white-space:pre-line;max-width:80%}.poster-icon{position:absolute;right:23px;bottom:9px;font-size:72px;opacity:.35}.bookmark{position:absolute;right:13px;top:12px;background:#ffffffd9;border-radius:50%;width:31px;height:31px;font-size:18px;z-index:2;color:#46614d}.bookmark.on{background:var(--ink);color:#fff}.card-body{padding:20px 22px}.badges{display:flex;gap:6px;font-size:9px;margin-bottom:10px}.badge{background:#eef2e8;color:#637b53;border-radius:3px;padding:4px 7px}.badge.neutral{color:#8e8e7f;background:#f3f3ed}.card-title{text-align:left;font-size:16px;font-weight:700;line-height:1.55;padding:0;display:block;min-height:49px}.card-info{display:grid;gap:7px;font-size:11px;color:#7f887b;margin-top:15px}.card-info span b{font-weight:400;color:#53644e;margin-right:7px}.card-bottom{display:flex;justify-content:space-between;border-top:1px solid #edf0e8;margin-top:16px;padding-top:12px;font-size:10px;color:#96a08e}.card-bottom button{font-size:11px;color:#506748}.more{display:block;margin:28px auto 0;min-width:170px;background:white}.empty{grid-column:1/-1;padding:65px 20px;text-align:center;background:white;border:1px dashed #ced6c5;border-radius:8px;color:#7d8a74;line-height:1.9}.bottom-note{margin:50px 0;background:#edf0e4;border-radius:8px;padding:25px 31px;display:flex;align-items:center;gap:22px}.note-symbol{font-size:42px;color:#82956b}.bottom-note h3{font-size:16px;margin:0 0 7px}.bottom-note p{font-size:11px;color:#839075;margin:0}.bottom-note button{margin-left:auto;white-space:nowrap}footer{max-width:1192px;margin:0 auto;padding:25px 0 35px;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;color:#94a08c;font-size:10px}.footer-brand{font-size:17px;font-weight:700;color:#73856b}footer>span:last-child{margin-left:auto}dialog{border:1px solid var(--line);border-radius:14px;padding:38px;max-width:540px;width:calc(100% - 32px);color:var(--ink);line-height:1.9}dialog::backdrop{background:#13271eb0;backdrop-filter:blur(3px)}dialog .close{position:absolute;top:8px;right:13px;font-size:28px}.muted{color:#89927f;font-size:12px}.detail-actions{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.detail-actions a,.detail-actions button{padding:12px 17px}.detail-list{font-size:13px;line-height:2.2;margin:20px 0}.detail-list dt{float:left;width:85px;color:#8e9887}.detail-list dd{margin-left:90px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:13px 22px;border-radius:8px;font-size:12px;z-index:20;display:none;max-width:90%;width:max-content}[hidden]{display:none!important}
@media(min-width:1500px){main,footer{max-width:1240px}.hero{min-height:420px}.hero-art{min-height:420px}.hero-copy{padding-top:50px}}
@media(max-width:1250px){main,footer{margin-left:28px;margin-right:28px}}
@media(max-width:850px){header{padding:0 24px;height:85px}.brand{font-size:19px}nav{gap:16px}.hero-copy{padding:35px 28px}h1{font-size:34px}.hero-art{min-height:370px}.arch{left:40px;width:220px}.plant{right:0}.sun{right:20px}.grid{grid-template-columns:repeat(2,1fr)}.region-field{min-width:180px}.search-row{gap:8px}.primary{padding:0 18px}.hero-bottom{font-size:9px}.art-label{left:20px}.orbit{left:5px}}
@media(max-width:600px){header{height:78px;padding:0 18px;gap:10px}.brand{font-size:18px}.brand-icon{width:33px;height:37px;font-size:23px}.brand small{font-size:6px;letter-spacing:1.2px}header>.outline{display:none}nav{gap:14px}.nav{font-size:11px;padding:0}#savedCount{font-size:9px}main,footer{margin-left:18px;margin-right:18px}.hero{grid-template-columns:1fr;margin-top:10px;position:relative;min-height:350px}.hero-copy{padding:29px 25px;z-index:2}.hero-art{position:absolute;right:-110px;bottom:-55px;width:280px;min-height:280px;opacity:.22;background:transparent}.hero h1{font-size:32px}.hero .intro{font-size:12px}.hero-bottom{margin-top:23px}.hero .eyebrow{font-size:9px}.art-label,.art-note,.orbit{display:none}.notice{font-size:10px;line-height:1.8;padding:10px 1px}.finder{padding:20px 17px;margin-top:3px}.finder-title{font-size:13px}.finder-title button{font-size:10px}.search-row{flex-wrap:wrap}.region-field{width:100%;height:42px}.region-field select{flex:1}.search-field{flex:1}input{font-size:12px;padding:13px 8px 13px 0}input::placeholder{font-size:10px}.search-icon{padding:0 8px}.primary{font-size:11px;padding:0 13px}.primary span{margin-left:5px}.section-label{font-size:12px}.section-label span{font-size:9px}.interests{margin:25px 0 33px}.chips{gap:7px}.chip{padding:8px 13px;font-size:11px}h2{font-size:19px}.result-heading{align-items:center;gap:10px}.result-heading .eyebrow{font-size:7px;letter-spacing:1.2px}.sort-label{font-size:0;flex-shrink:0}.sort-label select{font-size:10px;width:104px}.result-tools{font-size:10px}.grid{gap:15px;grid-template-columns:1fr}.poster{height:150px;padding:23px}.poster-title{font-size:25px}.card-body{padding:18px 21px}.card-title{min-height:0}.card-info{grid-template-columns:1fr 1fr;font-size:10px;gap:8px}.card-info>span:first-child{grid-column:1/-1}.bottom-note{padding:22px 18px;gap:13px;margin:35px 0}.bottom-note h3{font-size:13px}.bottom-note p{font-size:10px;line-height:1.8}.bottom-note button{display:none}.note-symbol{font-size:32px}footer{flex-wrap:wrap;gap:6px 15px;padding-bottom:25px}footer>span:last-child{margin:0;width:100%;font-size:9px}.location-info{font-size:10px}.location-info span{display:block}dialog{padding:30px 24px}}