:root{color:#171918;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f4eddd;--card:#fffaf0;--ink:#171918;--muted:#65655f;--line:#cfc5b3;--cobalt:#2454a6;--cobalt-dark:#17366f;--vermilion:#e54b2b;--yellow:#efc94c;--shadow:8px 9px 0 #1719182e;background:#f4eddd;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--paper);background-image:radial-gradient(circle at 20% 10%,#e54b2b0e 0 1px,#0000 1.5px),radial-gradient(circle at 80% 30%,#2454a60d 0 1px,#0000 1.5px);background-size:19px 23px,29px 31px;min-width:320px;min-height:100vh;margin:0}button,textarea,select,input{font:inherit}button,select,input[type=checkbox]{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,textarea:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}.skip-link{z-index:100;color:#fff;background:var(--ink);padding:10px 14px;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh}.site-header{z-index:20;border-bottom:3px solid var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f4edddf5;justify-content:space-between;align-items:stretch;min-height:82px;display:flex;position:sticky;top:0}.brand{color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:10px clamp(14px,3vw,38px);display:flex}.brand-mark{border:3px solid var(--ink);color:#fff;background:var(--vermilion);width:46px;height:46px;box-shadow:3px 3px 0 var(--ink);border-radius:50% 46% 42% 52%;place-items:center;font-size:1.35rem;font-weight:950;display:grid;transform:rotate(-5deg)}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.04em;font-size:1rem}.brand small{color:var(--muted);letter-spacing:.12em;margin-top:2px;font-size:.62rem;font-weight:800}.site-header nav{margin-left:auto;display:flex}.site-header nav button{border:0;border-left:1px solid var(--line);min-width:92px;color:var(--muted);background:0 0;padding:17px 18px 13px;font-weight:850;position:relative}.site-header nav button small{letter-spacing:.12em;margin-bottom:3px;font-size:.56rem;display:block}.site-header nav button>span{color:#fff;background:var(--vermilion);border-radius:50%;place-items:center;min-width:21px;height:21px;font-size:.68rem;display:grid;position:absolute;top:11px;right:10px}.site-header nav button.active{color:#fff;background:var(--cobalt)}main{min-height:calc(100vh - 190px)}.feature{width:min(1240px,100% - 40px);margin:0 auto;padding:clamp(44px,7vw,92px) 0 100px}.feature-create{grid-template-columns:minmax(260px,.72fr) minmax(430px,1.28fr);align-items:start;gap:clamp(28px,6vw,90px);display:grid}.hero-copy{position:sticky;top:132px}.kicker,.eyebrow{color:var(--vermilion);letter-spacing:.13em;text-transform:uppercase;margin:0 0 12px;font-size:.75rem;font-weight:900}.hero-copy h1,.feature-header h1{letter-spacing:-.09em;word-break:keep-all;margin:0;font-size:clamp(3.2rem,7.4vw,7.5rem);font-weight:950;line-height:.92}.hero-copy>p:last-child,.feature-header>div>p:last-child{max-width:560px;color:var(--muted);word-break:keep-all;margin:24px 0 0;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.75}.capture-form{border:3px solid var(--ink);background:var(--card);box-shadow:var(--shadow);padding:clamp(22px,4vw,40px);position:relative}.capture-form:before{content:"";background:#efc94cbf;width:94px;height:28px;position:absolute;top:-15px;right:28px;transform:rotate(3deg)}.capture-form>label{margin-bottom:12px;font-size:1.08rem;font-weight:900;display:block}.capture-form textarea{resize:vertical;border:2px solid var(--ink);width:100%;min-height:145px;color:var(--ink);background:#fffef9;border-radius:0;padding:18px;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:700;line-height:1.55}.capture-form textarea::placeholder{color:#99978d}.form-meta{color:var(--muted);justify-content:space-between;gap:12px;margin-top:9px;font-size:.76rem;display:flex}.limit-reached{color:var(--vermilion);font-weight:900}.example-list{flex-wrap:wrap;gap:7px;margin:22px 0;display:flex}.example-list button{border:1px solid var(--line);max-width:100%;color:var(--muted);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#f8f1e4;padding:8px 11px;font-size:.73rem;overflow:hidden}.example-list button:hover{border-color:var(--cobalt);color:var(--cobalt)}.submit-row{align-items:center;gap:15px;display:flex}.button{border:2px solid var(--ink);min-height:46px;box-shadow:3px 3px 0 var(--ink);border-radius:0;padding:11px 17px;font-weight:900}.button:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.button-primary{color:#fff;background:var(--cobalt)}.button-secondary{color:var(--ink);background:var(--card)}.button-danger{color:var(--vermilion);background:var(--card)}.model-status{color:var(--muted);align-items:center;gap:7px;font-size:.72rem;line-height:1.4;display:inline-flex}.model-status i{border:2px solid var(--ink);background:var(--yellow);border-radius:50%;flex:none;width:9px;height:9px}.status-webgpu i{background:#4ba867}.status-wasm i{background:var(--cobalt)}.status-fallback i{background:var(--vermilion)}.result-section,.empty-result{grid-column:1/-1}.result-section{margin-top:clamp(20px,4vw,54px)}.section-heading{border-bottom:3px solid var(--ink);justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.section-heading h2{letter-spacing:-.06em;margin:0 0 12px;font-size:clamp(2rem,4vw,4rem)}.empty-result{color:#8c8578;text-align:center;border:2px dashed #9d9587;align-content:center;place-items:center;min-height:260px;margin-top:42px;display:grid}.empty-result span{font-size:5rem;font-weight:950;line-height:1;transform:rotate(8deg)}.empty-result p{margin:10px 0;font-weight:800}.monster-card{border:3px solid var(--ink);background:var(--card);box-shadow:var(--shadow);grid-template-columns:minmax(300px,.9fr) minmax(330px,1.1fr);display:grid;overflow:hidden}.monster-art-frame{border-right:3px solid var(--ink);background:#ece3d1;place-items:center;min-height:450px;padding:clamp(16px,3vw,40px);display:grid;position:relative}.monster-art-frame svg{filter:drop-shadow(5px 7px #17191824);width:min(100%,500px)}.rarity{border:2px solid var(--ink);color:var(--ink);background:var(--yellow);padding:7px 12px;font-size:.78rem;font-weight:950;position:absolute;top:21px;right:18px;transform:rotate(3deg)}.rarity-전설{color:#fff;background:var(--vermilion)}.rarity-희귀{color:#fff;background:var(--cobalt)}.rarity-묘함{background:#8fc99a}.monster-details{padding:clamp(24px,4vw,48px)}.monster-details h2{letter-spacing:-.08em;margin:0;font-size:clamp(2.6rem,5vw,5rem);line-height:.98}.monster-details blockquote{border-left:5px solid var(--vermilion);color:var(--muted);margin:24px 0;padding:12px 0 12px 18px;font-size:1.05rem;font-weight:700;line-height:1.6}.ability{border:2px solid var(--ink);background:#f6e9c8;margin:20px 0 24px;padding:17px;line-height:1.7}.ability strong{color:var(--cobalt);letter-spacing:.1em;margin-bottom:4px;font-size:.72rem;display:block}.stats-list{gap:9px;margin:0;display:grid}.stats-list>div{grid-template-columns:62px 1fr;align-items:center;gap:12px;display:grid}.stats-list dt{font-size:.8rem;font-weight:900}.stats-list dd{grid-template-columns:1fr 28px;align-items:center;gap:8px;margin:0;font-size:.72rem;font-weight:900;display:grid}.stats-list meter{background:#ddd3c0;border:0;width:100%;height:10px}.stats-list meter::-webkit-meter-bar{background:#ddd3c0;border:0;border-radius:0}.stats-list meter::-webkit-meter-optimum-value{background:var(--cobalt)}.stats-list meter::-moz-meter-bar{background:var(--cobalt)}.monster-actions,.share-actions{margin-top:24px}.check-label{color:var(--muted);align-items:center;gap:8px;font-size:.8rem;font-weight:700;display:flex}.check-label input{width:18px;height:18px;accent-color:var(--cobalt)}.button-row{flex-wrap:wrap;gap:9px;margin-top:11px;display:flex}.monster-creature{transform-origin:250px 285px}svg[data-emotion=분노] .monster-creature{animation:.45s steps(2,end) infinite angry-shake}svg[data-emotion=피로] .monster-creature{animation:4s ease-in-out infinite sleepy-breathe}svg[data-emotion=당황함] .monster-creature{animation:2.1s ease-in-out infinite startled-wobble}.steam{animation:1.8s ease-out infinite steam-rise}@keyframes angry-shake{0%,to{transform:translateX(-2px) rotate(calc(var(--wobble) * -.15))}50%{transform:translateX(3px) rotate(calc(var(--wobble) * .15))}}@keyframes sleepy-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(.975)}}@keyframes startled-wobble{0%,to{transform:rotate(calc(var(--wobble) * -.28))}50%{transform:rotate(calc(var(--wobble) * .28))}}@keyframes steam-rise{0%,to{opacity:.45;transform:translateY(8px)}55%{opacity:1;transform:translateY(-5px)}}.feature-header{border-bottom:3px solid var(--ink);justify-content:space-between;align-items:end;gap:24px;margin-bottom:clamp(30px,5vw,60px);padding-bottom:28px;display:flex}.feature-header h1{font-size:clamp(3.2rem,7vw,6.6rem)}.feature-header .dex-tools{flex-wrap:wrap;justify-content:end;gap:9px;display:flex}.filter-bar{align-items:center;gap:12px;margin-bottom:26px;display:flex}.filter-bar label{font-weight:900}select{border:2px solid var(--ink);min-height:43px;color:var(--ink);background:var(--card);border-radius:0;padding:8px 34px 8px 12px;font-weight:750}.filter-bar span{color:var(--muted);margin-left:auto;font-size:.85rem;font-weight:800}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;display:grid}.monster-card-compact{display:block}.monster-card-compact .monster-art-frame{border-right:0;border-bottom:3px solid var(--ink);min-height:280px}.monster-card-compact .monster-art-frame svg{max-height:300px}.monster-card-compact .monster-details h2{font-size:clamp(2.2rem,4vw,3.7rem)}.monster-card-compact .monster-details blockquote{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-button{color:var(--vermilion);background:0 0;border:0;border-bottom:1px solid;padding:0;font-size:.8rem;font-weight:850}.empty-state{color:var(--muted);text-align:center;border:3px dashed #958d7f;padding:clamp(34px,7vw,80px)}.empty-state strong{color:var(--ink);font-size:clamp(1.4rem,3vw,2.2rem)}.empty-state p{margin-bottom:0}.evolution-layout{grid-template-columns:minmax(220px,.42fr) minmax(560px,1.58fr);align-items:start;gap:34px;display:grid}.lab-panel{border:3px solid var(--ink);background:var(--cobalt);color:#fff;box-shadow:var(--shadow);padding:25px;position:sticky;top:116px}.lab-panel label{margin-bottom:9px;font-weight:900;display:block}.lab-panel select{width:100%}.stage-track{grid-template-columns:repeat(3,1fr);gap:6px;margin:28px 0 18px;display:grid}.stage-track span{aspect-ratio:1;color:#ffffff73;border:2px solid #fff6;align-content:center;place-items:center;font-size:1.65rem;font-weight:950;display:grid}.stage-track span.unlocked{border-color:var(--ink);color:var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.stage-track small{font-size:.6rem;display:block}.lab-note{margin-bottom:0;font-size:.9rem;line-height:1.65}.evolution-layout .monster-card{grid-template-columns:minmax(280px,.9fr) minmax(300px,1.1fr)}.fusion-bench{grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;max-width:900px;margin:0 auto;display:grid}.parent-slot{border:3px solid var(--ink);background:var(--card);padding:22px;box-shadow:5px 6px #1719182e}.parent-slot label{margin-bottom:8px;font-weight:900;display:block}.parent-slot select{width:100%}.parent-slot svg{width:100%;margin-top:18px}.fusion-mark{font-size:clamp(2.5rem,7vw,6rem);font-weight:950;transform:rotate(-8deg)}.fusion-button{margin:32px auto 0;font-size:1.1rem;display:block}.form-error{color:var(--vermilion);text-align:center;font-weight:800}footer{border-top:3px solid var(--ink);color:#fff;background:var(--ink);justify-content:space-between;gap:30px;padding:30px clamp(20px,4vw,55px);font-size:.75rem;line-height:1.6;display:flex}footer p{margin:0}.toast{z-index:50;border:3px solid var(--ink);max-width:min(420px,100% - 44px);color:var(--ink);background:var(--yellow);box-shadow:5px 5px 0 var(--ink);padding:14px 18px;font-weight:850;position:fixed;bottom:22px;right:22px}.visually-hidden{clip:rect(1px, 1px, 1px, 1px)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}@media (width<=960px){.site-header{display:block}.brand{border-bottom:1px solid var(--line);width:100%}.site-header nav{overflow-x:auto}.site-header nav button{flex:1;min-width:82px;padding:12px 12px 10px}.feature-create{display:block}.hero-copy{margin-bottom:38px;position:static}.monster-card,.evolution-layout .monster-card{grid-template-columns:1fr}.monster-art-frame{border-right:0;border-bottom:3px solid var(--ink)}.evolution-layout{grid-template-columns:1fr}.lab-panel{position:static}}@media (width<=700px){.site-header{position:relative}.brand{padding:10px 14px}.brand-mark{width:40px;height:40px}.site-header nav button{min-width:76px}.feature{width:min(100% - 24px,1240px);padding:38px 0 72px}.hero-copy h1,.feature-header h1{font-size:clamp(3rem,16vw,4.6rem)}.hero-copy>p:last-child{margin-top:18px}.capture-form{padding:20px 16px;box-shadow:5px 6px #1719182e}.form-meta{grid-template-columns:1fr auto;display:grid}.submit-row{flex-direction:column;align-items:stretch}.button{width:100%}.button-row .button{flex:calc(50% - 9px);width:auto}.monster-art-frame{min-height:auto;padding:14px}.monster-details{padding:24px 18px}.monster-details h2{font-size:2.8rem}.feature-header{display:block}.feature-header .dex-tools{grid-template-columns:1fr 1fr;margin-top:26px;display:grid}.feature-header .dex-tools .button{width:auto}.feature-header .dex-tools .button-danger{grid-column:1/-1}.card-grid,.fusion-bench{grid-template-columns:1fr}.fusion-mark{text-align:center}footer{display:block}footer p+p{margin-top:12px}.toast{max-width:calc(100% - 24px);bottom:12px;right:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media print{.site-header,footer,.capture-form,.share-actions,.monster-actions,.toast{display:none!important}body{background:#fff}.feature{width:100%;padding:0}.monster-card{box-shadow:none;break-inside:avoid}}