/*
Theme Name: Devtoolnote World
Version: 2.0.0
Text Domain: devtoolnote-world
Description: 에이냥이의 방구석 AI 실험 노트.
*/
:root{--ink:#17121f;--paper:#f4f1fa;--purple:#b9a6ff;--pink:#ff6fa8;--link:#a81e57;--muted:#4a4366;--white:#fff;--line:#e2dcf2;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);background-image:radial-gradient(#6a5aa81c 1px,transparent 1.5px);background-size:24px 24px;color:var(--ink);font-family:'IBM Plex Sans KR','Apple SD Gothic Neo',sans-serif;font-size:17px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}h1,h2,h3,p,figure{margin-top:0}h1,h2,.dn-brand{font-family:'Black Han Sans','Apple SD Gothic Neo',sans-serif;font-weight:400;line-height:1.22}h1{font-size:clamp(34px,4vw,52px);letter-spacing:-.035em}h2{font-size:30px;letter-spacing:-.025em}h3{font-size:21px;line-height:1.45}a{color:var(--link);text-underline-offset:4px}a:hover{text-decoration-thickness:3px}button,input{font:inherit}button,.dn-button{border:2px solid var(--ink);border-radius:10px;background:var(--purple);color:var(--ink);font-weight:700;cursor:pointer;min-height:44px;padding:8px 16px}input{min-width:0;border:2px solid var(--ink);border-radius:10px;padding:8px 12px;background:var(--white);color:var(--ink);max-width:100%}button:hover,.dn-button:hover{background:var(--pink)}:focus-visible{outline:3px solid #d6286f;outline-offset:4px}.dn-header :focus-visible,.dn-hero :focus-visible,.dn-footer :focus-visible{outline-color:var(--pink)}img{max-width:100%;height:auto}svg{max-width:100%}.dn-shell{width:min(1200px,100% - 64px);margin-inline:auto}.dn-header,.dn-footer,.dn-hero{background:var(--ink);color:var(--white)}.dn-header-inner{display:flex;align-items:center;flex-wrap:wrap;gap:14px 28px;padding-block:20px}.dn-brand{font-size:27px;text-decoration:none;color:var(--white);letter-spacing:-.04em}.dn-header nav,.dn-footer nav{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px}.dn-header nav a{color:var(--white);text-decoration:none}.dn-header nav a:hover{text-decoration:underline}.dn-search{display:flex;gap:6px;max-width:100%;align-items:stretch}.dn-search input{width:190px;flex:1}.dn-search button{flex:none}.dn-header .dn-search{margin-left:auto;font-size:14px}.dn-header input{background:#2a2340;color:white;border-color:#796998}.dn-header input::placeholder{color:#d9d2f0}.dn-header button{padding-inline:12px}.screen-reader-text,.dn-skip:not(:focus){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dn-skip:focus{position:fixed;z-index:100;left:10px;top:10px;padding:12px;background:var(--white)}.dn-hero{background-image:radial-gradient(#b9a6ff2e 1.5px,transparent 2px);background-size:26px 26px}.dn-hero-inner{display:grid;grid-template-columns:1.6fr 1fr;gap:36px;align-items:end;padding-top:50px}.dn-hero-copy{padding-bottom:52px}.dn-stamp{display:inline-block;background:var(--purple);color:var(--ink);padding:4px 12px;border-radius:5px;transform:rotate(-2deg);font-size:14px;font-weight:700;margin-bottom:22px}.dn-hero h1{font-size:clamp(40px,4.6vw,64px);max-width:650px;line-height:1.15;margin-bottom:20px}.dn-hero-copy>p{color:#d9d2f0;max-width:580px;font-size:18px}.dn-exp-search label{display:block;font-size:15px;font-weight:700;margin-bottom:8px}.dn-exp-search>div{display:flex;gap:12px;flex-wrap:wrap}.dn-exp-search input{width:200px;border-color:var(--white)}.dn-exp-search button{background:#b71f5d;color:var(--white);border-color:var(--white);box-shadow:4px 4px 0 var(--purple)}.dn-hero-art{position:relative;min-width:0;display:flex;justify-content:center;align-items:end;padding-top:84px}.dn-character{object-fit:contain;width:160px;aspect-ratio:1;filter:drop-shadow(2px 0 0 white) drop-shadow(-2px 0 0 white) drop-shadow(0 2px 0 white) drop-shadow(0 -2px 0 white)}.dn-hero-character{width:380px;filter:drop-shadow(3px 0 0 white) drop-shadow(-3px 0 0 white) drop-shadow(0 3px 0 white) drop-shadow(0 -3px 0 white) drop-shadow(8px 8px 0 #0b0810)}.dn-bubble{font-family:'Gaegu',cursive;font-size:26px;line-height:1.25;background:white;color:var(--ink);padding:14px 18px;border:3px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--pink)}.dn-hero-art>.dn-bubble{position:absolute;top:0;right:0;transform:rotate(3deg);z-index:1}.dn-home-body{padding-block:56px 72px;display:grid;gap:64px}.dn-section-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px;margin-bottom:24px}.dn-section-heading h2{margin:0;font-size:36px}.dn-section-heading>span{font-size:14px;color:var(--muted)}.dn-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.dn-post-card{background:white;border:3px solid var(--ink);border-radius:20px;box-shadow:7px 7px 0 var(--purple);overflow:hidden;min-width:0}.dn-post-card:nth-child(even){box-shadow:7px 7px 0 var(--pink)}.dn-card-art{height:170px;background:var(--ink);position:relative;overflow:hidden;background-image:radial-gradient(#b9a6ff40 1px,transparent 1.5px);background-size:18px 18px}.dn-post-card:nth-child(even) .dn-card-art{background-color:var(--purple)}.dn-card-art img{position:absolute;right:10px;bottom:-12px;width:180px}.dn-number{position:absolute;top:14px;left:14px;background:var(--purple);color:var(--ink);font:13px 'IBM Plex Mono',monospace;padding:6px 8px;border-radius:5px;z-index:1}.dn-card-body{padding:20px}.dn-card-body h3{margin:10px 0 12px}.dn-card-body h3 a{color:var(--ink);text-decoration:none}.dn-card-body h3 a:hover{text-decoration:underline}.dn-card-body p{font-size:15px;color:var(--muted);margin-bottom:12px}.dn-card-body time,.dn-meta{font-size:13px;color:var(--muted)}.dn-categories{display:flex;flex-wrap:wrap;gap:6px;font-size:12px}.dn-categories a{background:var(--paper);color:var(--muted);border-radius:30px;padding:2px 9px;text-decoration:none;font-weight:700}.dn-paths{display:grid;grid-template-columns:1fr 1fr;gap:26px}.dn-paths>a{background:var(--purple);border:3px solid var(--ink);border-radius:22px;padding:28px;box-shadow:7px 7px 0 var(--ink);color:var(--ink);text-decoration:none}.dn-paths>a:last-child{background:var(--ink);color:white;box-shadow:7px 7px 0 var(--pink)}.dn-paths span{font-size:14px}.dn-paths h2{margin:10px 0}.dn-paths p{margin:0;font-size:16px}.dn-rules{display:flex;gap:40px;align-items:center;background:white;border:3px solid var(--ink);border-radius:24px;padding:32px}.dn-rules img{width:220px}.dn-rules h2{margin-bottom:16px}.dn-rules ol{padding-left:24px}.dn-footer{padding-block:36px}.dn-footer .dn-shell{display:flex;flex-wrap:wrap;align-items:center;gap:20px 36px}.dn-footer a:not(.dn-brand){color:var(--purple)}.dn-footer p{width:100%;margin:0;font-size:13px;color:#d9d2f0}.dn-reading-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(220px,1fr);gap:48px;padding-block:48px 80px;align-items:start}.dn-article,.dn-sidebar{min-width:0}.dn-article-heading{margin-bottom:36px}.dn-article-heading h1{margin:16px 0}.dn-content{font-size:18px;line-height:1.85}.dn-content>p,.dn-content>ul,.dn-content>ol{max-width:43em}.dn-content h2{margin-top:44px;margin-bottom:18px}.dn-content h3{margin-top:28px}.dn-content p{margin-bottom:24px}.dn-content pre{background:var(--ink);color:var(--paper);padding:20px;border-radius:12px;max-width:100%;overflow:auto;font:14px/1.8 'IBM Plex Mono',monospace;word-break:normal;overflow-wrap:normal}.dn-content code{font-family:'IBM Plex Mono',monospace;font-size:.85em}.dn-content :not(pre)>code{background:var(--line);padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}.dn-content table{display:block;overflow:auto;max-width:100%;border-collapse:collapse;font-size:15px;margin-block:20px;background:white}.dn-content th{background:var(--ink);color:white;text-align:left}.dn-content td,.dn-content th{padding:12px;border-bottom:1px solid var(--line);min-width:100px}.dn-content blockquote{margin:28px 0;border-left:5px solid var(--purple);padding:20px 24px;background:white}.dn-content blockquote p:last-child{margin:0}.dn-content figure,.lab-figure{margin:28px 0;max-width:100%}.dn-content figcaption{font-size:14px;color:var(--muted);padding-top:8px}.dn-content img{height:auto}.dn-content iframe{max-width:100%}.dn-experiment{background:var(--ink);color:white;padding:24px;border-radius:18px}.dn-experiment h2{font-size:18px;color:var(--purple)}.dn-experiment dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;font-size:14px;margin:0}.dn-experiment dt{color:var(--purple)}.dn-experiment dd{margin:0}.dn-side-note{margin-top:32px;text-align:center}.dn-side-note .dn-bubble{font-size:24px}.dn-page{max-width:850px;padding-block:56px 80px;min-height:65vh}.dn-list{padding-block:56px 80px;min-height:65vh}.dn-list-heading{margin-bottom:40px}.dn-list-heading h1{margin-bottom:18px}.dn-empty{background:white;border:3px solid var(--ink);border-radius:20px;padding:28px;max-width:650px}.dn-empty .dn-search{margin-bottom:24px}.dn-not-found{padding-block:48px 72px;min-height:70vh;display:flex;flex-direction:column;align-items:center;text-align:center}.dn-not-found h1{margin-top:14px}.dn-not-found .dn-search{margin-top:32px}.dn-button{text-decoration:none}.pagination{margin-top:40px}.page-numbers{padding:8px 14px}.dn-content>*:first-child{margin-top:0}
@media(min-width:1000px){.dn-hero-character{animation:dn-sway 6s ease-in-out infinite;transform-origin:bottom center}}@keyframes dn-sway{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}
@media(max-width:1000px){.dn-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dn-header .dn-search{margin-left:0}.dn-reading-layout{grid-template-columns:minmax(0,1fr);max-width:850px}.dn-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dn-side-note{margin:0}.dn-hero-inner{grid-template-columns:1.3fr 1fr;gap:20px}.dn-hero h1{font-size:44px}.dn-hero-art{align-self:center}}
@media(max-width:600px){body{font-size:16px}.dn-shell{width:calc(100% - 36px)}.dn-header-inner{gap:14px;padding-block:18px}.dn-header nav{gap:8px 18px;font-size:13px}.dn-header .dn-search{width:100%}.dn-header .dn-search input{width:100%}.dn-hero-inner{grid-template-columns:1fr;padding-top:32px;gap:0}.dn-hero-copy{padding-bottom:20px}.dn-hero h1{font-size:42px;max-width:360px}.dn-hero-copy>p{font-size:16px}.dn-hero-copy>p br{display:none}.dn-hero-art{padding-top:46px;max-width:320px;justify-self:center;width:100%}.dn-hero-character{width:280px}.dn-hero-art>.dn-bubble{font-size:21px;right:-2px;top:0;padding:10px 14px}.dn-exp-search input{width:150px;flex:1}.dn-exp-search button{padding-inline:12px}.dn-home-body{padding-block:36px 48px;gap:40px}.dn-post-grid,.dn-paths{grid-template-columns:1fr;gap:24px}.dn-section-heading h2{font-size:30px}.dn-rules{padding:24px;gap:16px;flex-direction:column;align-items:start}.dn-rules img{width:140px;align-self:center}.dn-rules h2{font-size:27px}.dn-paths>a{padding:24px}.dn-reading-layout{padding-block:32px 48px;gap:32px}.dn-content{font-size:17px;line-height:1.85}.dn-content h2{font-size:27px}.dn-content table{font-size:14px}.dn-content td,.dn-content th{padding:10px;min-width:80px}.dn-content pre{padding:16px;font-size:13px}.dn-sidebar{grid-template-columns:1fr}.dn-side-note{max-width:260px;margin:auto}.dn-page,.dn-list{padding-block:36px 56px}.dn-footer nav{gap:10px 18px}.dn-empty{padding:20px}.dn-meta{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* REST HTML과 블록 패턴이 공유하는 구성요소 */
.dn-content section{margin-block:32px}.dn-content section h2:first-child{margin-top:0}.dn-art{width:160px;min-width:160px;aspect-ratio:1;display:block;background-size:contain;background-position:center;background-repeat:no-repeat;filter:drop-shadow(2px 0 0 white) drop-shadow(-2px 0 0 white) drop-shadow(0 2px 0 white)}.dn-reels{display:flex;gap:20px;align-items:center;background:var(--ink);color:white;padding:26px;border-radius:22px}.dn-reels h2{font:700 14px 'IBM Plex Sans KR',sans-serif;color:var(--purple);margin:0 0 12px}.dn-content .dn-reels p{font-size:14px;margin:0}.dn-content .dn-reels .dn-speech{font:28px/1.4 'Gaegu',cursive;margin-bottom:14px}.dn-verdict{background:white;border:3px solid var(--ink);border-radius:22px;box-shadow:7px 7px 0 var(--purple);padding:26px}.dn-table-scroll{overflow:auto}.dn-content .dn-table-scroll table{display:table;min-width:460px;width:100%;margin:0}.dn-content table caption{font-size:13px;text-align:left;color:var(--muted);padding:0 0 10px}.dn-verdict td{font-family:'IBM Plex Mono','IBM Plex Sans KR',monospace}.dn-verdict tbody th{background:var(--paper);color:var(--ink)}.dn-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dn-tool{border:2px solid var(--ink);background:white;border-radius:16px;padding:16px}.dn-content .dn-tool h3{font-size:17px;margin:0 0 8px}.dn-content .dn-tool p{font-size:14px;margin:0;color:var(--muted)}.dn-step-no{display:inline-block;background:var(--purple);border:2px solid var(--ink);border-radius:999px;font:700 14px 'IBM Plex Mono',monospace;padding:7px 14px;margin-bottom:16px}.dn-content .dn-step h2{margin-top:0;font-family:'IBM Plex Sans KR',sans-serif;font-size:24px;font-weight:700}.dn-prompt{background:var(--ink);color:var(--paper);border-radius:16px;overflow:hidden;margin-block:26px}.dn-prompt-head{background:#2a2340;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;color:var(--purple);font-size:13px}.dn-prompt-head button{margin-left:auto;border:0;font-size:14px}.dn-content .dn-prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;border-radius:0;line-height:1.85}.dn-prompt pre code{font-size:14px}.dn-copy-status{font-size:12px;color:white}.dn-failures{display:flex;gap:20px;align-items:start;background:white;border:3px solid var(--ink);padding:24px;border-radius:22px}.dn-failures .dn-art{width:110px;min-width:110px}.dn-content .dn-failures h2{margin-top:0;font-size:27px}.dn-content .dn-failures p{font-size:15px}.dn-failures ul{padding-left:22px;font-size:16px;margin:0}.dn-money{border-top:3px solid var(--ink);padding-top:28px}.dn-content .dn-money h2{margin-top:0}.dn-instagram{display:flex;align-items:center;gap:20px;background:#b71f5d;color:white;border:3px solid var(--ink);border-radius:22px;padding:24px;box-shadow:7px 7px 0 var(--ink)}.dn-instagram[hidden]{display:none}.dn-content .dn-instagram h2{margin-top:0;font-size:27px}.dn-content .dn-instagram p{font-size:16px}.dn-instagram .dn-button{display:inline-block;background:white;color:var(--ink);font-size:16px}.dn-content .dn-experiment h2{margin-top:0}.dn-content .dn-experiment{max-width:360px}.dn-content .dn-experiment dl{margin-bottom:0}
@media(max-width:600px){.dn-reels{padding:20px;gap:12px;align-items:start;flex-direction:column}.dn-reels .dn-art{width:120px;min-width:120px;align-self:center}.dn-content .dn-reels .dn-speech{font-size:26px}.dn-verdict{padding:20px}.dn-tools-grid{grid-template-columns:1fr}.dn-failures{flex-direction:column;padding:20px;gap:8px}.dn-instagram{flex-direction:column;align-items:start;padding:20px}.dn-instagram .dn-art{align-self:center}.dn-prompt-head{gap:8px}.dn-copy-status{order:3;width:100%}.dn-content .dn-step h2{font-size:23px}}
/* v2: result cards, roadmap, readable mobile tables. */
[hidden]{display:none!important}.dn-header-inner{gap:24px}.dn-header nav{flex:1;font-size:14px;gap:20px}.dn-icon{display:inline-flex;align-items:center;justify-content:center;padding:8px;width:44px;height:44px;background:transparent;color:var(--purple);border-color:#4a3f6e}.dn-icon:hover{color:var(--ink)}.dn-menu-toggle{display:none}#dn-header-search{width:100%}#dn-header-search .dn-search{margin:0;max-width:520px}.dn-instagram-nav{font-size:14px;background:var(--purple);color:var(--ink);border-radius:30px;padding:8px 14px;text-decoration:none}.dn-hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.dn-start{background:white;box-shadow:5px 5px 0 var(--pink);font-family:'Black Han Sans',sans-serif;font-size:20px}.dn-exp-search{display:flex;align-items:center;gap:10px}.dn-exp-search label{margin:0}.dn-exp-search input{width:78px;background:#2a2340;color:white;border-color:var(--purple)}.dn-exp-search>div{gap:8px;flex-wrap:nowrap}.dn-hero h1{font-size:clamp(40px,4.5vw,64px);line-height:1.08}.dn-card-art{height:200px;color:white}.dn-card-art img{width:180px;right:-15px;bottom:-8px}.dn-card-result{position:absolute;left:18px;bottom:28px;max-width:67%;z-index:1;display:flex;flex-direction:column;gap:5px}.dn-card-result>span{font-size:13px}.dn-card-result strong{font:600 clamp(25px,3vw,38px)/1.2 'IBM Plex Mono',monospace;letter-spacing:-2px;white-space:nowrap}.dn-post-card:nth-child(even) .dn-card-art{color:var(--ink)}.dn-card-body h3{font-size:19px}.dn-pill{font-size:12px;display:inline-block;border:2px solid var(--ink);border-radius:20px;padding:0 9px;margin-top:10px}.dn-pending-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;border:3px dashed #6a5aa8;border-radius:22px;background:white;padding:24px;color:var(--ink);text-decoration:none}.dn-pending-card>span{font-size:14px}.dn-series-summary{background:var(--ink);color:white;border-radius:28px;padding:34px}.dn-series-summary a{color:var(--purple)}.dn-series-summary ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.dn-series-summary li{background:#2a2340;border:2px solid #6a5aa8;border-radius:18px}.dn-series-summary li a{display:flex;flex-direction:column;gap:8px;padding:16px;color:#d9d2f0;text-decoration:none;font-size:13px;height:100%}.dn-series-summary strong{font-size:18px;color:white}.dn-series-summary small{color:var(--pink)}.dn-news-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px}.dn-news-layout h2{font-size:28px}.dn-news-row{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;border:2px solid var(--ink);background:white;border-radius:16px;padding:18px;color:var(--ink);text-decoration:none;margin-bottom:14px}.dn-news-row time{font-size:13px;color:var(--muted)}.dn-status{font-size:13px;font-weight:700;color:#a81e57;border:2px solid #a81e57;border-radius:20px;padding:2px 10px;width:fit-content;display:inline-block}.dn-taste{background:white;border:3px solid var(--ink);border-radius:22px;text-align:center;padding:24px}.dn-taste ul{list-style:none;padding:0;font-size:15px}.dn-series-bar{background:#eae6f3;padding:12px 0;font-size:13px}.dn-series-bar>.dn-shell{display:flex;flex-wrap:wrap;gap:12px 24px}.dn-result-hero{background:var(--ink);color:white;border-radius:22px;padding:24px;margin-bottom:24px}.dn-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}.dn-result-grid dt{font-size:13px;color:#d9d2f0}.dn-result-grid dd{margin:8px 0;font:600 clamp(22px,3vw,34px)/1.25 'IBM Plex Mono',monospace;letter-spacing:-1px}.dn-result-grid>div:nth-child(2) dd{color:var(--pink)}.dn-result-grid small{font-size:12px;color:#d9d2f0}.dn-speech{font:700 28px/1.4 'Gaegu',cursive;margin:16px 0 0}.dn-reel-player{margin:0 0 32px;background:var(--ink);color:#d9d2f0;border-radius:22px;overflow:hidden;text-align:center}.dn-reel-player video{display:block;width:100%;max-height:440px;aspect-ratio:16/10;background:#17121f}.dn-reel-player figcaption{padding:12px;font-size:12px}.dn-final-verdict,.dn-news-next{display:flex;align-items:center;gap:24px;background:var(--ink);color:white;border-radius:22px;padding:24px;margin-block:32px}.dn-final-verdict h2{color:var(--purple);font:700 14px 'IBM Plex Sans KR',sans-serif}.dn-episode-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dn-episode-nav>a{display:flex;flex-direction:column;gap:8px;border:2px solid var(--ink);background:white;border-radius:16px;padding:18px;color:var(--ink);text-decoration:none}.dn-episode-nav small{color:var(--muted)}.dn-toc{display:flex;flex-direction:column;gap:12px;padding:24px;background:white;border:2px solid var(--ink);border-radius:18px;margin-top:24px}.dn-toc h2{font-size:20px}.dn-toc a{font-size:14px}.dn-source{display:block;margin-top:20px;font-size:14px}.dn-news-post{max-width:860px;padding-block:44px 72px}.dn-news-notice{display:flex;align-items:center;gap:22px;border:3px solid var(--ink);border-radius:22px;background:var(--purple);padding:24px;margin-bottom:32px}.dn-news-notice img{width:130px}.dn-news-next a{color:var(--purple)}.dn-sources{list-style:none;padding:0}.dn-sources li{display:flex;justify-content:space-between;gap:16px;background:white;border:2px solid var(--ink);border-radius:12px;padding:14px;margin-bottom:12px}.dn-series-hero{display:grid;grid-template-columns:2fr 1fr;align-items:center;gap:36px;padding-block:48px}.dn-series-hero img{width:300px;justify-self:center}.dn-series-hero p{max-width:700px}.dn-series-hero progress{width:100%;accent-color:var(--pink);height:12px}.dn-roadmap{padding-block:44px 72px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.dn-stage{background:white;border:3px solid var(--ink);border-radius:22px;overflow:hidden;min-width:0}.dn-stage:nth-child(-n+2){grid-column:1/-1}.dn-stage header{padding:20px;background:var(--ink);color:white;display:flex;align-items:center;flex-wrap:wrap;gap:16px}.dn-stage h2{font-size:26px;margin:0;flex:1}.dn-stage header>span{font-size:13px;color:var(--purple)}.dn-stage ol{list-style:none;margin:0;padding:12px 22px}.dn-stage li{display:flex;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px}.dn-stage li:last-child{border:0}.dn-stage li>a,.dn-stage li>span:not(.dn-ep-number){flex:1}.dn-stage li>small{font-size:12px;color:var(--muted)}.dn-stage:nth-child(n+3) li{flex-wrap:wrap;gap:8px}.dn-ep-number{font-family:'IBM Plex Mono',monospace;color:#6a5aa8}.dn-roadmap>.dn-bubble{grid-column:1/-1;width:fit-content;margin:18px auto}.dn-about{padding-block:48px 72px;display:grid;gap:36px;max-width:1100px}.dn-about-intro{display:grid;grid-template-columns:360px 1fr;gap:32px;align-items:center}.dn-portrait{height:420px;background:var(--ink);border-radius:28px;display:flex;align-items:end;justify-content:center;background-image:radial-gradient(#b9a6ff33 2px,transparent 2.5px);background-size:20px 20px}.dn-portrait img{width:380px}.dn-about-intro h1{font-size:64px;margin-block:12px}.dn-about-intro dl{display:grid;grid-template-columns:100px 1fr;gap:8px 14px;border:2px solid var(--ink);border-radius:16px;background:white;padding:16px;font-size:15px}.dn-about-intro dd{margin:0}.dn-about-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dn-about-rules>div{border:3px solid var(--ink);border-radius:20px;background:white;padding:22px;box-shadow:6px 6px 0 var(--purple)}.dn-about-rules>div:nth-child(2){box-shadow:6px 6px 0 var(--pink)}.dn-about-rules h2{font:700 19px/1.4 'IBM Plex Sans KR',sans-serif}.dn-about-rules p{font-size:15px;margin:0}.dn-faces{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:var(--ink);border-radius:22px;padding:18px}.dn-cell-label{display:none}.dn-content>p,.dn-content>ul,.dn-content>ol{max-width:43em}
@media(max-width:1100px){.dn-header-inner{gap:14px}.dn-header nav{gap:12px}.dn-series-summary ol{grid-template-columns:repeat(3,minmax(0,1fr))}.dn-roadmap{grid-template-columns:1fr}.dn-about-intro{grid-template-columns:1fr 1.4fr}.dn-portrait{height:340px}}
@media(max-width:900px){.dn-header-inner{position:relative}.dn-brand{margin-right:auto}.dn-menu-toggle{display:inline-flex}#dn-menu{order:5;width:100%;flex-basis:100%;flex-direction:column;align-items:stretch}#dn-menu a{padding:8px}.dn-instagram-nav{display:none}#dn-header-search{order:4}.dn-news-layout{grid-template-columns:1fr}.dn-series-summary ol{grid-template-columns:repeat(2,minmax(0,1fr))}.dn-about-rules{grid-template-columns:1fr}.dn-about-intro{grid-template-columns:1fr}.dn-portrait{max-width:360px;width:100%;justify-self:center}.dn-faces{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.dn-header-inner{padding-block:10px;gap:10px}.dn-header .dn-brand{font-size:22px}.dn-hero h1{font-size:36px}.dn-hero-copy .dn-stamp{font-size:11px}.dn-hero-copy>p{font-size:15px}.dn-hero-art{padding-top:45px}.dn-hero-character{width:210px}.dn-hero-actions{gap:18px}.dn-start{font-size:17px;padding:10px 12px}.dn-exp-search input{width:70px}.dn-exp-search label{font-size:13px}.dn-hero-art .dn-bubble{font-size:20px}.dn-section-heading h2{font-size:27px}.dn-card-art{height:170px}.dn-card-result strong{font-size:34px}.dn-series-summary{padding:22px}.dn-series-summary h2{font-size:27px}.dn-series-summary ol{grid-template-columns:1fr}.dn-series-summary li a{display:grid;grid-template-columns:1fr 2fr;gap:4px 10px;padding:14px}.dn-series-summary li a>span:nth-of-type(2){grid-column:2;font-size:12px}.dn-series-summary li a>small{grid-column:2}.dn-news-row{grid-template-columns:1fr}.dn-result-hero{padding:16px}.dn-result-grid{gap:8px}.dn-result-grid dt{font-size:11px}.dn-result-grid dd{font-size:23px;letter-spacing:-1.5px;overflow-wrap:anywhere}.dn-result-grid small{font-size:10px}.dn-speech{font-size:24px}.dn-article-heading h1{font-size:29px}.dn-reel-player video{max-height:330px;aspect-ratio:1.2}.dn-final-verdict,.dn-news-next,.dn-news-notice{padding:18px;gap:12px}.dn-final-verdict img,.dn-news-next img,.dn-news-notice img{width:85px;min-width:85px}.dn-episode-nav{grid-template-columns:1fr}.dn-series-hero{grid-template-columns:1fr;padding-block:32px;gap:10px}.dn-series-hero h1{font-size:38px}.dn-series-hero img{width:180px}.dn-stage ol{padding-inline:14px}.dn-stage li{flex-wrap:wrap;font-size:14px;gap:10px}.dn-stage li>strong{flex-basis:100%;padding-left:40px}.dn-stage h2{font-size:24px}.dn-about-intro h1{font-size:48px}.dn-about-intro dl{grid-template-columns:85px 1fr}.dn-content .dn-mobile-table{display:block;min-width:0;width:100%;background:transparent}.dn-mobile-table .dn-table-head{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.dn-mobile-table tbody{display:block}.dn-mobile-table tr:not(.dn-table-head){display:block;border:2px solid var(--ink);border-radius:14px;background:white;margin-bottom:12px;padding:10px}.dn-content .dn-mobile-table td,.dn-content .dn-mobile-table tbody th{display:flex;justify-content:space-between;align-items:baseline;gap:12px;min-width:0;padding:8px;border:0;background:transparent;color:var(--ink)}.dn-mobile-table .dn-cell-label{display:block;font:600 12px/1.5 'IBM Plex Sans KR',sans-serif;color:var(--muted);flex-shrink:0}.dn-sources li{flex-direction:column}.dn-content .dn-table-scroll{overflow:visible}}
@media(max-width:600px){.dn-content .dn-table-scroll table.dn-mobile-table{display:block;min-width:0;width:100%}.dn-mobile-table td{flex-wrap:wrap;overflow-wrap:anywhere}.dn-mobile-table td .dn-cell-label{max-width:100%}}
.dn-result-grid dd small{display:block;font:400 12px/1.7 'IBM Plex Sans KR',sans-serif;letter-spacing:0;margin-top:8px;color:#d9d2f0}
@media(max-width:900px){#dn-menu:not([data-open]){display:none}}
@media(max-width:600px){.dn-result-grid dd small{font-size:10px}}
@media(max-width:600px){.dn-content .dn-mobile-table caption{display:block;width:100%;padding-bottom:12px}}
@media(min-width:1100px){.dn-post-overview:has(.dn-result-hero):has(.dn-reel-player){display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;margin-bottom:32px}.dn-post-overview .dn-result-hero{display:flex;flex-direction:column;justify-content:center;margin:0}.dn-post-overview .dn-result-grid{gap:10px}.dn-post-overview .dn-result-grid dd{font-size:25px;overflow-wrap:anywhere}.dn-post-overview .dn-reel-player{margin:0}.dn-post-overview .dn-reel-player video{aspect-ratio:9/16;max-height:none}.dn-post-overview .dn-speech{font-size:25px}}
.dn-faces figure{margin:0;text-align:center;color:#d9d2f0;font-size:13px}.dn-faces figcaption{padding-top:4px}
/* Series canvas: stage label on the left, episodes on the right. */
.dn-stage:nth-child(-n+2){box-shadow:7px 7px 0 var(--purple)}.dn-stage:nth-child(2){box-shadow:7px 7px 0 var(--pink)}
.dn-stage:nth-child(-n+2) header{background:white;color:var(--ink)}.dn-stage:nth-child(-n+2) header>span{color:#6a5aa8}
.dn-stage:nth-child(-n+2) li{border:1px dashed #b9a6ff;border-radius:12px;padding:12px;margin-block:10px}.dn-stage:nth-child(-n+2) li:has(a){border:2px solid var(--ink);background:var(--paper)}.dn-stage li a{color:var(--ink);font-weight:700;text-decoration:none}.dn-stage li a:hover{text-decoration:underline}
.dn-stage:nth-child(n+3){background:#eae6f3;border:2px solid #cfc6e8}.dn-stage:nth-child(n+3) header{background:transparent;color:var(--ink)}.dn-stage:nth-child(n+3) header>span{color:#6a5aa8}
@media(min-width:900px){.dn-stage:nth-child(-n+2){display:grid;grid-template-columns:210px minmax(0,1fr)}.dn-stage:nth-child(-n+2) header{flex-direction:column;align-items:start;justify-content:start;gap:10px;padding:26px}.dn-stage:nth-child(-n+2) h2{flex:0}.dn-stage:nth-child(-n+2) ol{padding-block:8px}}
.dn-brand{display:inline-flex;align-items:center;gap:10px}.dn-brand-mark{flex:none;width:40px;height:40px;border-radius:12px;background:var(--purple);border:2px solid var(--white);overflow:hidden;display:flex;justify-content:center;align-items:flex-end}.dn-brand-mark img{width:64px;height:64px;margin-bottom:-24px}.dn-eyebrow{display:block;font:500 13px/1.4 'IBM Plex Mono',monospace;color:var(--purple);margin-bottom:6px}.dn-series-summary li.is-pending{background:#211c30;border-color:#4a3f6e}.dn-series-summary li.is-pending a{color:#a49db8}.dn-series-summary li.is-pending strong{color:#d9d2f0}.dn-series-summary li.is-pending small{color:#8e85aa}.dn-pills{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.dn-progress-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font:500 14px 'IBM Plex Mono',monospace}.dn-progress-row progress{flex:0 1 240px;width:240px;max-width:100%}.dn-rule-label{display:block;font:500 12px 'IBM Plex Mono',monospace;color:#6a5aa8}.dn-series-bar>.dn-shell{align-items:center}.dn-ep-dots{list-style:none;display:flex;gap:6px;margin:0;padding:0}.dn-ep-dots li{width:34px;height:8px;border-radius:4px;background:#cfc6e8}.dn-ep-dots li.is-current{background:#d6286f}.dn-ep-pos{font-family:'IBM Plex Mono',monospace;color:var(--muted)}.dn-measured{font-family:'IBM Plex Mono',monospace;color:var(--muted)}.dn-reel-tag{display:inline-block;margin-right:6px;font:500 11px 'IBM Plex Mono',monospace;color:var(--ink);background:var(--purple);padding:2px 8px;border-radius:4px}.dn-result-grid>div{min-width:0}.dn-result-grid dd{word-break:keep-all;overflow-wrap:anywhere}.dn-episode-nav>a.is-pending{border-style:dashed;border-color:#6a5aa8}.dn-episode-nav>a:last-child{text-align:right}@media(max-width:600px){.dn-brand-mark{width:34px;height:34px}.dn-brand-mark img{width:54px;height:54px;margin-bottom:-20px}.dn-ep-dots li{width:22px}}
@media(max-width:600px){.dn-result-grid dd{font-size:19px}}
.dn-post-overview{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.dn-post-overview>*{margin:0!important}.dn-post-overview:empty{display:none}.dn-series-summary .dn-section-heading{align-items:flex-end}.dn-article-heading .dn-categories{align-items:center;gap:8px;font-size:13px}.dn-chip-exp{font:600 13px/1.4 'IBM Plex Mono',monospace;color:var(--white);background:var(--ink);padding:4px 10px;border-radius:6px}.dn-chip-format{font-weight:700;border:2px solid var(--ink);padding:2px 10px;border-radius:999px;background:var(--purple);color:var(--ink)}.dn-news-layout{align-items:stretch}.dn-news-col{display:flex;flex-direction:column}.dn-news-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;border:3px dashed #cfc6e8;border-radius:22px;background:white;padding:28px;color:var(--muted);font-size:15px}.dn-news-empty img{width:120px;height:auto}.dn-news-empty p{margin:0}
@media(max-width:600px){.dn-series-summary li a{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.dn-series-summary li a>*{grid-column:auto!important;grid-row:auto!important}.dn-episode-nav>a:last-child{text-align:left}}
@media(min-width:601px) and (max-width:1000px){.dn-post-grid>.dn-pending-card:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:110px auto;justify-content:center;align-items:center;column-gap:24px;row-gap:4px;text-align:left}.dn-post-grid>.dn-pending-card:nth-child(odd) img{width:110px;grid-row:1/span 3}.dn-post-grid>.dn-pending-card:nth-child(odd)>:not(img){grid-column:2}.dn-series-summary li:last-child:nth-child(odd){grid-column:1/-1}}
