:root{--paper:#faf6ef;--paper-2:#f2ebdf;--card:#fffdf9;--ink:#221a14;--ink-2:#5a4d42;--ink-3:#8b7d70;--line:#221a141f;--line-2:#221a1438;--coral:#f2542d;--coral-ink:#b4381c;--coral-soft:#fde4da;--heart-bg:#fff6f1;--t-image:#f6e2d3;--t-pdf:#dbe6f2;--t-audio:#e6dff2;--t-text:#dcecdf;--t-video-subtitles:#f3e6c8;--lift:0 18px 34px -22px #221a1461;--float:0 1px 0 #221a140d, 0 22px 44px -26px #221a1466;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .13 0 0 0 0 .1 0 0 0 0 .08 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Segoe UI", Roboto, sans-serif;--latin:"Bricolage Grotesque", var(--sans);--system:system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Segoe UI", Roboto, sans-serif;--bg:var(--paper);--fg:var(--ink);--muted:var(--ink-2);--accent:var(--coral-ink);--accent-fg:#fff;--ok:#1d7a46;--warn:#a8500c;--bad:#b3261e;--radius:12px;accent-color:var(--coral-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#1a1612;--paper-2:#262019;--card:#221d18;--ink:#f3ece2;--ink-2:#cbbfb1;--ink-3:#a09284;--line:#f3ece221;--line-2:#f3ece242;--coral:#ff6a45;--coral-ink:#ff9475;--coral-soft:#4a2519;--heart-bg:#33201a;--lift:0 18px 34px -20px #000000b3;--float:0 22px 44px -24px #000000bf;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .95 0 0 0 0 .9 0 0 0 .035 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--accent-fg:#1a1612;--ok:#5fd08f;--warn:#f0a560;--bad:#ff8a80}}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;background:var(--paper)}body{background:var(--paper) var(--grain);color:var(--ink);font-family:var(--sans);letter-spacing:-.012em;-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}:lang(ko){word-break:keep-all}h1,h2,h3,button,a,label,summary,strong{overflow-wrap:anywhere}p,li,dd,dt{overflow-wrap:break-word}a{color:var(--coral-ink);text-underline-offset:.18em;text-decoration-thickness:1px}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--coral-ink);outline-offset:2px}img{max-width:100%}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}@media (min-width:761px){.wrap{padding:0 28px}}.num{font-family:var(--latin);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.muted{color:var(--ink-2)}.small{font-size:.875rem}.lead{color:var(--ink-2);max-width:40em;margin:0 0 8px;font-size:1.0625rem;line-height:1.7}.btn{border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:var(--paper);align-items:center;gap:6px;padding:8px 16px;font-weight:700;text-decoration:none;display:inline-flex}.btn.secondary{color:var(--ink);border-color:var(--line-2);background:0 0}.skip{position:absolute;left:-9999px}.skip:focus{background:var(--card);z-index:10;border-radius:8px;padding:6px 10px;top:8px;left:16px}.site-header .wrap{align-items:center;gap:12px 28px;min-height:76px;padding-top:10px;padding-bottom:10px;display:flex}.logo{font-family:var(--latin);letter-spacing:-.045em;color:var(--ink);flex:none;align-items:flex-start;gap:3px;font-size:27px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.logo svg{flex:none}.cats{gap:4px 22px;font-size:15px;font-weight:500;display:flex}.cats a{color:var(--ink-2);white-space:nowrap;text-decoration:none}.cats a:hover,.cats a[aria-current]{color:var(--ink)}.search{background:var(--card);border:1.5px solid var(--line);border-radius:999px;flex:0 290px;align-items:center;min-width:0;height:42px;margin-left:auto;display:flex;position:relative}.search:focus-within{border-color:var(--line-2)}.search button{width:40px;height:100%;color:var(--ink-3);background:0 0;border:0;flex:none;place-items:center;padding:0 0 0 4px;display:grid}.search input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;padding:0 8px 0 0;font-size:14px}.search input::placeholder{color:var(--ink-3)}.search input::-webkit-search-cancel-button{display:none}.search kbd{font-family:var(--latin);color:var(--ink-3);border:1px solid var(--line-2);border-radius:6px;flex:none;margin-right:14px;padding:0 6px;font-size:12px;line-height:1.5}.search input:focus~kbd,.search input:not(:placeholder-shown)~kbd{visibility:hidden}.head-langs{flex:none;gap:12px;font-size:14px;display:flex}.head-langs a{color:var(--ink-2);text-decoration:none}.head-langs a:hover{color:var(--ink)}main{min-height:60vh;padding-bottom:40px}h1{letter-spacing:-.045em;margin:8px 0 12px;font-size:36px;font-weight:800;line-height:1.2}h2{letter-spacing:-.035em;margin:1.8em 0 .5em;font-size:22px;font-weight:800;line-height:1.3}h3{letter-spacing:-.02em;margin:1.2em 0 .3em;font-size:17px;font-weight:700;line-height:1.4}.hero{grid-template-columns:1.3fr .85fr;align-items:center;gap:56px;padding:40px 0 64px;display:grid}.hero>div{min-width:0}.hero.solo{grid-template-columns:minmax(0,1fr)}.eyebrow{color:var(--coral-ink);align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--coral);border-radius:2px;width:18px;height:2px}.hero h1{letter-spacing:-.052em;text-wrap:balance;margin:0 0 22px;font-size:54px;line-height:1.14}.u{display:inline-block;position:relative}.u svg{width:104%;height:16px;color:var(--coral);position:absolute;bottom:-12px;left:-2%}.hero-sub{color:var(--ink-2);max-width:30em;margin:0 0 24px;font-size:18px;line-height:1.7}.quick{flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.quick li:first-child{color:var(--ink-3);margin-right:2px;font-size:13px}.quick a{color:var(--ink);background:linear-gradient(var(--line-2), var(--line-2)) 0 100% / 100% 1.5px no-repeat;padding-bottom:1px;font-weight:600;text-decoration:none}.quick a:hover{background-image:linear-gradient(var(--coral), var(--coral))}.facts{color:var(--ink-3);flex-wrap:wrap;margin:28px 0 0;font-size:13px;display:flex}.facts span+span:before{content:"·";color:var(--line-2);margin:0 10px}.facts b{color:var(--ink);font-weight:700}.note{background:var(--card);border:1.5px solid var(--line);box-shadow:var(--float);border-radius:18px;margin:0;padding:18px;position:relative;transform:rotate(-1.4deg)}.note:before{content:"";background:#f2542d2e;border-radius:2px;width:82px;height:22px;margin-left:-41px;position:absolute;top:-11px;left:50%;transform:rotate(2.5deg)}.note .pic{border:1px solid var(--line);aspect-ratio:3/2;background:#cfe0e6;border-radius:10px;display:block;overflow:hidden}.note .pic img{width:100%;height:100%;display:block}.note .meta,.note .cap{color:var(--ink-3);justify-content:space-between;gap:10px;margin:14px 2px 2px;font-size:13px;display:flex}.note .size{font-family:var(--latin);letter-spacing:-.03em;align-items:baseline;gap:10px;margin:2px 2px 0;font-weight:700;display:flex}.note .size s{color:var(--ink-3);font-size:19px;font-weight:600;text-decoration-thickness:2px}.note .size b{color:var(--coral);font-size:32px}.note .bar{background:var(--paper-2);border-radius:99px;height:7px;margin:12px 2px 0;display:block;position:relative}.note .bar i{background:var(--coral);border-radius:99px;width:97%;position:absolute;inset:0 auto 0 0}.note .bar em{background:var(--ink);border-radius:1px;width:2px;height:17px;position:absolute;top:-5px;right:0}.note .cap{margin-top:8px;font-size:12px}.note a{color:inherit;text-decoration:none}.sec{border-bottom:1.5px solid var(--line);align-items:baseline;gap:28px;margin:0 0 22px;display:flex}.sec h2{flex:none;max-width:60%;margin:0;padding-bottom:12px}.tabs{scrollbar-width:none;gap:22px;min-width:0;margin-bottom:-1.5px;font-size:15px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs a{color:var(--ink-3);white-space:nowrap;border-bottom:2.5px solid #0000;padding-bottom:12px;text-decoration:none}.tabs a:hover{color:var(--ink)}.tabs a[aria-current]{color:var(--ink);border-color:var(--ink);font-weight:700}.tabs small{font-family:var(--latin);margin-left:4px;font-size:13px}.empty{color:var(--ink-2);padding:28px 0}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--card);border:1.5px solid var(--line);border-radius:20px;flex-direction:column;min-width:0;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--line-2);box-shadow:var(--lift);transform:translateY(-3px)}.card:focus-within{border-color:var(--line-2)}.art{aspect-ratio:16/10;background:var(--t-image);place-items:center;display:grid;position:relative}.art.t-image{background:var(--t-image)}.art.t-pdf{background:var(--t-pdf)}.art.t-audio{background:var(--t-audio)}.art.t-text{background:var(--t-text)}.art.t-video-subtitles{background:var(--t-video-subtitles)}.art.t-file,.art.t-everyday{background:var(--paper-2)}.new{z-index:2;color:#b4381c;background:#fffdf9;border:1.5px solid #f2542d;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.art img{aspect-ratio:16/10;width:78%;height:auto;display:block}.vid{z-index:2;color:#221a14;background:#fffdf9f0;border:1px solid #221a141f;border-radius:999px;align-items:center;gap:6px;padding:5px 11px 5px 7px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:12px;right:12px}.vid:hover{background:#fffdf9;border-color:#221a144d}.vid i{background:#221a14;border-radius:50%;place-items:center;width:16px;height:16px;display:grid}.vid i:after{content:"";border-top:3.5px solid #0000;border-bottom:3.5px solid #0000;border-left:5px solid #faf6ef;margin-left:2px}.art video{z-index:3;object-fit:contain;background:#14110e;width:100%;height:100%;position:absolute;inset:0}.body{flex-direction:column;flex:1;gap:8px;padding:18px 20px 20px;display:flex}.card h3{letter-spacing:-.04em;margin:0;font-size:19px;line-height:1.3}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:after{content:"";z-index:1;position:absolute;inset:0}.card p{color:var(--ink-2);flex:1;margin:0;font-size:14px;line-height:1.65}.foot{border-top:1.5px dashed var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding-top:12px;display:flex}.res{font-family:var(--latin);color:var(--ink);letter-spacing:-.02em;min-width:0;font-size:14px;font-weight:700}.res em{color:var(--coral-ink);font-style:normal}.go{white-space:nowrap;color:var(--ink);font-size:14px;font-weight:700}.go:after{content:"";vertical-align:1px;border-top:2px solid;border-right:2px solid;width:7px;height:7px;margin-left:7px;display:inline-block;transform:rotate(45deg)}.card.big{grid-column:span 2;grid-template-columns:1.15fr 1fr;display:grid}.card.big .art{aspect-ratio:auto;min-height:100%}.card.big .art img{width:74%}.card.big .body{justify-content:center;gap:12px;padding:34px 32px 30px}.card.big h3{font-size:30px}.card.big p{flex:0;max-width:24em;font-size:16px}.card.big .foot{border-top:0;flex-wrap:wrap;justify-content:flex-start;gap:18px;padding-top:4px}.card.big .go{background:var(--ink);color:var(--paper);border-radius:12px;padding:12px 20px;font-size:15px}.heart{z-index:2;border:1.5px solid var(--line);background:var(--card);min-width:32px;height:32px;color:var(--ink-2);font:700 13px var(--latin);letter-spacing:-.02em;font-variant-numeric:tabular-nums;border-radius:999px;flex:none;align-items:center;gap:5px;padding:0 10px 0 7px;display:inline-flex;position:relative}.heart:hover{border-color:var(--line-2);color:var(--ink)}.heart svg{width:20px;height:20px;overflow:visible}.heart .pen{fill:none;stroke:var(--ink);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:64;stroke-dashoffset:0}.heart .fill{fill:var(--coral);opacity:0;transform-box:view-box;transform-origin:12px 13px;transition:opacity .15s,transform .15s;transform:translate(1.4px,1.3px)scale(.4)}.heart.on{color:var(--coral-ink);background:var(--heart-bg);border-color:#f2542d61}.heart.on .fill{opacity:1;transform:translate(1.4px,1.3px)scale(1)}.heart.pop .pen{animation:.42s ease-out heart-draw}.heart.pop .fill{animation:.36s cubic-bezier(.3,1.6,.5,1) heart-stamp}@keyframes heart-draw{0%{stroke-dashoffset:64px}to{stroke-dashoffset:0}}@keyframes heart-stamp{0%{opacity:0;transform:translate(1.4px,1.3px)scale(.3)}55%{opacity:1;transform:translate(1.4px,1.3px)scale(1.18)}to{opacity:1;transform:translate(1.4px,1.3px)scale(1)}}.head-acts{gap:10px;margin-top:14px;display:flex}.sort{border:1.5px solid var(--line);background:var(--card);color:var(--ink-2);border-radius:999px;flex:none;align-self:center;margin:0 0 10px auto;padding:4px 12px;font-size:13px;font-weight:600}.sort[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.hub-filter[data-sorted] .grid{grid-auto-flow:dense}.filler{text-align:center;background:0 0;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:28px;display:none}.filler:hover{box-shadow:none;border-color:var(--line);transform:none}.filler p{max-width:17em;color:var(--ink-3);flex:0}@media (min-width:1001px){.filler.fill-3{display:flex}}@media (min-width:761px) and (max-width:1000px){.filler.fill-2{display:flex}}[data-filtered] .filler{display:none!important}.card.small .body{gap:6px;padding:14px 16px 16px}.card.small h3{font-size:17px}.card.small p{font-size:13.5px}.why{background:var(--card);border:1.5px solid var(--line);border-radius:24px;grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;margin:76px 0 0;padding:40px 44px;display:grid}.why h2{letter-spacing:-.045em;margin:0 0 12px;font-size:26px;line-height:1.3}.why p{color:var(--ink-2);margin:0;font-size:16px;line-height:1.75}.why svg{width:100%;height:auto;display:block}.why .ink{stroke:var(--ink)}.why .fill-card{fill:var(--card)}.why .fill-soft{fill:var(--coral-soft)}.why .coral{stroke:var(--coral)}.why .mute{stroke:var(--ink-3)}.why .no{stroke:var(--coral-ink)}.why .dot{fill:var(--ink)}.why .t1{fill:var(--ink);font:700 14px var(--sans)}.why .t2{fill:var(--ink-2);font:400 13px var(--sans)}.why .t3{fill:var(--ink-3);font:400 13px var(--sans)}.crumbs{color:var(--ink-3);flex-wrap:wrap;gap:4px 8px;padding-top:8px;font-size:14px;display:flex}.crumbs a{color:var(--ink-2);text-decoration:none}.crumbs a:hover{color:var(--ink);text-decoration:underline}.tool-head{grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:32px;max-width:960px;margin:14px 0 22px;display:grid}.tool-head h1{margin:0 0 10px}.tool-head .lead{margin:0}.tool-head .art{border:1.5px solid var(--line);border-radius:18px}.tool-head .art img{width:86%}.tool-grid{display:block}.tool-main{min-width:0}.tool-card{background:var(--card);border:1.5px solid var(--line);max-width:960px;font-family:var(--system);letter-spacing:normal;border-radius:20px;margin:0 0 8px;padding:20px}.tool-error{color:var(--bad)}.prose{max-width:70ch;font-size:16px;line-height:1.75}.prose h2{margin-top:2em}.prose ol{padding-left:1.4em}.prose li+li{margin-top:4px}.faq h3{margin-bottom:.2em}.faq p{margin-top:0}.related{margin-top:48px}.related .grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:16px}.page-head{max-width:46em;margin:28px 0 26px}.page-head h1{margin-bottom:10px}.legal{padding-top:28px}.legal h1{margin-bottom:18px}.chooser{padding-top:12vh;padding-bottom:12vh}.chooser h1{font-family:var(--latin);letter-spacing:-.045em;font-size:34px}.choices{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px;padding:0;list-style:none;display:grid}.choices a{background:var(--card);border:1.5px solid var(--line);color:var(--ink);border-radius:20px;flex-direction:column;gap:2px;padding:18px 20px;text-decoration:none;display:flex}.choices a:hover{border-color:var(--line-2);box-shadow:var(--lift)}.choices a strong{letter-spacing:-.03em;font-size:19px}.choices a span:last-child{color:var(--ink-2);font-size:14px}.choices a[data-suggested]{border-color:var(--coral);box-shadow:0 0 0 1.5px var(--coral) inset}[data-not-found] section+section{border-top:1.5px solid var(--line);margin-top:28px;padding-top:28px}.site-footer{border-top:1.5px solid var(--line);color:var(--ink-3);margin-top:64px;padding:26px 0 44px;font-size:13px}.foot-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 24px;display:flex}.sign{color:var(--ink-2);max-width:36em;margin:0}.sign b{font-family:var(--latin);color:var(--ink);letter-spacing:-.04em;margin-right:6px;font-size:16px}.legal-links,.langs ul{flex-wrap:wrap;gap:4px 16px;display:flex}.legal-links a,.langs a{color:var(--ink-2);text-decoration:none}.legal-links a:hover,.langs a:hover{color:var(--ink);text-decoration:underline}.langs ul{margin:14px 0 0;padding:0;list-style:none}.langs a[aria-current]{color:var(--ink);font-weight:700;text-decoration:none}.foot-note{margin:10px 0 0}.ad-slot{margin:20px 0;position:relative}.ad-280{min-height:280px}.ad-250{min-height:250px}.ad-600{min-height:600px}.ad-label{color:var(--ink-3);font-size:.7rem;position:absolute;top:-1.3em}.rail{display:none}@media (min-width:1200px){.tool-grid.has-rail{grid-template-columns:minmax(0,1fr) 300px;gap:24px;display:grid}.rail{display:block}.rail .ad-slot{position:sticky;top:16px}}@media (max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cats{display:none}}@media (max-width:760px){.site-header .wrap{gap:12px;min-height:64px}.logo{font-size:24px}.head-langs,.search kbd{display:none}.search{flex:auto;height:40px}h1{font-size:28px}.hero{grid-template-columns:minmax(0,1fr);gap:38px;padding:20px 0 46px}.hero h1{font-size:34px}.hero-sub{font-size:16px}.note{margin:0 6px}.grid{grid-template-columns:minmax(0,1fr)}.card.big{grid-column:auto;grid-template-columns:minmax(0,1fr)}.card.big .art{aspect-ratio:16/10;min-height:0}.card.big .body{padding:20px 20px 22px}.card.big h3{font-size:23px}.card.big p{font-size:15px}.sec{flex-direction:column;align-items:stretch;gap:4px}.sec h2{max-width:none}.sort{align-self:flex-start;margin:2px 0 10px}.tabs{gap:18px}.why{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:48px;padding:26px 22px}.tool-head{grid-template-columns:minmax(0,1fr);gap:0}.tool-head .art{display:none}.tool-card{border-radius:16px;padding:14px}}@media (prefers-reduced-motion:reduce){.card,.card:hover{transition:none;transform:none}.heart.pop .pen,.heart.pop .fill{animation:none}}
