:root{--bg:#f4f1eb;--surface:#fffdf8;--ink:#171614;--muted:#77736c;--faint:#a39e94;--line:rgba(23,22,20,0.09);--accent:#f45b3b;--container:1180px;--gutter:24px;--radius-large:32px;--radius-medium:18px;--ease:cubic-bezier(.2,.7,.2,1)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Pretendard Variable,Pretendard,Noto Sans KR,Apple SD Gothic Neo,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a,button,input{font:inherit}a{color:inherit}::selection{background:var(--ink);color:var(--bg)}.site-container{width:min(var(--container),calc(100% - var(--gutter) * 2));margin-inline:auto}.site-nav__inner{height:78px;display:flex;align-items:center;justify-content:space-between}.brand-mark{color:var(--ink);text-decoration:none;font-size:24px;line-height:1;font-weight:750;letter-spacing:-.075em}.brand-mark span{color:var(--accent)}.nav-link{color:var(--muted);text-decoration:none;font-size:13px;font-weight:500;letter-spacing:-.025em;transition:color .18s ease}.nav-link:focus-visible,.nav-link:hover{color:var(--ink)}.hero{position:relative;min-height:min(760px,calc(100svh - 78px));display:grid;place-items:center;padding:80px 0 120px}.hero__content{width:100%;display:flex;flex-direction:column;align-items:center}.brand-word{display:flex;align-items:flex-start;justify-content:center}.brand-word__text{font-size:clamp(120px,17vw,220px);font-weight:760;line-height:.8;letter-spacing:-.12em}.brand-word__mark{margin:3px 0 0 12px;padding:0;border:0;background:transparent;color:var(--accent);font-size:clamp(50px,6vw,82px);line-height:1;font-weight:700;cursor:pointer;transition:transform .26s var(--ease)}.brand-word__mark:focus-visible,.brand-word__mark:hover{transform:translateY(-5px) rotate(-8deg)}.brand-word__mark--question{transform:rotate(-5deg)}.brand-word__mark--exclamation{transform:rotate(3deg)}.hero__copy{min-height:29px;margin:42px 0 30px;color:var(--muted);font-size:18px;line-height:1.6;font-weight:500;letter-spacing:-.045em;animation:phrase-in .5s var(--ease)}@keyframes phrase-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.hero-search{width:min(620px,100%);height:66px;display:flex;align-items:center;gap:12px;padding:0 18px;border:1px solid rgba(23,22,20,.1);border-radius:var(--radius-medium);background:var(--surface);box-shadow:0 2px 5px rgba(23,22,20,.025),0 18px 55px rgba(23,22,20,.045);transition:border-color .18s ease,box-shadow .25s var(--ease),transform .25s var(--ease)}.hero-search:focus-within{border-color:rgba(23,22,20,.2);box-shadow:0 3px 8px rgba(23,22,20,.025),0 24px 70px rgba(23,22,20,.075);transform:translateY(-2px)}.hero-search__icon{color:#868078;font-size:28px;line-height:1}.hero-search input{min-width:0;flex:1 1;border:0;outline:0;background:transparent;color:var(--ink);font-size:16px;letter-spacing:-.035em}.hero-search input::placeholder{color:#a6a197}.hero-search input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.hero-search__key{display:inline-flex;align-items:center;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.7);color:#9a948b;font-size:11px;font-weight:600;line-height:1}.hero__hint{margin:18px 0 0;color:var(--faint);font-size:11px;letter-spacing:.06em}.hero__scroll-hint{position:absolute;left:50%;bottom:28px;display:flex;flex-direction:column;align-items:center;gap:9px;color:#a09a91;text-decoration:none;font-size:10px;transform:translateX(-50%);letter-spacing:.03em}.hero__scroll-hint span{width:1px;height:34px;background:rgba(23,22,20,.2);transform-origin:top;animation:scroll-line 2s var(--ease) infinite}@keyframes scroll-line{0%,to{opacity:.35;transform:scaleY(.35)}50%{opacity:1;transform:scaleY(1)}}.world{padding:100px 0 120px;scroll-margin-top:30px}.section-label{margin:0 0 14px;color:var(--faint);font-size:10px;font-weight:700;letter-spacing:.14em}.world__heading{margin-bottom:42px}.world__title-row{display:flex;align-items:end;justify-content:space-between;gap:24px}.world h2{margin:0;font-size:clamp(40px,5vw,64px);line-height:1.12;font-weight:650;letter-spacing:-.075em}.world h2 em{color:#8d877f;font-style:normal}.world__count{margin:0 0 5px;color:var(--faint);font-size:12px;letter-spacing:-.02em;white-space:nowrap}.world__count span{margin-left:5px}.world-browser{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:540px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-large);background:radial-gradient(circle at 82% 16%,rgba(255,255,255,.8),transparent 31%),var(--surface);transition:background .45s var(--ease)}.world-browser--blue{--panel-accent:#3e73ff}.world-browser--orange{--panel-accent:#f36c3d}.world-browser--purple{--panel-accent:#8d6cf7}.world-browser--green{--panel-accent:#35a774}.world-preview{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;padding:48px;border-right:1px solid var(--line);overflow:hidden}.world-preview:before{content:"";position:absolute;right:-150px;top:-150px;width:420px;height:420px;border-radius:50%;background:var(--panel-accent);opacity:.07;transition:transform .5s var(--ease)}.world-browser:has(.world-row:hover) .world-preview:before{transform:scale(1.05)}.world-preview__domain{position:relative;margin-bottom:16px;color:var(--panel-accent);font-size:11px;font-weight:700;letter-spacing:.04em}.world-preview h3{position:relative;margin:0;font-size:clamp(54px,6vw,82px);line-height:.95;font-weight:700;letter-spacing:-.1em}.world-preview p{position:relative;max-width:410px;margin:22px 0 26px;color:var(--muted);font-size:15px;line-height:1.7;letter-spacing:-.04em}.world-preview__hint{position:relative;display:inline-flex;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;color:var(--ink);text-decoration:none;font-size:13px;font-weight:650}.world-preview__hint span{color:var(--panel-accent);transition:transform .18s ease}.world-preview__hint:focus-visible span,.world-preview__hint:hover span{transform:translate(3px,-3px)}.world-list{display:flex;flex-direction:column;padding:26px 30px}.world-row{min-height:110px;display:grid;grid-template-columns:40px minmax(130px,1fr) minmax(120px,auto) 24px;align-items:center;grid-gap:15px;gap:15px;border-bottom:1px solid var(--line);color:#9d988f;text-decoration:none;transition:color .22s ease,padding .26s var(--ease),background .22s ease}.world-row:first-child{border-top:1px solid var(--line)}.world-row.is-active,.world-row:focus-visible,.world-row:hover{color:var(--ink)}.world-row:focus-visible,.world-row:hover{padding-inline:12px;background:rgba(255,255,255,.52)}.world-row__index{color:#b5afa6;font-size:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.world-row__title{font-size:clamp(24px,3vw,34px);font-weight:650;letter-spacing:-.07em}.world-row__domain{color:#b2aca3;font-size:10px;font-weight:500;letter-spacing:-.01em}.world-row__arrow{color:transparent;font-size:18px;transform:translate(-5px,3px);transition:color .18s ease,transform .24s var(--ease)}.world-row.is-active .world-row__arrow,.world-row:focus-visible .world-row__arrow,.world-row:hover .world-row__arrow{color:var(--panel-accent);transform:translateY(-2px)}.world-note{margin:14px 0 0;color:var(--faint);font-size:11px;letter-spacing:-.02em}.site-footer{padding:28px 0 38px;display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);color:#9d978f;font-size:11px}.search-placeholder{min-height:100svh;display:grid;place-items:center;padding:24px;background:var(--bg)}.search-placeholder__brand{color:var(--ink);text-decoration:none;font-weight:750}.search-placeholder__label{margin:60px 0 10px;color:var(--faint);font-size:10px;font-weight:700;letter-spacing:.14em}.search-placeholder h1{margin:0;font-size:clamp(46px,8vw,92px);letter-spacing:-.08em}.search-placeholder p:last-child{max-width:460px;color:var(--muted);line-height:1.7}.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}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}@media (max-width:900px){.world-browser{grid-template-columns:1fr}.world-preview{min-height:350px;border-right:0;border-bottom:1px solid var(--line)}}@media (max-width:640px){:root{--gutter:16px}.site-nav__inner{height:68px}.nav-link{display:none}.hero{min-height:680px;padding:78px 0 100px}.brand-word__text{font-size:clamp(100px,28vw,150px)}.brand-word__mark{margin-left:7px;font-size:52px}.hero__copy{margin:38px 0 28px;font-size:17px}.hero-search{height:58px}.hero-search__key{display:none}.world{padding:80px 0 82px}.world__title-row{align-items:start;flex-direction:column}.world h2{font-size:40px}.world__count{margin:0}.world-browser{border-radius:24px}.world-preview{min-height:330px;padding:28px 24px}.world-preview h3{font-size:54px}.world-list{padding:16px}.world-row{min-height:82px;grid-template-columns:30px minmax(0,1fr) 22px;gap:10px}.world-row__title{font-size:24px}.world-row__domain{display:none}.world-row:focus-visible,.world-row:hover{padding-inline:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}