:root{--ink:#493c36;--muted:#998980;--pink:#e99ab0;--rose:#c46584;--cream:#fffaf4;--line:#eee5dc}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans KR',sans-serif;font-size:14px}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #92bdcb;outline-offset:4px}button{border:0;background:none}header{height:94px;max-width:1280px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:23px;font-weight:800;letter-spacing:-1.2px}.brand span{font-size:11px;letter-spacing:0;font-weight:500;color:var(--muted);display:block;margin-top:3px}.saved-view{border:1px solid var(--line);background:#fffdf9;border-radius:30px;padding:12px 17px;display:flex;align-items:center;gap:9px}.saved-view:first-letter{color:var(--rose)}.saved-view b{font-size:11px;background:#f7e9ec;min-width:20px;padding:2px 5px;border-radius:10px;color:var(--rose)}.saved-view[aria-pressed=true]{background:#f8dfe7;border-color:#e9b1c2}main{max-width:1280px;margin:auto;padding:0 40px}.hero{position:relative;text-align:center;padding:43px 150px 58px}.eyebrow{color:var(--rose);font-size:12px;letter-spacing:normal;font-weight:600;margin:0 0 19px}h1{font-family:Jua,sans-serif;font-weight:400;font-size:60px;letter-spacing:-2px;margin:0}h1>span:first-child{color:var(--rose)}.title-heart{font-family:sans-serif;font-size:37px;display:inline-block;transform:rotate(15deg);vertical-align:top;margin:3px 0 0 12px;color:var(--pink)}.hero-description{font-size:15px;color:var(--muted);margin:17px 0 29px;line-height:1.8}.mobile-break{display:none}#search-form{max-width:670px;margin:auto;padding:8px 8px 8px 21px;border:1.5px solid #ecc2ca;background:white;border-radius:18px;box-shadow:0 7px 0 #f6ece5;display:flex;align-items:center;gap:12px}#search-form svg{width:22px;fill:none;stroke:#b49994;stroke-width:1.7;flex-shrink:0}#query{min-width:0;flex:1;border:0;outline:none;background:transparent;padding:13px 0;font-size:14px;color:var(--ink)}#query::placeholder{color:#b6a49c}#search-form button{background:#e9a4b7;border-radius:12px;padding:15px 22px;white-space:nowrap;font-weight:700;color:#563b40}#search-form button:hover{background:#e294aa}#search-form button span{margin-left:12px}.suggestions{margin-top:23px;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:11px;color:var(--muted)}.suggestions>span{margin-right:5px}.suggestions button{background:#f4ede5;border-radius:20px;padding:7px 11px;color:#87756b}.suggestions button:hover{background:#f6dfe5}.hero-sticker{position:absolute;width:145px;top:70px;background:#fff;border:7px solid #fff;border-bottom-width:31px;border-radius:7px;box-shadow:0 7px 22px #735d3910}.hero-sticker img{display:block;width:100%;height:112px;object-fit:cover;border-radius:3px}.hero-sticker span{position:absolute;bottom:-25px;left:0;right:0;font-family:Jua;font-size:13px;color:#a68a7e}.sticker-left{left:25px;transform:rotate(-12deg)}.sticker-right{right:25px;transform:rotate(10deg);top:88px}.hero-spark{position:absolute;font-size:36px;color:#dcb863}.spark-one{left:168px;top:26px}.spark-two{right:163px;top:214px;font-size:26px;color:#c2b7cc}.collection{border-top:1px solid var(--line);padding-top:27px}.filter-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.characters{display:flex;gap:8px;flex-wrap:wrap}.characters button{padding:10px 15px;border-radius:24px;border:1px solid var(--line);background:#fffcf8;font-size:12px;display:flex;align-items:center;gap:7px}.characters .selected{background:#51443d;color:white;border-color:#51443d}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.pink{background:#e6a6ba}.blue{background:#a1c5d8}.yellow{background:#e5cd83}.purple{background:#beb4d7}.random{white-space:nowrap;color:var(--muted);font-size:12px}.random:hover{color:var(--rose)}.moods{display:flex;gap:5px;flex-wrap:wrap;margin:20px 0 28px}.moods button{border-radius:9px;padding:8px 12px;color:#99887d;font-size:12px}.moods .selected{background:#f6e2e7;color:#ae637c;font-weight:700}.moods button:hover{background:#f5ede6}.results-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.results-heading>div{display:flex;align-items:center;gap:12px}.results-heading h2{font-size:16px;font-weight:600;margin:0;letter-spacing:-.5px}.results-heading #result-count{font-size:12px;color:var(--rose)}.results-heading p{font-size:11px;color:#b09c90}.results-heading p span{font-size:18px;margin-left:6px}.grid{columns:4;column-gap:18px}.card{break-inside:avoid;margin-bottom:18px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;position:relative;box-shadow:0 3px 0 #ece3d52e;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #8d70581a}.card-open{display:block;width:100%;padding:0;text-align:left}.card-media{position:relative;background:#faf8f4;min-height:125px;overflow:hidden}.card-media img{width:100%;height:auto;display:block}.card-media.broken{height:180px;display:grid;place-items:center;color:var(--muted)}.card-media.broken::after{content:'이미지를 불러오지 못했어요';font-size:12px}.card-media.broken img{display:none}.gif-badge{position:absolute;top:11px;left:11px;background:#ffffffc9;color:#8d7970;backdrop-filter:blur(6px);padding:3px 7px;font-size:9px;letter-spacing:1px;border-radius:5px}.card-info{padding:15px 16px 17px}.card-title{font-size:13px;display:block;font-weight:600;margin-bottom:8px;padding-right:19px;line-height:1.6}.card-meta{font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center}.card-meta span:last-child{color:#b98d9b}.favorite{position:absolute;right:10px;bottom:44px;font-size:23px;color:#cfbfb5;padding:3px;line-height:1}.favorite[aria-pressed=true]{color:#cd7893}.empty{padding:80px 20px;text-align:center}.empty>span{font-size:36px;color:#c9a6ad}.empty h3{font-size:17px}.empty p{color:var(--muted);font-size:13px}.empty button{background:#f3dfe5;padding:12px 20px;border-radius:12px;margin-top:10px}.collection-end{text-align:center;margin:42px 0 65px;color:#b8a499;font-size:11px;letter-spacing:1px}.collection-end span{margin:0 15px;color:#d8b9a1}footer{border-top:1px solid var(--line);max-width:1200px;margin:0 auto;padding:28px 0 35px;display:flex;align-items:center;gap:28px}footer>a:first-child{font-weight:800;font-size:18px;letter-spacing:-1px}footer p{font-size:10px;color:#b3a296;line-height:1.9;margin:0}footer>a:last-child{margin-left:auto;font-size:11px;color:#a99084}dialog{border:0;padding:0;border-radius:24px;max-width:540px;width:calc(100% - 32px);color:var(--ink);background:#fffaf4;max-height:90dvh;overflow:auto;box-shadow:0 20px 100px #392a334d}dialog::backdrop{background:#30272b90;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;font-size:12px;color:var(--muted)}.dialog-top button{font-size:18px;padding:5px}.detail-image{background:#fff;display:flex;justify-content:center}.detail-image img{display:block;max-width:100%;max-height:44dvh;object-fit:contain}.dialog-content{padding:22px}.dialog-content h2{font-family:Jua;font-weight:400;font-size:24px;margin:0 0 12px}.detail-tags{color:#b18391;font-size:12px;line-height:1.8}.detail-actions{display:flex;gap:8px;margin-top:23px}.detail-actions>*{border-radius:11px;padding:12px 9px;background:#f2e8e1;font-size:12px;text-align:center;flex:1}.detail-actions a{background:#eaa5b8;font-weight:700;flex:1.2}.save-help{font-size:10px;color:var(--muted);margin:15px 0}.source{font-size:10px;color:var(--muted);text-decoration:underline}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);border-radius:12px;background:#51443d;color:white;padding:13px 22px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:10;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(min-width:1500px){.hero{padding-top:65px;padding-bottom:70px}}@media(max-width:1000px){.hero{padding-left:100px;padding-right:100px}.hero-sticker{width:108px}.hero-sticker img{height:90px}.sticker-left{left:0}.sticker-right{right:0}h1{font-size:48px}.spark-one{left:100px}.spark-two{right:100px}.grid{columns:3}.filter-top{align-items:flex-start}.characters{gap:6px}.characters button{padding:9px 12px}.results-heading p{display:none}footer{margin:0 40px}}@media(max-width:680px){header{height:76px;padding:0 20px}.brand{font-size:20px}.brand span{font-size:9px}.saved-view{padding:9px 12px;font-size:11px;gap:6px}main{padding:0 18px}.hero{padding:36px 0 34px}.eyebrow{font-size:10px;letter-spacing:normal;margin-bottom:15px}h1{font-size:39px;letter-spacing:-1.5px}.title-heart{font-size:26px;margin-left:5px}.hero-description{font-size:12px;margin:14px 0 24px}.hero-sticker{display:none}.hero-spark{font-size:23px}.spark-one{left:0;top:75px}.spark-two{right:5px;top:35px}.mobile-break{display:block}#search-form{gap:9px;padding-left:13px;border-radius:15px}#search-form svg{width:18px}#query{font-size:11px;padding:13px 0}#search-form button{font-size:11px;padding:13px 12px}#search-form button span{margin-left:5px}.suggestions{gap:6px;font-size:10px;margin-top:19px}.suggestions>span{width:100%;margin-bottom:3px}.suggestions button{padding:6px 9px}.collection{padding-top:20px}.filter-top{display:block}.characters{flex-wrap:nowrap;overflow:auto;padding-bottom:5px;gap:6px;scrollbar-width:none}.characters button{flex-shrink:0;font-size:11px;padding:9px 12px}.random{display:block;margin:13px 0 0 auto;font-size:11px}.moods{gap:2px;margin:12px 0 24px}.moods button{font-size:11px;padding:7px 10px}.results-heading{margin-bottom:15px}.results-heading h2{font-size:13px}.results-heading>div{gap:8px}.results-heading #result-count{font-size:11px}.grid{columns:2;column-gap:11px}.card{margin-bottom:12px;border-radius:12px}.card-info{padding:12px 11px 14px}.card-title{font-size:11px;margin-bottom:6px;padding-right:14px}.card-meta{font-size:9px;gap:5px}.favorite{font-size:20px;right:7px;bottom:36px}.gif-badge{top:8px;left:8px;font-size:8px}.collection-end{font-size:9px;margin:28px 0 38px;letter-spacing:0}.collection-end span{margin:0 9px}footer{margin:0 18px;padding:23px 0;gap:13px;flex-wrap:wrap}footer p{order:3;width:100%;font-size:9px}footer>a:first-child{font-size:16px}.detail-actions>*{font-size:11px}.dialog-content{padding:19px}.dialog-content h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.eyebrow,.hero-description{letter-spacing:normal}
.save-help{white-space:pre-line}

.planet-view #detail .detail-image img{max-height:30dvh}.planet-view #detail .dialog-top{padding:8px 16px}.planet-view #detail .dialog-content{padding:14px 18px}.planet-view #detail .dialog-content h2{font-size:20px;margin-bottom:10px}.planet-view #detail .detail-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}.planet-view #detail .detail-actions>*{min-width:0;padding:12px 4px;font-size:11px;white-space:nowrap}.planet-view #detail .save-help{margin:6px 0;font-size:10px}

.formats{display:flex;gap:6px;margin:0 0 20px}.formats button{font-size:12px;padding:8px 13px;border:1px solid var(--line);border-radius:9px;background:#fffcf8;color:var(--muted)}.formats .selected{background:#f6e2e7;color:var(--rose);border-color:#eac5d0}

.detail-actions svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.detail-actions>*{display:flex;align-items:center;justify-content:center;min-height:44px}.detail-actions #detail-favorite[aria-pressed=true]{color:#c46584}.detail-actions #detail-favorite[aria-pressed=true] svg{fill:currentColor}

.toast{inset:auto auto 26px 50%;margin:0;border:0;max-width:calc(100vw - 32px);white-space:normal;text-align:center;width:max-content}.toast::backdrop{background:transparent;pointer-events:none}

.detail-actions button:disabled{opacity:.5;cursor:wait}