:root{color:#171824;background:#f7f7fb;font-family:Inter,Pretendard,Noto Sans KR,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #171824;--muted: #66697a;--subtle: #898b9b;--surface: #ffffff;--surface-soft: #f2f2f8;--line: #e5e5ed;--primary: #5a55e7;--primary-dark: #413bca;--accent: #ff7262;--shadow: 0 18px 48px rgb(41 39 81 / 10%)}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 12% 4%,rgb(105 99 235 / 7%),transparent 24rem),#f7f7fb}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}img{display:block;max-width:100%}.app-shell{min-height:100vh}.app-shell>main:focus{outline:none}.skip-link{position:fixed;z-index:100;top:.75rem;left:.75rem;padding:.75rem 1rem;border-radius:.75rem;color:#fff;background:var(--primary-dark);transform:translateY(-180%);transition:transform .14s ease}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;z-index:20;top:0;border-bottom:1px solid rgb(229 229 237 / 82%);background:#f7f7fbe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-inner{display:flex;align-items:center;justify-content:space-between;width:min(100% - 2rem,72rem);min-height:4rem;margin:0 auto}.brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none}.brand-mark{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:.78rem .78rem .78rem .24rem;color:#fff;background:linear-gradient(145deg,#706af2,#4a44d5);box-shadow:0 8px 18px #5a55e73d;font-size:1.05rem;font-weight:900}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:1rem;letter-spacing:-.02em}.brand-copy small{margin-top:.25rem;color:var(--subtle);font-size:.65rem;font-weight:700;letter-spacing:.08em}.header-nav{padding:.6rem .78rem;border-radius:.72rem;color:#555767;font-size:.86rem;font-weight:700;text-decoration:none}.header-nav:hover,.header-nav[aria-current=page]{color:var(--primary-dark);background:#ecebff}.catalog-hero{position:relative;display:grid;width:min(100% - 2rem,72rem);min-height:25rem;margin:1.25rem auto 0;padding:3.1rem 1.5rem;overflow:hidden;align-items:center;border:1px solid rgb(255 255 255 / 60%);border-radius:2rem;background:linear-gradient(128deg,#ffffffe0,#f0efffc7),#eeedff;box-shadow:inset 0 1px #fff,0 24px 70px #47419d17}.hero-copy{position:relative;z-index:2;max-width:43rem}.eyebrow{margin:0 0 .7rem;color:var(--primary);font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.catalog-hero h1{margin:0;font-size:clamp(2.25rem,8vw,4.8rem);font-weight:850;letter-spacing:-.065em;line-height:1.09}.hero-description{max-width:35rem;margin:1.35rem 0 0;color:var(--muted);font-size:.98rem;line-height:1.75;word-break:keep-all}.hero-stamp{position:absolute;right:-1.2rem;bottom:-1rem;display:grid;width:9.5rem;height:9.5rem;place-content:center;place-items:center;border:1px solid rgb(90 85 231 / 16%);border-radius:50%;color:var(--primary);background:#ffffff7a;transform:rotate(-9deg)}.hero-stamp span{font-size:.6rem;font-weight:900;letter-spacing:.18em}.hero-stamp strong{margin:.28rem 0;font-size:1.35rem}.hero-orbit{position:absolute;border-radius:50%;filter:blur(1px)}.hero-orbit-one{top:-5rem;right:4rem;width:18rem;height:18rem;background:radial-gradient(circle,rgb(135 129 249 / 22%),transparent 68%)}.hero-orbit-two{right:13rem;bottom:-8rem;width:17rem;height:17rem;background:radial-gradient(circle,rgb(255 114 98 / 16%),transparent 68%)}.catalog-section,.work-detail,.not-found-page{width:min(100% - 2rem,72rem);margin:0 auto}.catalog-section{padding:4.5rem 0 6rem}.section-heading{display:grid;gap:.75rem;margin-bottom:1.6rem}.section-heading h2{margin:0;font-size:clamp(1.65rem,5.5vw,2.45rem);letter-spacing:-.045em;line-height:1.2}.section-heading>p{max-width:29rem;margin:0;color:var(--muted);font-size:.9rem;line-height:1.65;word-break:keep-all}.work-grid,.entry-grid{display:grid;margin:0;padding:0;gap:1rem;list-style:none}.work-card-shell{content-visibility:auto;contain-intrinsic-size:0 32rem}.work-card{display:grid;height:100%;overflow:hidden;border:1px solid var(--line);border-radius:1.35rem;background:var(--surface);box-shadow:0 8px 26px #1f1e400a;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.work-card:hover{border-color:#5a55e747;box-shadow:var(--shadow);transform:translateY(-4px)}.work-card:focus-visible,.brand:focus-visible,.header-nav:focus-visible,.back-link:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.link-button:focus-visible{outline:3px solid rgb(90 85 231 / 36%);outline-offset:3px}.work-cover{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:linear-gradient(145deg,#e9e8ff,#fff0ee)}.work-cover img{width:100%;height:100%;object-fit:cover;transition:transform .26s ease}.work-card:hover .work-cover img{transform:scale(1.025)}.cover-placeholder{display:grid;width:100%;height:100%;place-content:center;place-items:center;color:#fff;background:radial-gradient(circle at 30% 20%,rgb(255 255 255 / 32%),transparent 24%),linear-gradient(145deg,#6c66eb,#9a72e4 58%,#ef8b82)}.cover-placeholder span{font-size:4.2rem;font-weight:900;line-height:1;text-shadow:0 8px 24px rgb(58 43 132 / 28%)}.cover-placeholder small{margin-top:.65rem;font-size:.58rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.work-card-body{display:flex;min-height:14rem;padding:1.2rem 1.2rem 1.3rem;flex-direction:column}.work-card-meta{display:flex;align-items:center;gap:.55rem;color:var(--subtle);font-size:.74rem;font-weight:700}.rating-badge{display:inline-flex;min-height:1.45rem;padding:.15rem .48rem;align-items:center;border-radius:999px;font-size:.66rem;font-weight:850}.rating-general{color:#28765c;background:#e5f8f0}.rating-teen{color:#8d5525;background:#fff0dc}.work-card h2{margin:.9rem 0 0;font-size:1.35rem;letter-spacing:-.035em}.work-card-body>p{display:-webkit-box;margin:.6rem 0 1.2rem;overflow:hidden;color:var(--muted);font-size:.87rem;line-height:1.62;-webkit-box-orient:vertical;-webkit-line-clamp:3}.card-link-label{display:flex;margin-top:auto;align-items:center;justify-content:space-between;color:var(--primary-dark);font-size:.84rem;font-weight:800}.card-link-label span{font-size:1.1rem;transition:transform .16s ease}.work-card:hover .card-link-label span{transform:translate(3px)}.catalog-loading{display:grid;gap:1rem}.skeleton-card{overflow:hidden;border:1px solid var(--line);border-radius:1.35rem;background:var(--surface)}.skeleton-cover,.skeleton-copy span,.detail-skeleton-cover,.detail-skeleton-copy span{background:linear-gradient(100deg,#ececf2 20%,#f7f7fb,#ececf2 56%);background-size:240% 100%;animation:shimmer 1.35s infinite linear}.skeleton-cover{aspect-ratio:4 / 3}.skeleton-copy{display:grid;padding:1.25rem;gap:.75rem}.skeleton-copy span{height:.8rem;border-radius:999px}.skeleton-copy span:first-child{width:42%}.skeleton-copy span:nth-child(2){width:72%;height:1.4rem}.skeleton-copy span:last-child{width:88%}@keyframes shimmer{to{background-position:-240% 0}}.state-panel{display:grid;min-height:23rem;padding:3.2rem 1.4rem;place-content:center;justify-items:center;border:1px solid var(--line);border-radius:1.5rem;text-align:center;background:var(--surface)}.state-symbol{display:grid;width:3.5rem;height:3.5rem;margin-bottom:1rem;place-items:center;border-radius:50%;color:var(--primary);background:#eeedff;font-size:1.35rem}.state-panel h1{margin:0;font-size:clamp(1.55rem,6vw,2.2rem);letter-spacing:-.045em}.state-panel>p:not(.eyebrow){max-width:30rem;margin:.8rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.65;word-break:keep-all}.state-actions{display:flex;margin-top:1.5rem;flex-wrap:wrap;justify-content:center;gap:.6rem}.primary-button,.secondary-button{display:inline-flex;min-height:3rem;padding:.72rem 1.1rem;align-items:center;justify-content:center;border-radius:.82rem;font-size:.88rem;font-weight:800;cursor:pointer;transition:background .16s ease,transform .16s ease}.primary-button{border:1px solid var(--primary);color:#fff;background:var(--primary)}.primary-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.secondary-button{border:1px solid var(--line);color:#454753;background:var(--surface)}.secondary-button:hover{border-color:#5a55e74d;background:#f1f0ff}.secondary-button:disabled{color:var(--subtle);cursor:wait;background:#f1f1f5}.link-button{text-decoration:none}.load-more-row{display:flex;padding-top:1.5rem;justify-content:center}.load-more-button{width:min(100%,18rem)}.inline-notice{display:flex;margin-top:1.25rem;padding:1rem;align-items:center;flex-direction:column;gap:.85rem;border:1px solid #dedcfb;border-radius:1rem;background:#f2f1ff;text-align:center}.inline-notice p{margin:0;color:#555767;font-size:.86rem}.work-detail{padding:1.7rem 0 6rem}.back-link{display:inline-flex;min-height:2.75rem;padding:.55rem .7rem;align-items:center;gap:.45rem;border-radius:.65rem;color:#575967;font-size:.87rem;font-weight:750;text-decoration:none}.back-link:hover{color:var(--primary-dark);background:#ecebff}.work-detail-hero{display:grid;margin-top:.8rem;overflow:hidden;border:1px solid var(--line);border-radius:1.7rem;background:var(--surface);box-shadow:0 18px 55px #1f1e4012}.work-cover-large{min-height:17rem;aspect-ratio:4 / 3}.work-detail-copy{display:flex;padding:1.6rem 1.35rem;flex-direction:column;justify-content:center}.work-detail-copy h1{margin:1rem 0 0;font-size:clamp(2rem,8vw,3.8rem);letter-spacing:-.06em;line-height:1.08}.work-detail-copy>p{margin:1rem 0 0;color:var(--muted);font-size:.96rem;line-height:1.75;word-break:keep-all}.official-note{display:flex;margin-top:1.5rem;padding:1rem;align-items:flex-start;gap:.7rem;border:1px solid #e3e1ff;border-radius:1rem;color:#5552a0;background:#f4f3ff}.official-note>span{display:grid;width:1.5rem;height:1.5rem;flex:0 0 auto;place-items:center;border-radius:50%;color:#fff;background:var(--primary);font-size:.7rem;font-weight:900}.official-note p{display:grid;margin:0;gap:.2rem;font-size:.78rem;line-height:1.45}.official-note strong{color:#353278}.entry-section{padding-top:4.5rem}.compact-heading{margin-bottom:1.4rem}.entry-card{display:flex;min-height:10.5rem;padding:1rem;align-items:flex-start;gap:1rem;border:1px solid var(--line);border-radius:1.2rem;background:var(--surface);content-visibility:auto;contain-intrinsic-size:0 9rem}.entry-portrait{display:grid;width:5.2rem;height:5.2rem;flex:0 0 auto;overflow:hidden;place-items:center;border-radius:1.15rem;color:#fff;background:linear-gradient(145deg,#6d67e9,#ef8d86);font-size:1.8rem;font-weight:900}.entry-portrait img{width:100%;height:100%;object-fit:cover}.entry-copy{min-width:0;flex:1}.entry-meta{display:flex;min-height:1.45rem;align-items:center;justify-content:space-between;gap:.5rem}.entry-label{margin:0;color:var(--primary);font-size:.68rem;font-weight:850}.default-entry-badge{padding:.18rem .42rem;border-radius:999px;color:#5552a0;background:#eeedff;font-size:.62rem;font-weight:800;white-space:nowrap}.entry-copy h3{margin:.18rem 0 0;font-size:1.15rem;letter-spacing:-.025em}.scene-title{margin:.4rem 0 0;overflow:hidden;color:#4f5160;font-size:.84rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.entry-teaser{display:-webkit-box;margin:.42rem 0 .65rem;overflow:hidden;color:var(--muted);font-size:.76rem;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.entry-empty{padding:2.5rem 1rem;border:1px dashed #d7d6e4;border-radius:1.2rem;color:var(--muted);background:#ffffff8a;text-align:center}.entry-empty p{margin:0}.detail-actions{display:flex;padding-top:2rem;justify-content:center}.detail-loading{display:grid;margin-top:.8rem;overflow:hidden;border:1px solid var(--line);border-radius:1.7rem;background:var(--surface)}.detail-skeleton-cover{min-height:17rem}.detail-skeleton-copy{display:grid;padding:1.6rem 1.35rem;gap:.85rem}.detail-skeleton-copy span{height:.8rem;border-radius:999px}.detail-skeleton-copy span:first-child{width:34%}.detail-skeleton-copy span:nth-child(2){width:62%;height:2.4rem}.detail-skeleton-copy span:nth-child(3){width:94%}.detail-skeleton-copy span:last-child{width:75%}.not-found-page{padding:3rem 0 6rem}.site-footer{display:flex;width:min(100% - 2rem,72rem);margin:0 auto;padding:2rem 0 calc(2rem + env(safe-area-inset-bottom));align-items:flex-end;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);color:var(--subtle);font-size:.72rem}.site-footer p{margin:0}.footer-brand{color:#565865;font-weight:850;letter-spacing:-.02em}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:40rem){.header-inner,.catalog-hero,.catalog-section,.work-detail,.not-found-page,.site-footer{width:min(100% - 3rem,72rem)}.catalog-hero{padding:4.5rem 3.5rem}.hero-stamp{right:2.5rem;bottom:2.2rem;width:10.5rem;height:10.5rem}.section-heading{grid-template-columns:1fr minmax(15rem,28rem);align-items:end}.section-heading>p{justify-self:end;text-align:right}.work-grid,.catalog-loading{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-notice{flex-direction:row;justify-content:space-between;text-align:left}.work-detail-copy{padding:2.4rem}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-skeleton-copy{padding:2.4rem}}@media(min-width:62rem){.catalog-hero{min-height:31rem;padding:5.5rem 4.8rem}.hero-description{font-size:1.05rem}.work-grid,.catalog-loading{grid-template-columns:repeat(3,minmax(0,1fr))}.work-detail-hero,.detail-loading{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)}.work-cover-large,.detail-skeleton-cover{min-height:31rem;aspect-ratio:auto}.work-detail-copy{padding:3.6rem}.entry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.entry-card{min-height:10rem;padding:1.2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}