@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";
@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600&family=IBM+Plex+Sans+KR:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root,:root.light,:root.dark{--color-primary:#f5f6f7;--color-primary-hover:#e4e7eb;--color-primary-soft:#2b3036;--color-action:#2457ff;--color-action-hover:#173fd1;--color-signal:#e4e7eb;--color-signal-ink:#17191c;--color-bg:#17191c;--color-surface:#1c1f23;--color-surface-soft:#202327;--color-surface-muted:#282c31;--color-text:#f5f6f7;--color-text-muted:#b5bbc3;--color-text-subtle:#929aa5;--color-text-inverse:#17191c;--color-dark:#101214;--color-border:#363c43;--color-border-light:#2b3036;--color-border-strong:#59616b;--color-hover:#ffffff0f;--color-pressed:#ffffff1f;--color-overlay:#0000007a;--color-success:#63d28d;--color-danger:#ff8089;--color-warning:#f59e0b;--color-highlight:#f6d44b;--page-max:1120px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root,:root.light{--blackC:#1e1e1e;--whiteC:#fff;--orangeC:orange;--orangeBg:#ea8f04;--bg0:#fff;--bg50:#fafafa;--bg100:#f5f5f5;--bg150:#f1f1f1;--bg200:#ededed;--bg250:#e9e9e9;--bg300:#e5e5e5;--bg350:#e1e1e1;--bg400:#ddd;--bg450:#d9d9d9;--bg500:#d5d5d5;--ibg0:#fff;--mbg0:#fff;--mbd:#0000004d;--op4:#0000000a;--op8:#00000014;--op10:#0000001a;--op20:#0003;--op30:#0000004d;--op40:#0006;--op50:#00000080;--op60:#0009;--blueC:#004ad3;--blueBg:#05f;--redC:#d20000;--redBg:#e60000;--greenC:#008d27;--greenBg:#16a23d;--brandC:#6366f1;--brandBg:#4f46e5;--mainC:#363636;--subC:#6e6e6e;--placeholder:#0000004d;--divider:#0000000f;--btnHovered:#0000000a;--btnPressed:#00000014;--pageMaxWidth:1200px}:root.dark{--bg0:#141414;--bg50:#1e1e1e;--bg100:#272727;--bg150:#2f2f2f;--bg200:#363636;--bg250:#3d3d3d;--bg300:#444;--bg350:#4b4b4b;--bg400:#525252;--bg450:#595959;--bg500:#606060;--ibg0:#272727;--mbg0:#1e1e1e;--mbd:#0009;--op4:#ffffff0a;--op8:#ffffff14;--op10:#ffffff1a;--op20:#fff3;--op30:#ffffff4d;--op40:#fff6;--op50:#ffffff80;--op60:#fff9;--brandC:#6a79ff;--brandBg:#6366f1;--mainC:#eee;--subC:#b4b4b4;--placeholder:#ffffff4d;--divider:#ffffff0f;--btnHovered:#ffffff0a;--btnPressed:#ffffff14}:root,:root.light,:root.dark{--bg0:var(--color-bg);--bg50:var(--color-surface);--bg100:var(--color-surface-soft);--bg150:var(--color-surface-soft);--bg200:var(--color-surface-muted);--bg250:var(--color-surface-muted);--bg300:var(--color-border);--bg350:var(--color-border);--bg400:var(--color-border-strong);--bg450:var(--color-border-strong);--bg500:var(--color-text-subtle);--ibg0:var(--color-surface-muted);--mbg0:var(--color-surface);--mbd:var(--color-border);--mainC:var(--color-text);--subC:var(--color-text-muted);--placeholder:var(--color-text-subtle);--divider:var(--color-border);--brandC:var(--color-primary);--brandBg:var(--color-action);--blueC:var(--color-action);--blueBg:var(--color-action);--redC:var(--color-danger);--greenC:var(--color-success);--btnHovered:var(--color-hover);--btnPressed:var(--color-pressed);--op4:#ffffff0a;--op8:#ffffff14;--op10:#ffffff1a;--op20:#fff3;--op30:#ffffff4d;--op40:#fff6;--op50:#ffffff80;--op60:#fff9}@font-face{font-family:MaruBuri;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:MaruBuri;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:MaruBuri;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--font-sans:"Pretendard Variable",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;--text-caption:12px;--text-body:14px;--text-control:var(--text-body);--text-heading-sm:20px;--text-heading-md:32px;--text-heading-lg:48px}html{font-size:var(--text-body)}h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:700}.status-layer{position:relative;overflow:hidden}.status-layer:hover:after{content:"";background-color:var(--bg50);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}*{word-break:keep-all}p{line-height:1.6}dfn,cite,em,i{font-style:italic}address{margin:0 0 1.5em}code,code *,kbd,kbd *,tt,tt *,var,var *{font-family:JetBrains Mono,Menlo,Consolas,monospace}body{font-family:var(--font-sans);color:var(--color-text)}body,button,input,select,optgroup,textarea{font-size:var(--text-body);line-height:1.5}button,input,select,optgroup,textarea{color:inherit;font-family:inherit}h1,h2,h3,h4,h5,h6{clear:both;line-height:1.35}h1{font-size:var(--text-heading-md)}h2,h3{font-size:var(--text-heading-sm)}h4,h5{font-size:var(--text-body)}*{margin:0;box-sizing:border-box!important}body{background-color:var(--bg0);transition:background-color .2s}.page{flex-direction:column;align-items:center;width:100%;display:flex}hr,.wp-block-separator{color:var(--subC)}ul{list-style:outside}ol{list-style:decimal}dt{font-weight:700}dd{margin:0 1.5em 1.5em}embed,iframe,object{max-width:100%}.wp-block-image img{border-color:var(--bg200)}.wp-element-caption{color:var(--subC)}table{width:100%}table td{color:var(--mainC)}pre,.wp-block-preformatted,.wp-block-code{color:var(--mainC);background:var(--bg100);padding:1rem}.codeblock{font-size:var(--text-body);border-radius:8px;line-height:1.6;overflow:hidden}.codeblock .codeblock-filename{font-size:var(--text-body);color:var(--subC);background:var(--bg200);border-bottom:1px solid var(--divider);padding:6px 16px;font-family:JetBrains Mono,Menlo,Consolas,monospace}.codeblock pre{margin:0;padding:16px;overflow-x:auto;background:var(--bg100)!important}.codeblock pre code{background:0 0;font-family:JetBrains Mono,Menlo,Consolas,monospace}.codeblock .codeblock-line-number{text-align:right;width:3ch;color:var(--op20);-webkit-user-select:none;user-select:none;margin-right:16px;display:inline-block}.wp-block-quote{padding-left:1rem;position:relative}.wp-block-quote:before{content:"";background-color:var(--bg200);width:4px;height:100%;position:absolute;top:0;left:0}.wp-block-quote cite{color:var(--subC)}.wp-block-embed .wp-block-embed__wrapper{display:flex}.wp-block-embed iframe{width:100%}.select-element{align-items:center;display:flex;position:relative}.select-element .icon{font-size:var(--text-caption);position:absolute;right:.5rem}select{cursor:pointer;color:var(--mainC);background-color:var(--bg200);appearance:none;border:none;border-radius:6px;outline:none;width:100%;padding:4px 12px;position:relative}.tooltip{z-index:200}.tooltip .tooltip-content-wrapper{max-width:200px}.full-width{width:100%}.flex-row{flex-direction:row;display:flex}.flex-row.vertical-center{align-items:center}.flex-row.horizon-center{justify-content:center}.flex-col{flex-direction:column;display:flex}.flex-col.vertical-center{justify-content:center}.flex-col.horizon-center{align-items:center}a{color:var(--mainC);text-decoration:none}a:hover,a:focus,a:active{text-decoration:underline}a:focus{outline:thin dotted}a:hover,a:active{outline:0}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;display:flex}button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;min-height:36px}button:disabled{opacity:.4;pointer-events:none}.btn-ghost{color:var(--mainC);background-color:#0000;padding:0}.btn-ghost.c-blue{color:var(--brandC)}.btn-ghost.c-red{color:var(--redC)}.btn-ghost.c-brand{color:var(--brandC)}.btn-ghost:hover{text-decoration:underline}.btn-ghost:active{opacity:.7}.btn-card:hover{box-shadow:0 12px 40px var(--op10);transform:translateY(-4px);border-color:var(--brandC)!important}.btn-fill{cursor:pointer;border-radius:8px;padding:0 10px;position:relative;overflow:hidden}.btn-fill:after{z-index:100;content:"";pointer-events:none;background-color:#0000;width:100%;height:100%;position:absolute;top:0;left:0}.btn-fill:hover{text-decoration:none!important}.btn-fill:hover:after{background-color:var(--op8)}.btn-fill:active:after{background-color:var(--btnPressed)}.btn-fill.c-el1{background-color:var(--bg200)}.btn-fill.c-el2,.btn-fill.c-el3,.btn-fill.c-el4,.btn-fill.c-el5{background-color:var(--op10)}.btn-fill.c-none{background-color:#0000}.btn-fill.c-blue{background-color:var(--brandC)}.btn-fill.c-red{background-color:var(--redC)}.btn-fill.c-brand{background-color:var(--brandBg)}.btn-fill.c-blue,.btn-fill.c-red,.btn-fill.c-brand,.btn-fill.c-blue *,.btn-fill.c-red *,.btn-fill.c-brand *{color:#fff!important}.btn-fill.c-blue:hover:after,.btn-fill.c-red:hover:after,.btn-fill.c-brand:hover:after{background-color:#ffffff1a!important}.btn-fill.c-blue:active:after,.btn-fill.c-red:active:after,.btn-fill.c-brand:active:after{background-color:#fff3!important}.btn-fill.s-sharp{border-radius:0}.btn-fill.s-pill{border-radius:100px}input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=range],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=color],textarea{color:var(--mainC);border:1px solid var(--op10);background-color:var(--bg100);min-height:32px;font-size:var(--text-body);border-radius:6px;outline:none;padding:0 12px;position:relative;overflow:hidden}input[type=text]:after,input[type=email]:after,input[type=url]:after,input[type=password]:after,input[type=search]:after,input[type=number]:after,input[type=tel]:after,input[type=range]:after,input[type=date]:after,input[type=month]:after,input[type=week]:after,input[type=time]:after,input[type=datetime]:after,input[type=datetime-local]:after,input[type=color]:after,textarea:after{z-index:100;content:"";pointer-events:none;background-color:#0000;width:100%;height:100%;position:absolute;top:0;left:0}input[type=text]:hover:after,input[type=email]:hover:after,input[type=url]:hover:after,input[type=password]:hover:after,input[type=search]:hover:after,input[type=number]:hover:after,input[type=tel]:hover:after,input[type=range]:hover:after,input[type=date]:hover:after,input[type=month]:hover:after,input[type=week]:hover:after,input[type=time]:hover:after,input[type=datetime]:hover:after,input[type=datetime-local]:hover:after,input[type=color]:hover:after,textarea:hover:after{background-color:var(--op8)}input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=range]:focus,input[type=date]:focus,input[type=month]:focus,input[type=week]:focus,input[type=time]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=color]:focus,textarea:focus{border-color:var(--brandC)}input[type=text].c-el1,input[type=email].c-el1,input[type=url].c-el1,input[type=password].c-el1,input[type=search].c-el1,input[type=number].c-el1,input[type=tel].c-el1,input[type=range].c-el1,input[type=date].c-el1,input[type=month].c-el1,input[type=week].c-el1,input[type=time].c-el1,input[type=datetime].c-el1,input[type=datetime-local].c-el1,input[type=color].c-el1,textarea.c-el1{border:1px solid var(--op10);background-color:var(--bg100)}input[type=text].c-el2,input[type=email].c-el2,input[type=url].c-el2,input[type=password].c-el2,input[type=search].c-el2,input[type=number].c-el2,input[type=tel].c-el2,input[type=range].c-el2,input[type=date].c-el2,input[type=month].c-el2,input[type=week].c-el2,input[type=time].c-el2,input[type=datetime].c-el2,input[type=datetime-local].c-el2,input[type=color].c-el2,textarea.c-el2,input[type=text].c-el3,input[type=email].c-el3,input[type=url].c-el3,input[type=password].c-el3,input[type=search].c-el3,input[type=number].c-el3,input[type=tel].c-el3,input[type=range].c-el3,input[type=date].c-el3,input[type=month].c-el3,input[type=week].c-el3,input[type=time].c-el3,input[type=datetime].c-el3,input[type=datetime-local].c-el3,input[type=color].c-el3,textarea.c-el3{border:1px solid var(--op10);background-color:var(--bg200)}input[type=text].c-el4,input[type=email].c-el4,input[type=url].c-el4,input[type=password].c-el4,input[type=search].c-el4,input[type=number].c-el4,input[type=tel].c-el4,input[type=range].c-el4,input[type=date].c-el4,input[type=month].c-el4,input[type=week].c-el4,input[type=time].c-el4,input[type=datetime].c-el4,input[type=datetime-local].c-el4,input[type=color].c-el4,textarea.c-el4,input[type=text].c-el5,input[type=email].c-el5,input[type=url].c-el5,input[type=password].c-el5,input[type=search].c-el5,input[type=number].c-el5,input[type=tel].c-el5,input[type=range].c-el5,input[type=date].c-el5,input[type=month].c-el5,input[type=week].c-el5,input[type=time].c-el5,input[type=datetime].c-el5,input[type=datetime-local].c-el5,input[type=color].c-el5,textarea.c-el5{border:1px solid var(--op10);background-color:var(--op10)}input[type=date]{cursor:pointer}html{width:100%;min-height:100%}html body{width:100%;min-height:100%;overflow-x:hidden}html body:after{content:"";pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.15'/%3E%3C/svg%3E");background-size:128px 128px;position:fixed;inset:0}svg *{fill:var(--mainC)}.app{flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.app.tablet .boundary{padding:0 20px}.app .page-section{justify-content:center;align-items:center;width:100%;display:flex}.app .boundary{width:100%;max-width:var(--pageMaxWidth);justify-content:center;align-items:center;padding:0 2rem;display:flex}.app .boundary .page-content{width:100%;padding-top:40px;padding-bottom:80px}.app .toasts-container{z-index:5000;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;padding:24px;display:flex;position:fixed;bottom:0;left:0;right:0}.app .loading-state{flex-direction:column;justify-content:center;align-items:center;display:flex}.app .loading-state.page-center{margin:auto;position:fixed;inset:0}.app .loading-state{text-align:center;padding:80px 24px}.app .loading-state p{color:var(--brandC);margin:0;margin-top:20px!important}@keyframes spin{to{transform:rotate(360deg)}}.rich-content-page{font-family:var(--font-sans)}.rich-content-page .boundary{flex-direction:column;max-width:780px!important}.rich-content-page .rich-content-header{padding-top:var(--space-12)}.rich-content-page .rich-content-header .boundary{align-items:flex-start!important}.rich-content-page .rich-content-header .rich-content-tags{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.rich-content-page .rich-content-header .rich-content-category{font:700 var(--text-caption)/1 var(--font-sans);color:var(--color-text)}.rich-content-page .rich-content-header .rich-content-title{font-size:var(--text-heading-lg);color:var(--color-text);letter-spacing:-.04em;margin:0 0 var(--space-6)0;font-weight:700;line-height:1.2}.rich-content-page .rich-content-header .rich-content-description{font-size:var(--text-heading-sm);color:var(--color-text-muted);width:100%;margin:0 0 var(--space-6)0;line-height:1.65}.rich-content-page .rich-content-header .rich-content-meta{align-items:center;gap:var(--space-4);padding-bottom:var(--space-8);color:var(--color-text-subtle);font-size:var(--text-caption);flex-wrap:wrap;display:flex}.rich-content-page .rich-content-header .rich-content-meta .rich-content-author{color:var(--color-text-muted)}.rich-content-page .rich-content-header .rich-content-meta .rich-content-date,.rich-content-page .rich-content-header .rich-content-meta .rich-content-readtime{font-family:var(--font-mono)}.rich-content-page .rich-content-header .cover-image-wrapper{width:100%;margin-top:var(--space-8);aspect-ratio:16/9;position:relative}.rich-content-page .rich-content-header .cover-image-wrapper .cover-image{border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;position:relative!important}@media (max-width:768px){.rich-content-page .rich-content-header{padding-top:var(--space-8)}.rich-content-page .rich-content-header .rich-content-title{font-size:var(--text-heading-md)}}.rich-content-page .rich-content-body .rich-content{padding-top:var(--space-10);padding-bottom:var(--space-16);gap:var(--space-3);flex-direction:column;width:100%;display:flex}.rich-content-page .rich-content-body .rich-content a,.rich-content-page .rich-content-body .rich-content p,.rich-content-page .rich-content-body .rich-content li,.rich-content-page .rich-content-body .rich-content ol,.rich-content-page .rich-content-body .rich-content ul,.rich-content-page .rich-content-body .rich-content blockquote,.rich-content-page .rich-content-body .rich-content table{line-height:1.65;font-size:var(--text-body);color:var(--color-text)}.rich-content-page .rich-content-body .rich-content a{color:var(--color-action);text-underline-offset:3px;text-decoration:underline}.rich-content-page .rich-content-body .rich-content a:hover{color:var(--color-action-hover)}.rich-content-page .rich-content-body .rich-content img{width:100%!important;height:initial!important}.rich-content-page .rich-content-body .rich-content figure{width:100%;margin:var(--space-6)0}.rich-content-page .rich-content-body .rich-content figure img{display:block}.rich-content-page .rich-content-body .rich-content figure iframe{aspect-ratio:16/9;border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;height:auto;display:block}.rich-content-page .rich-content-body .rich-content figure figcaption{margin-top:var(--space-2);color:var(--color-text-subtle);font-size:var(--text-caption);text-align:center}.rich-content-page .rich-content-body .rich-content hr{width:100%;margin:var(--space-8)0;border:0;border-top:1px solid var(--color-border)}.rich-content-page .rich-content-body .rich-content p{min-height:1.6rem;color:var(--color-text-muted)}.rich-content-page .rich-content-body .rich-content strong{color:var(--color-text)}.rich-content-page .rich-content-body .rich-content h1,.rich-content-page .rich-content-body .rich-content h2,.rich-content-page .rich-content-body .rich-content h3,.rich-content-page .rich-content-body .rich-content h4,.rich-content-page .rich-content-body .rich-content h5{color:var(--color-text);letter-spacing:-.03em}.rich-content-page .rich-content-body .rich-content blockquote{padding-left:var(--space-4);color:var(--color-text-muted);position:relative}.rich-content-page .rich-content-body .rich-content blockquote:before{content:"";background-color:var(--color-border-strong);width:2px;position:absolute;top:0;bottom:0;left:0}.rich-content-page .rich-content-body .rich-content table{border:1px solid var(--color-border);border-radius:var(--radius-md);border-spacing:0;width:100%;overflow:hidden}.rich-content-page .rich-content-body .rich-content table td,.rich-content-page .rich-content-body .rich-content table th{text-align:center;padding:var(--space-2)var(--space-1);font-size:var(--text-body);border-bottom:1px solid var(--color-border)}.rich-content-page .rich-content-body .rich-content table thead tr{background-color:var(--color-surface-soft)}.rich-content-page .rich-content-body .rich-content table thead tr th{color:var(--color-text)}.rich-content-page .rich-content-body .rich-content table tr:last-child td{border-bottom:none}.rich-content-page .rich-content-body .rich-content .divider{border:none;border-bottom:1px solid var(--color-border);width:100%}.rich-content-page .rich-content-body .rich-content .content-youtube-wrapper{border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;padding-top:56.25%;position:relative;overflow:hidden}.rich-content-page .rich-content-body .rich-content .content-youtube-wrapper iframe{width:100%;height:100%;position:absolute;top:0;left:0}.rich-content-page .rich-content-body .rich-content .video-container{background-color:var(--color-dark);border-radius:var(--radius-md);padding-top:56.25%;position:relative;overflow:hidden;width:100%!important}.rich-content-page .rich-content-body .rich-content .video-container video,.rich-content-page .rich-content-body .rich-content .video-container div{width:100%;height:100%;position:absolute;top:0;left:0}.rich-content-page .rich-content-body .rich-content img{border-radius:var(--radius-md);border:1px solid var(--color-border)}.rich-content-page .rich-content-body .rich-content-subscribe{width:100%;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft)}.rich-content-page .rich-content-footer{margin-top:var(--space-10);width:100%}.rich-content-page .rich-content-footer .boundary{padding-top:var(--space-10);padding-bottom:var(--space-10);border-top:1px solid var(--color-border)}.rich-content-page .share-section{width:100%;margin-bottom:var(--space-12);justify-content:space-between;align-items:center;display:flex}.rich-content-page .share-section .share-label{font-size:var(--text-body);color:var(--color-text-muted)}.rich-content-page .share-section .share-buttons{gap:var(--space-2);display:flex}.rich-content-page .share-section .share-btn{padding:var(--space-2)var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-caption);color:var(--color-text);cursor:pointer;transition:all .2s}.rich-content-page .share-section .share-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.rich-content-page .related-articles{width:100%}.rich-content-page .related-articles>h3{font-size:var(--text-heading-sm);color:var(--color-text);margin-bottom:var(--space-5);font-weight:600}.rich-content-page .related-list{flex-direction:column;display:flex}.rich-content-page .related-category{padding:var(--space-1)var(--space-2);background:var(--color-surface-soft);border-radius:var(--radius-sm);font-size:var(--text-caption);color:var(--color-text-muted);flex-shrink:0;font-weight:600}.rich-content-page .related-title{font-size:var(--text-body);color:var(--color-text);font-weight:500}@media (max-width:768px){.rich-content-page .share-section{align-items:flex-start;gap:var(--space-4);flex-direction:column}}
.course-video-frame{aspect-ratio:16/9;background:var(--color-bg);width:100%;color:var(--color-text);position:relative}.course-video-frame .youtube-player-host,.course-video-frame iframe,.course-video-frame mux-player{border:0;width:100%;height:100%}.course-video-frame .player-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;margin:0;padding:24px;display:flex}.admin-video-field{border-block:1px solid var(--color-border);gap:16px;padding-block:16px;display:grid}.admin-video-field mux-uploader{--progress-bar-fill-color:var(--color-action);--progress-bar-height:8px;--overlay-background-color:var(--color-surface)}.admin-video-field progress{width:100%;accent-color:var(--color-action)}
.app-bar{border-bottom:1px solid var(--bg50);align-items:center;gap:12px;min-height:60px;padding:8px 12px;display:flex}.app-bar .btn-dismiss{width:40px;height:40px}
.bunny-player{background-color:var(--blackC);-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative}.bunny-player iframe{pointer-events:auto;border:none;width:100%;height:100%;position:absolute;top:0;left:0}.bunny-player .player-placeholder{background-color:var(--blackC);color:#fff9;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.bunny-player .player-placeholder svg{opacity:.5}.bunny-player .player-placeholder p{font-size:var(--text-body)}.bunny-player .player-placeholder .placeholder-hint{font-size:var(--text-body);opacity:.5;text-align:center;max-width:300px}
.dropdown-menu{z-index:500;background-color:var(--ibg0);border-radius:8px;transition:height .2s;position:fixed;overflow:hidden;box-shadow:0 4px 8px #0000004d}.dropdown-menu .dropdown-menu-content{flex-direction:column;padding:4px 0;display:flex;overflow:hidden}.dropdown-menu .dropdown-menu-content .divider{border-bottom:1px solid var(--divider);width:100%;height:1px;margin:4px 0}.dropdown-menu .dropdown-menu-content button{justify-content:flex-start;width:100%;height:44px}.dropdown-menu .dropdown-menu-content button.destructive{color:var(--redC)}
.feature-card{background-color:var(--bg50);text-align:center;border-radius:16px;padding:32px;transition:transform .2s,box-shadow .2s}.feature-card:hover{box-shadow:0 12px 40px var(--op10);transform:translateY(-4px)}.feature-card .feature-icon{font-size:var(--text-heading-md);margin-bottom:20px}.feature-card .feature-title{font-size:var(--text-heading-sm);color:var(--mainC);margin-bottom:12px;font-weight:700}.feature-card .feature-description{font-size:var(--text-body);color:var(--subC);line-height:1.6}@media (max-width:768px){.feature-card{width:100%;padding:24px}}
.loader{position:relative}.loader.center{z-index:1000;margin:auto;position:fixed;inset:0}.loader .loader-stick{opacity:.1;background-color:var(--mainC)}@keyframes indicator-animation{0%{opacity:1}to{opacity:0}}
.nav-bar{z-index:100;background-color:var(--bg0);width:100%;height:64px;transition:box-shadow .2s,background-color .2s;position:sticky;top:0}.nav-bar.scrolled{box-shadow:0 1px 0 var(--op10)}.nav-bar .boundary{max-width:var(--pageMaxWidth);justify-content:space-between;align-items:center;margin:0 auto;display:flex;padding-top:12px!important;padding-bottom:12px!important}.nav-bar .nav-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.nav-bar .brand-logo *{fill:var(--mainC)!important}.nav-bar .brand-logo{flex-shrink:0}.nav-bar .brand-text{font-family:var(--font-sans);font-size:var(--text-heading-sm);color:var(--color-text);font-weight:700}.nav-bar .nav-center{gap:24px;margin-left:auto;display:flex}.nav-bar .nav-link{font-size:var(--text-body);font-weight:500}.nav-bar .nav-link.active{color:var(--brandC)}.nav-bar .nav-right{align-items:center;gap:12px;margin-left:24px;display:flex}.nav-bar .btn-theme,.nav-bar .btn-more{width:40px;height:40px;color:var(--subC);justify-content:center;align-items:center;padding:0;display:flex}.nav-bar .btn-theme:hover,.nav-bar .btn-more:hover{color:var(--mainC)}.nav-bar .tablet-only{display:none}@media (max-width:1024px){.nav-bar .nav-center{display:none}.nav-bar .desktop-only{display:none!important}.nav-bar .tablet-only{display:flex}}@media (max-width:768px){.nav-bar .brand-text{font-size:var(--text-body)}}.nav-panel-overlay{z-index:200;background:#0006;width:100%;height:100%;animation:.2s navOverlayFadeIn;position:fixed;top:0;left:0}@keyframes navOverlayFadeIn{0%{opacity:0}to{opacity:1}}.nav-panel{background:var(--bg0);z-index:201;flex-direction:column;gap:24px;width:300px;max-width:80vw;height:100%;padding:24px;animation:.25s navPanelSlideIn;display:flex;position:fixed;top:0;right:0;overflow-y:auto}.nav-panel .nav-panel-header{justify-content:space-between;align-items:center;display:flex}.nav-panel .nav-panel-title{font-size:var(--text-heading-sm);color:var(--mainC);font-weight:700}.nav-panel .nav-panel-close{color:var(--subC);cursor:pointer;background:0 0;border:none;min-height:auto;padding:4px}.nav-panel .nav-panel-close:hover{color:var(--mainC)}.nav-panel .nav-panel-links{flex-direction:column;gap:4px;display:flex}.nav-panel .nav-panel-link{font-size:var(--text-body);color:var(--mainC);padding:10px 0;font-weight:500;text-decoration:none}.nav-panel .nav-panel-link:hover{text-decoration:underline}.nav-panel .nav-panel-link.active{color:var(--brandC);font-weight:700}.nav-panel .nav-panel-kakao{justify-content:space-between;align-items:center;gap:12px;display:flex}.nav-panel .nav-panel-kakao .kakao-label{font-size:var(--text-body);color:var(--mainC);font-weight:700}.nav-panel .nav-panel-kakao .kakao-btn{font-size:var(--text-caption);padding:6px 14px;font-weight:500;text-decoration:none}.nav-panel .nav-panel-categories h3{font-size:var(--text-body);color:var(--mainC);align-items:center;gap:12px;margin-bottom:12px;font-weight:700;display:flex}.nav-panel .nav-panel-categories h3:after{content:"";background-color:var(--mainC);flex:1;height:1px}.nav-panel .nav-panel-categories ul{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.nav-panel .nav-panel-categories a{font-size:var(--text-body);color:var(--subC);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.nav-panel .nav-panel-categories a:hover{color:var(--mainC)}.nav-panel .nav-panel-categories .cat-count{font-size:var(--text-caption);color:var(--subC)}.nav-panel .nav-panel-theme{color:var(--subC);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-height:auto;padding:4px;display:flex}.nav-panel .nav-panel-theme:hover{color:var(--mainC)}@keyframes navPanelSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}
.newsletter-form{font-family:var(--font-sans);flex-direction:column;display:flex}.newsletter-form.full-width,.newsletter-form.full-width .form-content{width:100%}.newsletter-form.full-width .form-content .input-wrapper{min-width:initial;width:100%;max-width:100%}.newsletter-form.align-left{align-items:flex-start}.newsletter-form.align-center{align-items:center}.newsletter-form .newsletter-form-title{font-size:var(--text-heading-sm);color:var(--color-text);margin-bottom:8px}.newsletter-form .newsletter-form-description{font-size:var(--text-body);color:var(--color-text-muted);margin-bottom:16px}.newsletter-form .resource-name-wrapper{border-radius:var(--radius-sm);border:1px solid var(--color-border);align-items:center;gap:8px;width:100%;min-width:0;margin-bottom:12px;padding:8px 12px;display:flex}.newsletter-form .resource-name-wrapper span{color:var(--color-primary)!important}.newsletter-form .resource-name-wrapper p{font-size:var(--text-body);color:var(--color-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.newsletter-form .success-content{background-color:var(--color-surface-soft);border-radius:var(--radius-sm);border:1px solid var(--color-border);align-items:center;gap:8px;padding:12px;display:flex}.newsletter-form .success-content *{color:var(--color-success)!important}.newsletter-form .success-content .success-message{font-size:var(--text-body);line-height:1;margin:0!important}.newsletter-form .form-content{flex-direction:column;gap:8px;width:100%;display:flex}.newsletter-form .form-row{align-items:center;gap:8px;width:100%;display:flex}.newsletter-form .form-input{border:1px solid var(--color-border);border-radius:var(--radius-pill);min-width:0;height:44px;font-size:var(--text-body);color:var(--color-text);background-color:var(--color-bg);flex:1;padding:0 16px;transition:border-color .15s}.newsletter-form .form-input:focus{border-color:var(--color-primary);outline:none}.newsletter-form .form-input::placeholder{color:var(--color-text-subtle)}.newsletter-form .form-input:disabled{cursor:not-allowed}.newsletter-form .form-input.error{border-color:var(--color-danger);color:var(--color-danger)}.newsletter-form .form-button{height:44px;min-height:44px;font-size:var(--text-body);border-radius:var(--radius-pill);white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;padding:0 20px;font-weight:600;display:flex;background-color:var(--color-action)!important;color:var(--whiteC)!important}.newsletter-form .form-button:hover:not(:disabled){background-color:var(--color-action-hover)!important}.newsletter-form .form-button:disabled{opacity:.7;cursor:not-allowed}.newsletter-form .loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.newsletter-form .error-text{font-size:var(--text-caption);color:var(--color-danger);text-align:center}.newsletter-form .open-chat-banner{align-items:center;gap:8px;margin-top:20px;display:flex}.newsletter-form .open-chat-banner .icon{color:var(--color-primary);flex-shrink:0;align-items:center;display:flex}.newsletter-form .open-chat-banner p{font-size:var(--text-caption);color:var(--color-text-muted);line-height:1.4;margin:0!important}.newsletter-form .open-chat-banner p a{color:var(--color-primary);margin-left:8px;font-weight:600;text-decoration:none;transition:opacity .2s}.newsletter-form .open-chat-banner p a:hover{opacity:.7}@media (max-width:600px){.newsletter-form{padding:0 16px;width:100vw!important}.newsletter-form .form-content{width:100%!important}}
.overlay-backdrop{background-color:var(--op10);z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.overlay-backdrop.hide{opacity:0;pointer-events:none;transition:opacity .2s ease-in-out}.overlay-backdrop.hide .overlay{transform:translateY(300px)}.overlay-backdrop.mobile{align-items:flex-end}.overlay-backdrop .overlay{background-color:var(--ibg0);border-radius:12px;width:100%;transition:transform .2s ease-in-out;box-shadow:0 4px 8px #00000040}.overlay-backdrop .overlay .overlay-footer{gap:8px;padding:16px;display:flex}.overlay-backdrop .overlay .overlay-footer button{flex:1;height:44px}
.review-card{background-color:var(--bg50);border:1px solid var(--op10);border-radius:16px;flex-shrink:0;min-width:320px;max-width:320px;padding:24px;transition:border-color .2s,box-shadow .2s}.review-card:hover{background-color:var(--bg100)}.review-card .review-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.review-card .reviewer-avatar{border:1px solid var(--brandC);background:linear-gradient(135deg,var(--bg0)0%,var(--bg100)100%);width:44px;height:44px;font-size:var(--text-heading-sm);color:var(--brandC);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.review-card .reviewer-info{flex-direction:column;gap:4px;display:flex}.review-card .reviewer-name{font-size:var(--text-body);color:var(--mainC);font-weight:600}.review-card .review-rating{gap:0;display:flex}.review-card .review-rating .star{font-size:var(--text-body);color:var(--op20)}.review-card .review-rating .star.filled{color:#fbbf24}.review-card .review-content{font-size:var(--text-body);color:var(--subC);-webkit-line-clamp:4;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}
.system-popup .overlay-body{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.system-popup .overlay-body .popup-content{flex-direction:column;gap:8px;width:100%;display:flex}.system-popup .overlay-body input{width:100%;height:44px}.system-popup .overlay-footer{border-top:1px solid var(--bg200)}.system-popup .overlay-footer .btn-submit{color:var(--brandC)}.system-popup .overlay-footer .btn-submit.destructive{color:var(--redC)}
.toast{opacity:0;border-radius:6px;padding:4px 12px;transition:all .2s ease-in-out;transform:translateY(100px);box-shadow:0 3px 6px #0003}.toast.show{opacity:1;transform:translate(0,0)}.toast.POSITIVE{color:#fff;background-color:var(--greenC)}.toast.NEGATIVE{color:#fff;background-color:var(--redC)}.toast.NEUTRAL{color:var(--mainC);background-color:var(--ibg0)}

.about-section{justify-content:center;width:100%;padding:80px 0;display:flex}.about-section.has-bg{background:var(--bg50)}.about-section .boundary{flex-direction:column;align-items:center}.about-section .about-content{flex-direction:column;gap:40px;width:100%;max-width:720px;display:flex}.about-section .about-header{align-items:center;gap:24px;display:flex}.about-section .avatar-image{object-fit:cover;border:1px solid var(--op10);border-radius:50%;flex-shrink:0;width:80px;height:80px}.about-section .about-intro{flex-direction:column;gap:4px;display:flex}.about-section .about-title{font-size:var(--text-heading-sm);color:var(--mainC);font-weight:700}.about-section .about-subtitle{font-size:var(--text-body);color:var(--subC)}.about-section .about-story p,.about-section .about-philosophy p{font-size:var(--text-body);color:var(--subC);margin-bottom:16px;line-height:1.8}.about-section .about-story p:last-child,.about-section .about-philosophy p:last-child{margin-bottom:0}.about-section .about-story p strong,.about-section .about-philosophy p strong{color:var(--mainC);font-weight:600}.about-section .about-story .inline-link,.about-section .about-philosophy .inline-link{color:var(--brandC);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s}.about-section .about-story .inline-link:hover,.about-section .about-philosophy .inline-link:hover{border-bottom-color:var(--brandC)}.about-section .about-story .inline-link strong,.about-section .about-philosophy .inline-link strong{color:inherit}.about-section .about-philosophy{border-top:1px solid var(--op10);padding-top:24px}.about-section .about-philosophy h3{font-size:var(--text-heading-sm);color:var(--mainC);margin-bottom:16px;font-weight:600}.about-section .about-footer{border-top:1px solid var(--op10);padding-top:24px}.about-section .about-footer p{font-size:var(--text-body);color:var(--subC);margin-bottom:16px}.about-section .threads-link{background:var(--bg0);border:1px solid var(--op10);color:var(--mainC);font-size:var(--text-body);border-radius:100px;align-items:center;gap:8px;padding:12px 20px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.about-section .threads-link svg{color:var(--brandC)}.about-section .threads-link:hover{border-color:var(--brandC);background:var(--bg50)}@media (max-width:600px){.about-section{padding:60px 0}.about-section .about-header{text-align:center;flex-direction:column}.about-section .about-intro{align-items:center}.about-section .about-content{text-align:center}.about-section .about-title{font-size:var(--text-heading-sm)}}
.course-item{text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}.course-item.minimal{flex-shrink:0;align-items:center;gap:12px;padding:16px 20px;display:flex}.course-item.minimal .course-badge{font-size:var(--text-caption);text-transform:uppercase;background:var(--brandBg);color:var(--whiteC);border-radius:4px;padding:4px 8px;font-weight:600}.course-item.minimal .course-badge.free{color:var(--brandC);background:var(--bg50);border:1px solid var(--op10)}.course-item.minimal .course-name{font-size:var(--text-body);color:var(--mainC);white-space:nowrap;font-weight:600}.course-item.minimal .course-duration{font-size:var(--text-body);color:var(--subC);white-space:nowrap}.course-item.default{background-color:var(--bg0);border:1px solid var(--op10);border-radius:12px;flex-direction:column;padding:0;display:flex;overflow:hidden}.course-item.default:hover{box-shadow:0 12px 40px var(--op10);transform:translateY(-4px)}.course-item.default .course-thumbnail{background:var(--blackC);text-align:center;flex-direction:column;justify-content:center;align-items:center;height:160px;padding:24px;display:flex;position:relative}.course-item.default .course-thumbnail.free{background:var(--brandC)}.course-item.default .course-thumbnail img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.course-item.default .course-thumbnail .thumbnail-placeholder{flex-direction:column;align-items:center;gap:12px;display:flex}.course-item.default .course-thumbnail .thumbnail-placeholder .thumbnail-icon{font-size:var(--text-heading-md)}.course-item.default .course-thumbnail .thumbnail-placeholder .thumbnail-title{font-size:var(--text-heading-sm);color:var(--whiteC);font-weight:700;line-height:1.3}.course-item.default .course-badge{display:none}.course-item.default .course-info{flex-direction:column;flex:1;padding:20px;display:flex}.course-item.default .course-title{font-size:var(--text-heading-sm);color:var(--brandC);margin-bottom:8px;font-weight:600;line-height:1.4}.course-item.default .course-description{font-size:var(--text-body);color:var(--subC);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;line-height:1.5;display:-webkit-box;overflow:hidden}.course-item.default .course-footer{justify-content:flex-end;align-items:center;margin-top:auto;padding-top:16px;display:flex}.course-item.default .course-price{font-size:var(--text-body);color:var(--mainC);font-weight:700}@media (max-width:640px){.course-item.default .course-thumbnail{height:160px}}
.article-item{text-decoration:none;transition:all .2s}.article-item .article-views{font-size:var(--text-body);align-items:center;gap:4px;display:flex}.article-item .article-views span{text-align:left;width:20px;color:var(--subC)}.article-item.featured{flex-direction:column;padding:20px 0;text-decoration:none;display:flex}.article-item.featured:hover .article-title{text-underline-offset:6px;text-decoration:underline}.article-item.featured .article-thumbnail-featured{aspect-ratio:16/9;border:1px solid var(--bg200);border-radius:8px;width:100%;margin-bottom:20px;overflow:hidden}.article-item.featured .article-thumbnail-featured img{object-fit:cover;width:100%;height:100%;display:block}.article-item.featured .article-title{font-size:var(--text-heading-sm);color:var(--mainC);line-height:1.3}.article-item.featured .article-excerpt{-webkit-line-clamp:2;font-size:var(--text-body);color:var(--subC);-webkit-box-orient:vertical;margin-top:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.article-item.featured .article-meta{align-items:center;gap:8px;margin-top:12px;display:flex}.article-item.featured .article-meta .resource-badge{font-size:var(--text-caption);color:#fff;background-color:var(--brandBg);border-radius:100px;align-items:center;gap:2px;padding:2px 8px 2px 6px;display:flex}.article-item.featured .article-meta .resource-badge *{color:#fff!important}.article-item.featured .article-category,.article-item.featured .article-date{font-size:var(--text-body);color:var(--subC)}.article-item.featured .article-date:before{content:"";margin-right:8px}.article-item.wide{flex-direction:column;gap:0;padding:20px 0;text-decoration:none;display:flex}.article-item.wide:hover .article-title,.article-item.wide:hover .article-title-mobile{text-underline-offset:6px;text-decoration:underline}.article-item.wide .article-title-mobile{font-size:var(--text-heading-sm);color:var(--mainC);width:100%;margin-bottom:12px;line-height:1.4;display:none}.article-item.wide .article-row{justify-content:space-between;align-items:flex-start;gap:24px;width:100%;display:flex}.article-item.wide .article-info{flex:1;min-width:0}.article-item.wide .article-info>div{width:100%}.article-item.wide .article-thumbnail{aspect-ratio:16/9;border:1px solid var(--bg200);border-radius:6px;flex-shrink:0;width:240px;overflow:hidden}.article-item.wide .article-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.article-item.wide .article-title{font-size:var(--text-heading-sm);color:var(--mainC);align-items:center;gap:4px;line-height:1.5;display:flex}.article-item.wide.hero .article-title,.article-item.wide.hero .article-title-mobile{font-size:var(--text-heading-md)}.article-item.wide.hero:hover .article-title,.article-item.wide.hero:hover .article-title-mobile{text-underline-offset:8px}.article-item.wide.hero .article-thumbnail{aspect-ratio:16/9;width:40%;height:auto}.article-item.wide.hero .article-excerpt{font-size:var(--text-body);-webkit-line-clamp:3;margin-top:8px}.article-item.wide.hero .article-info>div:has(.article-excerpt){margin-bottom:8px;overflow:hidden}.article-item.wide .article-excerpt{-webkit-line-clamp:2;font-size:var(--text-body);color:var(--subC);-webkit-box-orient:vertical;margin-top:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.article-item.wide .article-meta{align-items:center;gap:8px;margin-top:8px;display:flex}.article-item.wide .article-meta .resource-badge{font-size:var(--text-caption);color:#fff;background-color:var(--brandBg);border-radius:100px;align-items:center;gap:2px;padding:2px 8px 2px 6px;display:flex}.article-item.wide .article-meta .resource-badge *{color:#fff!important}.article-item.wide .article-category,.article-item.wide .article-date{font-size:var(--text-body);color:var(--subC)}.article-item.wide .article-date:before{content:"";margin-right:8px}@media (max-width:768px){.article-item.wide.hero .article-title-mobile{font-size:var(--text-heading-sm)}.article-item.wide.hero .article-thumbnail{width:25%}.article-item.wide.hero{padding-bottom:10px}.article-item.wide.hero .article-excerpt{margin-top:0}.article-item.wide.hero:hover .article-title-mobile{text-underline-offset:6px}.article-item.wide .article-title-mobile{display:block}.article-item.wide .article-row{gap:16px}.article-item.wide .article-title{display:none}.article-item.wide .article-excerpt{margin-top:0}.article-item.wide .article-thumbnail{width:25%;height:auto}}.article-item.narrow{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 8px;display:flex}.article-item.narrow .meta-info{align-items:center;gap:12px;width:100%;display:flex}.article-item.narrow .meta-info .article-category{font-size:var(--text-body);color:var(--brandC);font-weight:500}.article-item.narrow .meta-info .sub-infos{align-items:center;gap:12px;display:flex}.article-item.narrow .meta-info .sub-infos *{color:var(--subC)}.article-item.narrow .article-title{font-size:var(--text-heading-sm);color:var(--mainC);font-weight:600;line-height:1.4}.article-item.narrow .article-description{font-size:var(--text-body);color:var(--subC);line-height:1.5}
.sidebar-desktop{flex-direction:column;flex-shrink:0;align-self:flex-start;gap:32px;width:250px;display:flex;position:sticky;top:80px}.sidebar-desktop .sidebar-kakao{justify-content:space-between;align-items:center;gap:12px;display:flex}.sidebar-desktop .sidebar-kakao .kakao-label{font-size:var(--text-body);color:var(--mainC);font-weight:700}.sidebar-desktop .sidebar-kakao .kakao-btn{font-size:var(--text-caption);padding:6px 14px;font-weight:500;text-decoration:none}.sidebar-desktop .sidebar-categories h3{font-size:var(--text-body);color:var(--mainC);align-items:center;gap:12px;margin-bottom:12px;font-weight:700;display:flex}.sidebar-desktop .sidebar-categories h3:after{content:"";background-color:var(--mainC);flex:1;height:1px}.sidebar-desktop .sidebar-categories ul{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.sidebar-desktop .sidebar-categories a{font-size:var(--text-body);color:var(--subC);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.sidebar-desktop .sidebar-categories a:hover{color:var(--mainC);text-decoration:underline}.sidebar-desktop .sidebar-categories a.active{color:var(--mainC);font-weight:700}.sidebar-desktop .sidebar-categories .cat-count{font-size:var(--text-caption);color:var(--subC)}@media (max-width:1024px){.sidebar-desktop{display:none}}
.landing-page section{justify-content:center;width:100%;display:flex}.landing-page .hero-section{padding:30px 0 12px}.landing-page .hero-section .boundary{flex-direction:column}.landing-page .hero-section .hero-featured{flex-direction:row-reverse;align-items:center;gap:48px;width:100%;text-decoration:none;display:flex}.landing-page .hero-section .hero-featured:hover .hero-title{text-decoration:underline}.landing-page .hero-section .hero-image{background:var(--bg100);border:1px solid var(--bg200);aspect-ratio:16/9;border-radius:12px;flex:0 0 40%;overflow:hidden}.landing-page .hero-section .hero-image img{object-fit:cover;width:100%;height:100%;display:block}.landing-page .hero-section .hero-content{flex-direction:column;flex:1;align-items:flex-start;display:flex}.landing-page .hero-section .hero-meta{align-items:center;gap:8px;margin-top:8px;display:flex}.landing-page .hero-section .hero-meta .resource-badge{font-size:var(--text-caption);color:#fff;background-color:var(--brandBg);border-radius:100px;align-items:center;gap:2px;padding:2px 8px 2px 6px;display:flex}.landing-page .hero-section .hero-meta .resource-badge *{color:#fff!important}.landing-page .hero-section .category-badge{font-size:var(--text-body);color:var(--subC)}.landing-page .hero-section .hero-title{font-size:var(--text-heading-md);color:var(--mainC);margin-bottom:12px;font-weight:700;line-height:1.3}.landing-page .hero-section .hero-title:hover{text-decoration:underline}.landing-page .hero-section .hero-description{font-size:var(--text-body);color:var(--subC);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.landing-page .hero-section .hero-date{font-size:var(--text-body);color:var(--subC)}.landing-page .hero-section .hero-date:before{content:"";margin-right:8px}@media (max-width:1024px){.landing-page .hero-section .hero-title{font-size:var(--text-heading-sm)}}@media (max-width:768px){.landing-page .hero-section{padding:20px 0 16px}.landing-page .hero-section .hero-featured{flex-direction:column;gap:24px}.landing-page .hero-section .hero-image{aspect-ratio:auto;flex:none;width:100%;min-height:auto}.landing-page .hero-section .hero-image img{height:auto}.landing-page .hero-section .hero-title{font-size:var(--text-heading-sm)}}.landing-page .latest-section{padding:24px 0 80px}.landing-page .latest-section .boundary{align-items:flex-start}.landing-page .latest-section .latest-layout{gap:48px;width:100%;display:flex}.landing-page .latest-section .latest-main{flex:1;min-width:0}.landing-page .latest-section .latest-main .filter-title{font-size:var(--text-heading-sm);color:var(--mainC);align-items:center;gap:12px;margin-bottom:20px;display:flex}.landing-page .latest-section .latest-main .filter-title:after{content:"";background-color:var(--mainC);flex:1;height:1px}.landing-page .latest-section .latest-main .filter-count{font-size:var(--text-heading-sm);color:var(--subC)}.landing-page .latest-section .latest-main .empty-state{text-align:center;color:var(--subC);padding:60px 20px}.landing-page .latest-section .latest-main .section-title{font-size:var(--text-heading-sm);color:var(--mainC);margin-bottom:20px;font-weight:700}.landing-page .latest-section .latest-main .latest-list{flex-direction:column;display:flex}@media (max-width:768px){.landing-page .latest-section{padding:32px 0 60px}.landing-page .latest-section .latest-layout{flex-direction:column}}@keyframes vbc-essay-title-sweep{0%{background-position:160% 0}to{background-position:-60% 0}}@keyframes vbc-essay-excerpt-sweep{0%{background-position:160% 0}to{background-position:-60% 0}}.vbc-home .vbc-essay-cards .article-item:hover .article-title{background-image:linear-gradient(100deg,var(--color-text)35%,var(--color-text-muted)50%,var(--color-text)65%);color:#0000;-webkit-text-fill-color:#0000;background-size:260% 100%;-webkit-background-clip:text;background-clip:text;animation:1s forwards vbc-essay-title-sweep}.vbc-home .vbc-essay-cards .article-item:hover .article-excerpt{background-image:linear-gradient(100deg,var(--color-text-muted)35%,var(--color-text)50%,var(--color-text-muted)65%);color:#0000;-webkit-text-fill-color:#0000;background-size:260% 100%;-webkit-background-clip:text;background-clip:text;animation:1s forwards vbc-essay-excerpt-sweep}
.no-match{justify-content:center;align-items:center;width:100%;min-height:60vh;padding:80px 24px;display:flex}.no-match .content{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.no-match .content h1{font-size:var(--text-heading-lg)}.no-match .content h2{margin-top:8px}.no-match .content p{color:var(--subC);margin-top:8px}.no-match .content .btn-fill{align-items:center;height:44px;margin-top:24px;padding:16px;display:flex}
.error-page{justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:40px 20px;display:flex}.error-content{text-align:center;max-width:400px}.error-code{font-size:var(--text-heading-lg);color:var(--brandC);margin-bottom:16px;font-weight:700}.error-message{font-size:var(--text-heading-sm);color:var(--mainC);margin-bottom:12px;font-weight:600}.error-description{font-size:var(--text-body);color:var(--subC);margin-bottom:32px;line-height:1.6}
.vbc-archive .vbc-tabs .active{color:var(--color-text);background:0 0}.vbc-archive .vbc-essays,.vbc-archive .vbc-filtered-list{max-width:none;padding-top:var(--space-20);margin:0}.vbc-archive .vbc-filtered-list{min-height:420px}@media (max-width:640px){.vbc-archive .vbc-essays,.vbc-archive .vbc-filtered-list{padding-top:var(--space-12)}}
.article-page .article-container{width:100%}.article-page .boundary{flex-direction:column;align-items:center}.article-page .article-not-found{text-align:center;padding:var(--space-20)var(--space-5)}.article-page .article-not-found h1{font-size:var(--text-heading-md);color:var(--color-text);margin-bottom:var(--space-6)}.article-page .article-not-found .back-link{color:var(--color-primary);font-weight:600;text-decoration:none}
.resources-page .boundary{flex-direction:column}.resources-page .page-content{width:100%}.resources-page .resources-list{flex-direction:column;width:100%;display:flex}.resources-page .empty-state{text-align:center;color:var(--subC);padding:60px 20px}
.page.auth{min-height:calc(100vh - 72px);padding:var(--space-20)0;background:var(--color-bg);justify-content:center;align-items:center;display:flex}.page.auth .boundary{width:min(100% - var(--space-8)*2,480px);flex-direction:column;justify-content:center;align-items:center;display:flex}.page.auth .auth-header{margin-bottom:var(--space-8);text-align:center;flex-direction:column;align-items:center;display:flex}.page.auth .auth-brand-symbol{width:var(--space-24);height:var(--space-24);margin-bottom:var(--space-5);color:var(--color-text)}.page.auth .auth-title{font-size:var(--text-heading-md);letter-spacing:-.03em;color:var(--color-text);margin:0;font-weight:700}.page.auth .auth-description{max-width:380px;margin:var(--space-4)0 0;color:var(--color-text-muted);font-size:var(--text-body);line-height:1.6}.page.auth .content{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.page.auth .btn-google{justify-content:center;align-items:center;gap:var(--space-3);width:100%;min-height:52px;padding:var(--space-3)var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--text-body);font-weight:600;transition:border-color .15s,background-color .15s;display:flex}.page.auth .btn-google:hover{border-color:var(--color-border-strong);background:var(--color-surface-soft)}.page.auth .btn-google:disabled{opacity:.6;cursor:not-allowed}.page.auth .auth-note{margin:var(--space-5)0 0;color:var(--color-text-muted);font-size:var(--text-caption);text-align:center;line-height:1.6}.page.auth .error-message{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);border-radius:var(--radius-sm);color:#c22;font-size:var(--text-caption);background:#d2000014;display:flex}.page.auth .error-message svg{flex-shrink:0}@media (max-width:480px){.page.auth{padding:var(--space-12)0}.page.auth .auth-title{font-size:var(--text-heading-sm)}}
.auth-callback{background-color:var(--bg50);justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:48px 0;display:flex}.auth-callback .boundary{justify-content:center}.auth-callback .content{background-color:var(--bg0);width:100%;max-width:400px;box-shadow:0 4px 24px var(--op8);text-align:center;border-radius:20px;padding:48px 40px}.auth-callback .success-state{flex-direction:column;align-items:center;gap:24px;display:flex}.auth-callback .success-icon{width:80px;height:80px;color:var(--greenC);background-color:#008d271a;border-radius:50%;justify-content:center;align-items:center;display:flex}.auth-callback .error-state{flex-direction:column;align-items:center;gap:16px;display:flex}.auth-callback .error-icon{width:80px;height:80px;color:var(--redC);background-color:#d200001a;border-radius:50%;justify-content:center;align-items:center;display:flex}.auth-callback .error-title{font-size:var(--text-heading-sm);color:var(--mainC);margin:0;font-weight:600}.auth-callback .error-message,.auth-callback .callback-message{font-size:var(--text-body);color:var(--subC);margin:0}@media (max-width:480px){.auth-callback{padding:24px 0}.auth-callback .content{border-radius:16px;padding:32px 24px}.auth-callback .loading-spinner{width:32px;height:32px}.auth-callback .success-icon,.auth-callback .error-icon{width:64px;height:64px}.auth-callback .error-title{font-size:var(--text-body)}}
.page.checkout-page{min-height:calc(100vh - 72px);padding:var(--space-20)0 var(--space-24);background:var(--color-bg)}.page.checkout-page .boundary{display:block}.page.checkout-page .checkout-container{width:100%;max-width:var(--page-max);margin:0 auto}.page.checkout-page .checkout-header{margin-bottom:var(--space-16)}.page.checkout-page .checkout-title{font-size:var(--text-heading-lg);letter-spacing:-.04em;color:var(--color-text);margin:0;line-height:1.2}.page.checkout-page .checkout-lead{margin:var(--space-4)0 0;color:var(--color-text-muted);font-size:var(--text-body)}.page.checkout-page .checkout-content{gap:var(--space-20);grid-template-columns:1.6fr 1fr;align-items:start;display:grid}.page.checkout-page .section-title{margin:0 0 var(--space-5);color:var(--color-text-muted);font-size:var(--text-caption);font-weight:600}.page.checkout-page .order-summary .section-title:not(:first-child){margin-top:var(--space-10)}.page.checkout-page .course-item{align-items:center;gap:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border);display:flex}.page.checkout-page .course-thumbnail{border-radius:var(--radius-sm);background:var(--color-dark);flex:0 0 100px;width:100px;height:60px;overflow:hidden}.page.checkout-page .course-thumbnail img{object-fit:cover;width:100%;height:100%}.page.checkout-page .course-details{flex:1;min-width:0}.page.checkout-page .course-eyebrow{margin-bottom:var(--space-1);color:var(--color-primary);font:600 var(--text-caption)/1.4 var(--font-mono);letter-spacing:.06em;display:block}.page.checkout-page .course-details .course-title{margin:0 0 var(--space-2);font-size:var(--text-heading-sm);letter-spacing:-.01em;color:var(--color-text);font-weight:700}.page.checkout-page .course-meta{color:var(--color-text-subtle);font-size:var(--text-caption);margin:0}.page.checkout-page .course-item .course-price{font-size:var(--text-body);color:var(--color-text);flex:none;margin:0;font-weight:700}.page.checkout-page .buyer-info{margin-top:var(--space-6)}.page.checkout-page .buyer-row{gap:var(--space-1);padding:var(--space-5)0;border-bottom:1px solid var(--color-border-light);flex-direction:column;display:flex}.page.checkout-page .buyer-row:first-child{padding-top:0}.page.checkout-page .buyer-row:last-child{border-bottom:0;padding-bottom:0}.page.checkout-page .buyer-label{color:var(--color-text-subtle);font-size:var(--text-caption)}.page.checkout-page .buyer-value{color:var(--color-text);font-size:var(--text-body)}.page.checkout-page .buyer-value.mono{font-family:var(--font-mono)}.page.checkout-page .payment-section .price-row{padding:var(--space-3)0;color:var(--color-text-muted);font-size:var(--text-body);justify-content:space-between;display:flex}.page.checkout-page .payment-section .price-row.total{margin-top:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--color-border);color:var(--color-text);font-weight:700}.page.checkout-page .payment-section .price-row.total span:last-child{font-size:var(--text-heading-md);letter-spacing:-.02em}.page.checkout-page .error-message{align-items:center;gap:var(--space-2);margin:var(--space-5)0 0;padding:var(--space-3)var(--space-4);border-radius:var(--radius-sm);color:#c22;font-size:var(--text-caption);background:#d2000014;display:flex}.page.checkout-page .error-message svg{flex-shrink:0}.page.checkout-page .btn-pay{width:100%;min-height:56px;margin-top:var(--space-6);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--text-body);cursor:pointer;border:0;font-weight:700;transition:background-color .15s}.page.checkout-page .btn-pay:hover:not(:disabled){background:var(--color-primary-hover)}.page.checkout-page .btn-pay:disabled{opacity:.6;cursor:not-allowed}.page.checkout-page .payment-notice{margin:var(--space-4)0 0;color:var(--color-text-subtle);font-size:var(--text-caption);line-height:1.6}@media (max-width:900px){.page.checkout-page .checkout-content{gap:var(--space-10);grid-template-columns:1fr}.page.checkout-page .payment-section{padding-top:var(--space-8);border-top:1px solid var(--color-border)}}@media (max-width:640px){.page.checkout-page{padding:var(--space-12)0 var(--space-16)}.page.checkout-page .checkout-title{font-size:var(--text-heading-md)}.page.checkout-page .course-item{flex-wrap:wrap}.page.checkout-page .course-item .course-price{order:3;margin-left:116px}}
.page.success-page{min-height:calc(100vh - 72px);padding:var(--space-20)0;background:var(--color-bg);justify-content:center;align-items:center;display:flex}.page.success-page .boundary{width:min(100% - var(--space-8)*2,560px);text-align:center;flex-direction:column;align-items:center;display:flex}.page.success-page .success-icon{width:64px;height:64px;margin-bottom:var(--space-6);border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary);justify-content:center;align-items:center;display:flex}.page.success-page .success-eyebrow{margin-bottom:var(--space-3);text-align:center}.page.success-page .success-title{max-width:460px;font-size:var(--text-heading-md);letter-spacing:-.03em;color:var(--color-text);margin:0;line-height:1.3}.page.success-page .success-description{max-width:420px;margin:var(--space-4)0 0;color:var(--color-text-muted);font-size:var(--text-body);line-height:1.6}.page.success-page .success-description strong{color:var(--color-text)}.page.success-page .success-card{width:100%;margin-top:var(--space-10);padding:var(--space-6)var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);text-align:left}.page.success-page .success-card__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.page.success-page .success-card__label{color:var(--color-primary);font:600 var(--text-caption)/1.4 var(--font-mono);letter-spacing:.06em}.page.success-page .success-card__title{margin:var(--space-3)0 0;font-size:var(--text-heading-sm);letter-spacing:-.02em;color:var(--color-text);font-weight:700}.page.success-page .success-steps{gap:var(--space-3);margin:var(--space-5)0 0;padding:var(--space-5)0 0;border-top:1px solid var(--color-border-light);flex-direction:column;list-style:none;display:flex}.page.success-page .success-steps li{align-items:baseline;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--text-caption);display:flex}.page.success-page .success-steps b{color:var(--color-primary);font-family:var(--font-mono);flex:none;font-weight:600}.page.success-page .success-actions{align-items:center;gap:var(--space-4);width:100%;margin-top:var(--space-10);flex-direction:column;display:flex}.page.success-page .success-cta{width:100%;max-width:320px}.page.success-page .success-link{color:var(--color-text-muted);font-size:var(--text-caption);text-decoration:none}.page.success-page .success-link:hover{color:var(--color-text)}@media (max-width:480px){.page.success-page{padding:var(--space-12)0}.page.success-page .success-title{font-size:var(--text-heading-sm)}.page.success-page .success-card{padding:var(--space-5)var(--space-6)}}.page.checkout-result-page{min-height:100vh;padding:var(--space-24)var(--space-8);background:var(--color-bg);color:var(--color-text)}.page.checkout-result-page .checkout-result-card{max-width:780px;margin:0 auto}.page.checkout-result-page .checkout-result-label{color:var(--color-text-subtle);font-family:var(--font-mono);font-size:var(--text-caption)}.page.checkout-result-page h1{font-size:var(--text-heading-md);letter-spacing:-.04em;margin:var(--space-3)0 var(--space-6);line-height:1.3}.page.checkout-result-page p{font-size:var(--text-body);color:var(--color-text-muted);margin:0 0 var(--space-4);overflow-wrap:anywhere;line-height:1.65}.page.checkout-result-page p[role=alert]{color:var(--color-danger)}.page.checkout-result-page .checkout-result-summary{margin:var(--space-8)0;border-top:1px solid var(--color-border)}.page.checkout-result-page .checkout-result-summary>div{gap:var(--space-4);padding:var(--space-4)0;border-bottom:1px solid var(--color-border);grid-template-columns:1fr 3fr;display:grid}.page.checkout-result-page .checkout-result-summary dt{color:var(--color-text-subtle)}.page.checkout-result-page .checkout-result-summary dd{overflow-wrap:anywhere;margin:0}.page.checkout-result-page .checkout-result-actions{align-items:center;gap:var(--space-4);margin:var(--space-8)0;flex-wrap:wrap;display:flex}@media (max-width:640px){.page.checkout-result-page{padding:var(--space-20)var(--space-4)}.page.checkout-result-page .checkout-result-actions{flex-direction:column;align-items:stretch}}
.courses-page{min-height:calc(100vh - 64px);padding:48px 0 80px}.courses-page .boundary{flex-direction:column;max-width:1200px;margin:0 auto}.courses-page .page-header{text-align:center;margin-bottom:48px}.courses-page .page-title{font-size:var(--text-heading-md);color:var(--mainC);margin-bottom:12px;font-weight:700}.courses-page .page-description{font-size:var(--text-heading-sm);color:var(--subC)}.courses-page .empty-state{color:var(--subC);padding:80px 0}.courses-page .courses-grid{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;display:grid}@media (max-width:1024px){.courses-page .courses-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.courses-page{padding:32px 0 60px}.courses-page .page-title{font-size:var(--text-heading-sm)}.courses-page .page-description{font-size:var(--text-body)}.courses-page .courses-grid{grid-template-columns:1fr;gap:16px}}
.vbc-course-detail .vbc-course-hero-section{background:var(--color-dark);width:100%}.vbc-course-detail .vbc-course-hero{color:var(--color-text-inverse);padding-block:var(--space-16)var(--space-20)}.vbc-course-detail .vbc-course-hero-copy h1{color:var(--color-text-inverse)}.vbc-course-detail .vbc-course-hero-copy>p{color:color-mix(in srgb,var(--color-text-inverse)72%,transparent)}.vbc-course-detail .vbc-facts span{background:color-mix(in srgb,var(--color-text-inverse)12%,transparent);color:var(--color-text-inverse)}.vbc-course-detail .vbc-preview-link{align-items:center;gap:var(--space-2);margin-top:var(--space-6);color:var(--color-text-inverse);font:600 var(--text-body)/1.4 var(--font-sans);cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.vbc-course-detail .vbc-preview-link:hover{color:var(--color-signal)}.vbc-course-detail .vbc-enroll-panel>span.vbc-badge{align-self:flex-start;display:inline-flex}.vbc-course-detail .vbc-enroll-panel{color:var(--color-text);flex-direction:column;align-items:stretch;display:flex}.vbc-course-detail .vbc-enroll-panel>strong{color:var(--color-text)}.vbc-course-detail .vbc-enroll-panel>p{color:var(--color-text-muted)}.vbc-course-detail .vbc-detail-section{padding-block:var(--space-24)}.vbc-course-detail .vbc-chevron{color:var(--color-text-muted);transition:transform .2s;display:inline-flex}.vbc-course-detail .vbc-chevron.open{transform:rotate(180deg)}.vbc-course-detail .vbc-local-nav .boundary{justify-content:space-between;align-items:center}.vbc-course-detail .vbc-local-nav a{align-items:center;height:100%;display:inline-flex}.vbc-course-detail .vbc-local-nav a:first-child{color:var(--color-primary)}.vbc-course-detail .vbc-local-nav .vbc-primary-button{height:auto;padding:var(--space-2)var(--space-5);font-size:var(--text-caption);margin-left:auto}.vbc-course-detail .vbc-showcase{gap:var(--space-16);margin-top:var(--space-12);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);display:grid}.vbc-course-detail .vbc-mockup{border-radius:var(--radius-lg);background:var(--color-dark);overflow:hidden}.vbc-course-detail .vbc-mockup-topbar{align-items:center;gap:var(--space-2);padding:var(--space-4)var(--space-5);display:flex}.vbc-course-detail .vbc-mockup-dot{border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-text-inverse)30%,transparent);width:8px;height:8px}.vbc-course-detail .vbc-mockup-url{margin-left:var(--space-3);padding:var(--space-1)var(--space-3);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-text-inverse)10%,transparent);color:color-mix(in srgb,var(--color-text-inverse)70%,transparent);font:500 var(--text-caption)/1.4 var(--font-mono)}.vbc-course-detail .vbc-mockup-body{background:var(--color-bg);border-radius:var(--radius-lg)var(--radius-lg)0 0;grid-template-columns:128px minmax(0,1fr);display:grid;overflow:hidden}.vbc-course-detail .vbc-mockup-nav{gap:var(--space-3);padding:var(--space-6)var(--space-4);background:var(--color-surface-soft);flex-direction:column;display:flex}.vbc-course-detail .vbc-mockup-nav-label{font:700 var(--text-caption)/1 var(--font-mono);letter-spacing:.08em;color:var(--color-text-subtle);margin-bottom:var(--space-2)}.vbc-course-detail .vbc-mockup-nav-item{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-caption);display:flex}.vbc-course-detail .vbc-mockup-nav-item.active{color:var(--color-primary);font-weight:600}.vbc-course-detail .vbc-mockup-main{padding:var(--space-6)}.vbc-course-detail .vbc-mockup-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:flex-start;display:flex}.vbc-course-detail .vbc-mockup-header strong{font-size:var(--text-heading-sm);display:block}.vbc-course-detail .vbc-mockup-header span{margin-top:var(--space-1);color:var(--color-text-subtle);font-size:var(--text-caption);display:block}.vbc-course-detail .vbc-mockup-add{border-radius:var(--radius-pill);background:var(--color-primary);width:32px;height:32px;color:var(--color-text-inverse);place-items:center;display:grid}.vbc-course-detail .vbc-mockup-task{align-items:center;gap:var(--space-3);padding:var(--space-3)0;border-top:1px solid var(--color-border-light);color:var(--color-text);font-size:var(--text-caption);display:flex}.vbc-course-detail .vbc-mockup-task .icon{color:var(--color-text-subtle)}.vbc-course-detail .vbc-mockup-task.done{color:var(--color-text-subtle);text-decoration:line-through}.vbc-course-detail .vbc-mockup-task.done .icon{color:var(--color-primary)}.vbc-course-detail .vbc-mockup-task em{padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text-muted);font:600 var(--text-caption)/1 var(--font-mono);margin-left:auto;font-style:normal;text-decoration:none}.vbc-course-detail .vbc-actual-output h3{max-width:460px;font-size:var(--text-heading-sm);letter-spacing:-.03em;margin:0;line-height:1.4}.vbc-course-detail .vbc-actual-output>p{max-width:460px;margin:var(--space-4)0 0;color:var(--color-text-muted);line-height:1.7}.vbc-course-detail .vbc-numbered-list{margin-top:var(--space-8)}.vbc-course-detail .vbc-numbered-list>div{gap:var(--space-4);padding:var(--space-5)0;border-top:1px solid var(--color-border);display:flex}.vbc-course-detail .vbc-numbered-list>div:last-child{border-bottom:1px solid var(--color-border)}.vbc-course-detail .vbc-numbered-list b{color:var(--color-primary);font:600 var(--text-caption)/1.6 var(--font-mono);flex:none}.vbc-course-detail .vbc-numbered-list strong{font-size:var(--text-body);display:block}.vbc-course-detail .vbc-numbered-list p{margin:var(--space-1)0 0;color:var(--color-text-muted);line-height:1.6}.vbc-course-detail .vbc-prerequisite .vbc-tag-row{margin-bottom:var(--space-3)}.vbc-course-detail .vbc-prerequisite .vbc-eyebrow{margin:0;display:inline}.vbc-course-detail .vbc-outline-button{place-self:center end;align-items:center;gap:var(--space-2);width:fit-content;height:fit-content;padding:var(--space-3)var(--space-5);border:1px solid var(--color-primary);border-radius:var(--radius-pill);color:var(--color-primary);white-space:nowrap;font-weight:700;text-decoration:none;display:inline-flex}.vbc-course-detail .vbc-outline-button:hover{background:var(--color-bg)}.vbc-course-detail .vbc-instructor{padding-block:var(--space-24);background:var(--color-dark);color:var(--color-text-inverse)}.vbc-course-detail .vbc-instructor .boundary{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:start;display:grid}.vbc-course-detail .vbc-instructor h2{max-width:420px;font-size:var(--text-heading-md);letter-spacing:-.04em;margin:0;line-height:1.3}.vbc-course-detail .vbc-instructor>.boundary>div:first-child>p{max-width:460px;margin:var(--space-5)0 0;color:color-mix(in srgb,var(--color-text-inverse)72%,transparent);line-height:1.7}.vbc-course-detail .vbc-instructor .vbc-numbered-list{margin-top:0}.vbc-course-detail .vbc-instructor .vbc-numbered-list>div{border-top-color:color-mix(in srgb,var(--color-text-inverse)16%,transparent)}.vbc-course-detail .vbc-instructor .vbc-numbered-list>div:last-child{border-bottom-color:color-mix(in srgb,var(--color-text-inverse)16%,transparent)}.vbc-course-detail .vbc-instructor .vbc-numbered-list strong{color:var(--color-text-inverse)}.vbc-course-detail .vbc-instructor .vbc-numbered-list p{color:color-mix(in srgb,var(--color-text-inverse)68%,transparent)}.vbc-course-detail #faq .vbc-section-heading{align-items:center}.vbc-course-detail .vbc-faq-list{border-top:1px solid var(--color-text)}.vbc-course-detail .vbc-faq-item{border-bottom:1px solid var(--color-border)}.vbc-course-detail .vbc-faq-item>button{justify-content:space-between;align-items:center;gap:var(--space-5);width:100%;padding:var(--space-5)0;color:var(--color-text);font:600 var(--text-body)/1.4 var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.vbc-course-detail .vbc-faq-item>button i{font-size:var(--text-heading-sm);color:var(--color-text-muted);flex:none;font-style:normal}.vbc-course-detail .vbc-faq-item>p{margin:0 0 var(--space-5);max-width:780px;color:var(--color-text-muted);line-height:1.7}.vbc-course-detail:not(.starter) .vbc-final-cta{background:var(--color-primary)}.vbc-course-detail:not(.starter) .vbc-final-cta .vbc-eyebrow{color:var(--color-text-inverse);opacity:.8}.vbc-course-detail:not(.starter) .vbc-final-cta .vbc-primary-button{background:var(--color-bg);color:var(--color-primary)}.vbc-course-detail:not(.starter) .vbc-final-cta .vbc-primary-button:hover{background:var(--color-surface-soft)}@media (max-width:900px){.vbc-course-detail .vbc-showcase,.vbc-course-detail .vbc-instructor .boundary{gap:var(--space-10);grid-template-columns:1fr}.vbc-course-detail .vbc-local-nav .vbc-primary-button{display:none}}@media (max-width:640px){.vbc-course-detail .vbc-course-hero{border-radius:0}.vbc-course-detail .vbc-mockup-body{grid-template-columns:1fr}.vbc-course-detail .vbc-mockup-nav{gap:var(--space-4);padding:var(--space-4);flex-flow:wrap}.vbc-course-detail .vbc-mockup-nav-label{width:100%;margin-bottom:0}.vbc-course-detail .vbc-faq-item>button{font-size:var(--text-caption)}}
.vbc-launch-lab .vbc-lab-panel-status{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.vbc-launch-lab .vbc-lab-panel-status span{color:var(--color-primary);font-size:var(--text-caption);font-weight:600}.vbc-launch-lab .vbc-lab-panel-status em{color:var(--color-text-subtle);font-size:var(--text-caption);font-style:normal}.vbc-launch-lab .vbc-enroll-panel small span{display:inline}.vbc-launch-lab .vbc-preview-link .icon{color:var(--color-signal)}.vbc-launch-lab .vbc-lab-lead{max-width:780px;margin:var(--space-4)0 0;color:var(--color-text-muted);line-height:1.7}.vbc-launch-lab .vbc-lab-milestones-section{padding-block:var(--space-24);background:var(--color-surface-soft)}.vbc-launch-lab .vbc-lab-milestones-section h2{margin:var(--space-3)0 0;font-size:var(--text-heading-md);letter-spacing:-.04em;line-height:1.3}.vbc-launch-lab .vbc-lab-milestones{margin-top:var(--space-10)}.vbc-launch-lab .vbc-lab-milestone-head,.vbc-launch-lab .vbc-lab-milestone{align-items:center;gap:var(--space-8);grid-template-columns:120px 240px minmax(0,1fr);display:grid}.vbc-launch-lab .vbc-lab-milestone-head{padding-bottom:var(--space-3);border-bottom:1px solid var(--color-text);color:var(--color-text-subtle);font-size:var(--text-caption);font-weight:600}.vbc-launch-lab .vbc-lab-milestone-head strong,.vbc-launch-lab .vbc-lab-milestone-head em{font-size:var(--text-caption);font-style:normal;font-weight:600}.vbc-launch-lab .vbc-lab-milestone{padding:var(--space-5)0;border-bottom:1px solid var(--color-border)}.vbc-launch-lab .vbc-lab-milestone span{color:var(--color-primary);font:500 var(--text-caption)/1.6 var(--font-mono)}.vbc-launch-lab .vbc-lab-milestone:first-of-type span{color:var(--color-text-subtle)}.vbc-launch-lab .vbc-lab-milestone strong{font-size:var(--text-body)}.vbc-launch-lab .vbc-lab-milestone em{color:var(--color-text-muted);font-size:var(--text-body);font-style:normal;line-height:1.6}.vbc-launch-lab .vbc-lab-note{max-width:780px;margin:var(--space-6)0 0;color:var(--color-text-subtle);font-size:var(--text-caption);line-height:1.7}.vbc-launch-lab .vbc-lab-steps{gap:var(--space-6);margin-top:var(--space-10);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.vbc-launch-lab .vbc-lab-steps>div{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-text);flex-direction:column;display:flex}.vbc-launch-lab .vbc-lab-steps b{color:var(--color-primary);font:500 var(--text-caption)/1.6 var(--font-mono)}.vbc-launch-lab .vbc-lab-steps strong{font-size:var(--text-body);line-height:1.5}.vbc-launch-lab .vbc-lab-steps span{color:var(--color-text-subtle);font-size:var(--text-caption)}.vbc-launch-lab .vbc-lab-boundary{gap:var(--space-16);margin-top:var(--space-16);grid-template-columns:1fr 1fr;display:grid}.vbc-launch-lab .vbc-lab-boundary h3{margin:var(--space-3)0 0;font-size:var(--text-heading-sm);letter-spacing:-.02em}.vbc-launch-lab .vbc-lab-boundary p{margin:var(--space-4)0 0;color:var(--color-text-muted);line-height:2}.vbc-launch-lab .vbc-eyebrow.muted{color:var(--color-text-subtle)}.vbc-launch-lab .vbc-lab-admission-section{padding-block:var(--space-24);background:var(--color-surface-soft)}.vbc-launch-lab .vbc-lab-admission-section>.boundary{gap:var(--space-16);grid-template-columns:minmax(0,1fr) 400px;align-items:start;display:grid}.vbc-launch-lab .vbc-lab-admission-copy h2{margin:var(--space-3)0 0;font-size:var(--text-heading-md);letter-spacing:-.04em;line-height:1.3}.vbc-launch-lab .vbc-lab-checklist{gap:var(--space-3);margin:var(--space-6)0 0;flex-direction:column;padding:0;list-style:none;display:flex}.vbc-launch-lab .vbc-lab-checklist li{align-items:flex-start;gap:var(--space-3);color:var(--color-text-muted);line-height:1.5;display:flex}.vbc-launch-lab .vbc-lab-checklist .icon{color:var(--color-primary);flex:none}.vbc-launch-lab .vbc-lab-goal-card{gap:var(--space-4);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);flex-direction:column;display:flex}.vbc-launch-lab .vbc-lab-goal-card>span{color:var(--color-primary);font-size:var(--text-caption);font-weight:600}.vbc-launch-lab .vbc-lab-goal-card h3{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--text-heading-sm);letter-spacing:-.02em;margin:0;line-height:1.4}.vbc-launch-lab .vbc-lab-goal-card p{color:var(--color-text-muted);font-size:var(--text-caption);margin:0;line-height:1.9}.vbc-launch-lab .vbc-lab-goal-card small{color:var(--color-text-subtle);font-size:var(--text-caption);line-height:1.6}.vbc-launch-lab .vbc-lab-notify-form{gap:var(--space-2);width:100%;max-width:420px;margin:var(--space-6)auto 0;justify-content:center;display:flex}.vbc-launch-lab .vbc-lab-notify-form input{min-width:0;padding:var(--space-3)var(--space-4);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-text);font-size:var(--text-body);border:0;flex:1}.vbc-launch-lab .vbc-lab-notify-form button{padding:var(--space-3)var(--space-5);border-radius:var(--radius-pill);background:var(--color-signal);color:var(--color-signal-ink);font-size:var(--text-body);cursor:pointer;border:0;flex:none;font-weight:600}.vbc-launch-lab .vbc-lab-notify-form .vbc-subscribe-error{color:var(--color-text-inverse);font-size:var(--text-caption);text-align:center;flex:1 0 100%}.vbc-launch-lab .vbc-final-cta .vbc-subscribe-done{margin-top:var(--space-6);color:var(--color-text-inverse)}.vbc-launch-lab .vbc-final-cta .vbc-text-link{margin-top:var(--space-5);color:var(--color-text-inverse);opacity:.8;display:inline-block}@media (max-width:900px){.vbc-launch-lab .vbc-lab-steps{grid-template-columns:1fr 1fr}.vbc-launch-lab .vbc-lab-boundary,.vbc-launch-lab .vbc-lab-admission-section>.boundary{gap:var(--space-10);grid-template-columns:1fr}.vbc-launch-lab .vbc-lab-milestone-head{display:none}.vbc-launch-lab .vbc-lab-milestone{gap:var(--space-2);grid-template-columns:1fr}}@media (max-width:640px){.vbc-launch-lab .vbc-lab-milestones-section,.vbc-launch-lab .vbc-lab-admission-section{padding-block:var(--space-16)}.vbc-launch-lab .vbc-lab-steps{gap:var(--space-5);grid-template-columns:1fr}.vbc-launch-lab .vbc-lab-notify-form{flex-wrap:wrap}.vbc-launch-lab .vbc-lab-notify-form input,.vbc-launch-lab .vbc-lab-notify-form button{flex:1 0 100%;width:100%}}
.page.lesson-page{width:100%;max-width:none}.page.lesson-page .lesson-top-header,.page.lesson-page .lesson-content-wrapper{width:100%}.page.lesson-page .lesson-main{flex-direction:column;min-height:calc(100vh - 64px);display:flex}.page.lesson-page .video-container{flex-direction:column;flex:1;display:flex}.page.lesson-page .video-container>*{flex:1}.page.lesson-page .access-denied{min-height:60vh;padding:var(--space-20)var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.page.lesson-page .access-denied .denied-icon{margin-bottom:var(--space-6);font-size:var(--text-heading-lg)}.page.lesson-page .access-denied h2{margin:0 0 var(--space-3);font-size:var(--text-heading-sm);color:var(--color-text);font-weight:700}.page.lesson-page .access-denied p{margin:0 0 var(--space-8);color:var(--color-text-muted);font-size:var(--text-body)}.page.lesson-page .btn-back{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--color-text);justify-content:center;align-items:center;transition:background-color .15s;display:flex}.page.lesson-page .btn-back:hover{background-color:var(--color-hover)}.page.lesson-page .header-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page.lesson-page .sidebar-lessons{padding-bottom:var(--space-6)}.page.lesson-page .chapter-group{margin-bottom:var(--space-2)}.page.lesson-page .sidebar-lesson{align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-6);color:var(--color-text);font-size:var(--text-caption);text-decoration:none;transition:background-color .15s;display:flex}.page.lesson-page .sidebar-lesson:hover{background-color:var(--color-hover)}.page.lesson-page .sidebar-lesson.active{background-color:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.page.lesson-page .sidebar-lesson.active .lesson-num{background-color:var(--color-primary);color:var(--color-text-inverse)}.page.lesson-page .lesson-num{border-radius:var(--radius-pill);background-color:var(--color-surface-muted);width:24px;height:24px;color:var(--color-text-muted);font:600 var(--text-caption)/1 var(--font-mono);flex-shrink:0;justify-content:center;align-items:center;display:flex}.page.lesson-page .lesson-name{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;line-height:1.4;display:-webkit-box;overflow:hidden}.page.lesson-page .lesson-progress-indicator{flex-shrink:0;margin-left:auto}.page.lesson-page .lesson-progress-indicator .progress-text{font:600 var(--text-caption)/1 var(--font-mono);color:var(--color-primary)}.page.lesson-page .lesson-progress-indicator .icon{color:var(--color-primary)}.page.lesson-page .video-placeholder .placeholder-content{color:var(--color-text-inverse)}.page.lesson-page .video-placeholder .placeholder-content .icon{opacity:.6}.page.lesson-page .video-placeholder .placeholder-content p{margin-top:var(--space-3);font-size:var(--text-body);opacity:.8;font-weight:500}.page.lesson-page .lesson-header{margin-bottom:var(--space-2)}.page.lesson-page .course-link{color:var(--color-primary);font-size:var(--text-caption);font-weight:600;text-decoration:none}.page.lesson-page .course-link:hover{text-decoration:underline}.page.lesson-page .lesson-number{color:var(--color-text-subtle);font-size:var(--text-caption);font-family:var(--font-mono)}.page.lesson-page .lesson-number:before{content:"";margin:0 var(--space-2)}.page.lesson-page .lesson-description{margin-top:var(--space-3)}.page.lesson-page .lesson-nav .nav-btn.c-none{border:1px solid var(--color-border);color:var(--color-text)}.page.lesson-page .lesson-nav .nav-btn.c-brand{background:var(--color-primary);color:var(--color-text-inverse)}.page.lesson-page .lesson-nav .nav-btn.c-brand:hover{background:var(--color-primary-hover)}.page.lesson-page .lesson-content{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.page.lesson-page .lesson-content .content-title{margin:0 0 var(--space-4);font-size:var(--text-heading-sm);color:var(--color-text);font-weight:700}.page.lesson-page .lesson-content .content-body{color:var(--color-text);font-size:var(--text-body);line-height:1.8}.page.lesson-page .lesson-content .content-body h1,.page.lesson-page .lesson-content .content-body h2,.page.lesson-page .lesson-content .content-body h3,.page.lesson-page .lesson-content .content-body h4{margin:var(--space-6)0 var(--space-3);color:var(--color-text);font-weight:700}.page.lesson-page .lesson-content .content-body p{margin-bottom:var(--space-4)}.page.lesson-page .lesson-content .content-body code{border-radius:var(--radius-sm);background-color:var(--color-surface-muted);font-family:var(--font-mono);font-size:var(--text-caption);padding:2px 6px}.page.lesson-page .lesson-content .content-body pre{padding:var(--space-4);border-radius:var(--radius-md);background-color:var(--color-surface-muted);margin-bottom:var(--space-4);overflow-x:auto}.page.lesson-page .lesson-content .content-body pre code{background:0 0;padding:0}.page.lesson-page .lesson-content .content-body ul,.page.lesson-page .lesson-content .content-body ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.page.lesson-page .lesson-content .content-body li{margin-bottom:var(--space-2)}.page.lesson-page .lesson-content .content-body img{border-radius:var(--radius-md);max-width:100%;margin:var(--space-4)0}@media (max-width:768px){.page.lesson-page .lesson-nav{flex-direction:column}.page.lesson-page .lesson-nav .nav-btn{justify-content:center}}
.page.mypage{min-height:calc(100vh - 72px);padding:var(--space-20)0 var(--space-24);background:var(--color-bg)}.page.mypage .boundary{display:block}.page.mypage .mypage-container{width:100%;max-width:var(--page-max);margin:0 auto}.page.mypage .mypage-head{margin-bottom:var(--space-16)}.page.mypage .mypage-head h1{font-size:var(--text-heading-lg);letter-spacing:-.04em;color:var(--color-text);margin:0;line-height:1.2}.page.mypage .mypage-email{margin:var(--space-2)0 0;color:var(--color-text-muted);font-size:var(--text-caption);font-family:var(--font-mono)}.page.mypage .mypage-stats{gap:var(--space-8);margin-top:var(--space-5);color:var(--color-text-muted);font-size:var(--text-body);flex-wrap:wrap;display:flex}.page.mypage .mypage-stats b{margin-right:var(--space-2);color:var(--color-text);font-size:var(--text-heading-sm);font-weight:700}.page.mypage .mypage-admin-link{margin-top:var(--space-5)}.page.mypage .mypage-section-label{margin:0 0 var(--space-6);color:var(--color-text);font-size:var(--text-body);font-weight:700}.page.mypage .continue-section{padding-bottom:var(--space-12);margin-bottom:var(--space-12);border-bottom:1px solid var(--color-border)}.page.mypage .continue-card{align-items:center;gap:var(--space-8);grid-template-columns:256px minmax(0,1fr) auto;display:grid}.page.mypage .continue-thumb{border-radius:var(--radius-md);background:var(--color-dark);height:200px;overflow:hidden}.page.mypage .continue-thumb img{object-fit:cover;width:100%;height:100%}.page.mypage .continue-body{min-width:0}.page.mypage .continue-course{color:var(--color-text-muted);font-size:var(--text-caption);margin:0}.page.mypage .continue-chapter{align-items:center;gap:var(--space-3);margin:var(--space-2)0 0;font-size:var(--text-caption);display:flex}.page.mypage .continue-chapter b{color:var(--color-primary);font-family:var(--font-mono);font-weight:700}.page.mypage .continue-chapter span{color:var(--color-text-subtle)}.page.mypage .continue-lesson{margin:var(--space-2)0 0;font-size:var(--text-heading-sm);letter-spacing:-.02em;color:var(--color-text);font-weight:700}.page.mypage .continue-progress{height:4px;margin-top:var(--space-4);border-radius:var(--radius-pill);background:var(--color-border-light);overflow:hidden}.page.mypage .continue-progress span{border-radius:var(--radius-pill);background:var(--color-primary);height:100%;display:block}.page.mypage .continue-meta{margin:var(--space-3)0 0;color:var(--color-text-subtle);font-size:var(--text-caption)}.page.mypage .continue-cta{justify-self:end}.page.mypage .my-library-section{padding-bottom:var(--space-12);margin-bottom:var(--space-12);border-bottom:1px solid var(--color-border)}.page.mypage .library-list{border-top:1px solid var(--color-border)}.page.mypage .library-row{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-6)0;border-bottom:1px solid var(--color-border-light);display:flex}.page.mypage .library-copy{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.page.mypage .library-label{color:var(--color-text-subtle);font-size:var(--text-caption)}.page.mypage .library-title{font-size:var(--text-heading-sm);letter-spacing:-.01em;color:var(--color-text);font-weight:700}.page.mypage .library-meta{color:var(--color-text-muted);font-size:var(--text-caption)}.page.mypage .library-action{color:var(--color-primary);font-weight:700;font-size:var(--text-body);flex:none;text-decoration:none}.page.mypage .library-action:hover{color:var(--color-primary-hover)}.page.mypage .empty-state{padding:var(--space-16)0;text-align:center}.page.mypage .empty-state h3{margin:0 0 var(--space-2);font-size:var(--text-heading-sm);color:var(--color-text)}.page.mypage .empty-state p{margin:0 0 var(--space-6);color:var(--color-text-muted)}.page.mypage .settings-section{padding-top:var(--space-4)}.page.mypage .settings-toggle{color:var(--color-text-muted);font-size:var(--text-caption);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.page.mypage .settings-toggle:hover{color:var(--color-text)}.page.mypage .settings-body{margin-top:var(--space-5);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.page.mypage .settings-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3)0;border-bottom:1px solid var(--color-border-light);display:flex}.page.mypage .settings-row:last-of-type{border-bottom:0}.page.mypage .settings-label{color:var(--color-text-muted);font-size:var(--text-caption)}.page.mypage .settings-value{align-items:center;gap:var(--space-3);color:var(--color-text);font-size:var(--text-body);display:flex}.page.mypage .settings-edit-link{color:var(--color-primary);font-size:var(--text-caption);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.page.mypage .settings-edit{align-items:center;gap:var(--space-2);display:flex}.page.mypage .settings-input{padding:var(--space-2)var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-caption);color:var(--color-text);background:var(--color-bg)}.page.mypage .settings-input:focus{border-color:var(--color-primary);outline:0}.page.mypage .settings-save,.page.mypage .settings-cancel{padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-caption);cursor:pointer;border:0;font-weight:600}.page.mypage .settings-save{background:var(--color-primary);color:var(--color-text-inverse)}.page.mypage .settings-save:disabled{opacity:.6;cursor:not-allowed}.page.mypage .settings-cancel{background:var(--color-surface-soft);color:var(--color-text-muted)}.page.mypage .settings-logout{margin-top:var(--space-5);padding:var(--space-3)var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-text-muted);font-size:var(--text-caption);cursor:pointer;font-weight:600}.page.mypage .settings-logout:hover{border-color:var(--color-border-strong);color:var(--color-text)}@media (max-width:900px){.page.mypage .continue-card{grid-template-columns:1fr}.page.mypage .continue-thumb{height:180px}.page.mypage .continue-cta{justify-self:start}}@media (max-width:640px){.page.mypage{padding:var(--space-12)0 var(--space-16)}.page.mypage .mypage-head h1{font-size:var(--text-heading-md)}.page.mypage .library-row{align-items:flex-start;gap:var(--space-3);flex-direction:column}.page.mypage .settings-row{align-items:flex-start;gap:var(--space-2);flex-direction:column}}
.newsletter-page .newsletter-hero{text-align:center;padding:80px 0}.newsletter-page .newsletter-hero .boundary{flex-direction:column;align-items:center}.newsletter-page .newsletter-hero .hero-content{flex-direction:column;align-items:center;max-width:640px;display:flex}.newsletter-page .newsletter-hero .hero-eyebrow{background:var(--op8);font-size:var(--text-body);color:var(--brandC);border-radius:100px;margin-bottom:24px;padding:8px 16px;font-weight:500;display:inline-block}.newsletter-page .newsletter-hero .hero-title{font-size:var(--text-heading-md);color:var(--mainC);margin-bottom:20px;font-weight:700;line-height:1.2}.newsletter-page .newsletter-hero .hero-title .highlight{color:var(--brandC)}.newsletter-page .newsletter-hero .hero-subtitle{font-size:var(--text-heading-sm);color:var(--subC);margin-bottom:40px;line-height:1.6}.newsletter-page .newsletter-hero .hero-form{max-width:480px;margin:0 auto 24px}.newsletter-page .newsletter-hero .hero-note{font-size:var(--text-body);color:var(--subC);margin-top:20px}.newsletter-page .newsletter-benefits{background:var(--bg50);width:100%;padding:80px 0}.newsletter-page .newsletter-benefits .boundary{flex-direction:column;align-items:center}.newsletter-page .newsletter-benefits .section-title{font-size:var(--text-heading-sm);color:var(--mainC);text-align:center;margin-bottom:48px;font-weight:700}.newsletter-page .newsletter-benefits .benefits-grid{grid-template-columns:repeat(2,1fr);gap:24px;width:100%;max-width:800px;display:grid}.newsletter-page .newsletter-benefits .benefit-card{background:var(--bg0);border:1px solid var(--op8);border-radius:16px;padding:32px;transition:all .2s}.newsletter-page .newsletter-benefits .benefit-card:hover{border-color:var(--brandC);box-shadow:0 8px 24px var(--op8);transform:translateY(-4px)}.newsletter-page .newsletter-benefits .benefit-icon{font-size:var(--text-heading-md);margin-bottom:16px}.newsletter-page .newsletter-benefits .benefit-card h3{font-size:var(--text-heading-sm);color:var(--mainC);margin-bottom:12px;font-weight:600}.newsletter-page .newsletter-benefits .benefit-card p{font-size:var(--text-body);color:var(--subC);line-height:1.6}.newsletter-page .newsletter-author{padding:80px 0}.newsletter-page .newsletter-author .boundary{justify-content:center}.newsletter-page .newsletter-author .author-card{background:var(--bg50);border-radius:20px;align-items:center;gap:24px;max-width:600px;padding:32px;display:flex}.newsletter-page .newsletter-author .author-avatar{background:linear-gradient(135deg,var(--brandC)0%,var(--brandBg)100%);width:80px;height:80px;font-size:var(--text-heading-md);color:var(--whiteC);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.newsletter-page .newsletter-author .author-info h3{font-size:var(--text-heading-sm);color:var(--mainC);margin-bottom:4px;font-weight:700}.newsletter-page .newsletter-author .author-role{font-size:var(--text-body);color:var(--brandC);margin-bottom:12px}.newsletter-page .newsletter-author .author-bio{font-size:var(--text-body);color:var(--subC);line-height:1.6}.newsletter-page .newsletter-cta .boundary{justify-content:center}.newsletter-page .newsletter-cta .cta-content{text-align:center;background-color:var(--bg100);border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;align-items:center;width:100%;padding:40px;display:flex}@media (max-width:768px){.newsletter-page .newsletter-hero{padding:60px 0}.newsletter-page .newsletter-hero .hero-title{font-size:var(--text-heading-md)}.newsletter-page .newsletter-hero .hero-subtitle{font-size:var(--text-heading-sm)}.newsletter-page .newsletter-benefits{padding:60px 0}.newsletter-page .newsletter-benefits .benefits-grid{grid-template-columns:1fr}.newsletter-page .newsletter-benefits .benefit-card{padding:24px}.newsletter-page .newsletter-author{padding:60px 0}.newsletter-page .newsletter-author .author-card{text-align:center;flex-direction:column;padding:24px}.newsletter-page .newsletter-cta .boundary{padding:0}}
.about-page .boundary{flex-direction:column;align-items:flex-start;max-width:var(--pageMaxWidth)!important}.about-page .about-layout{gap:96px;width:100%;padding-bottom:80px;display:flex}.about-page .about-left{flex-shrink:0;align-self:flex-start;width:250px;padding-top:60px;position:sticky;top:80px}.about-page .about-left .profile-avatar{background:var(--bg0);isolation:isolate;border-radius:8px;width:250px;margin-bottom:20px;padding:16px}.about-page .about-left .profile-avatar img{filter:invert();mix-blend-mode:screen;opacity:0;width:100%;height:auto;transition:opacity .2s}.about-page .about-left .profile-avatar img.is-ready{opacity:1}.about-page .about-left .about-social{flex-wrap:wrap;padding:12px 16px 0;display:flex}.about-page .about-left .about-social a{font-size:var(--text-body);align-items:center;gap:6px;width:50%;padding:4px 0;display:flex}.about-page .about-left .about-social a svg{flex-shrink:0}.about-page .about-right{flex:1;min-width:0;padding-top:60px}.about-page .about-section{width:100%;margin-bottom:0;padding-top:32px;padding-bottom:32px;display:block}.about-page .about-section h2{font-size:var(--text-heading-sm);color:var(--mainC);margin-bottom:24px;font-weight:700}.about-page .about-body p{font-size:var(--text-body);color:var(--subC);margin-bottom:16px;line-height:1.7}.about-page .about-body a{color:var(--brandC);text-decoration:underline}.about-page .about-body a:hover{opacity:.7}.about-page .about-categories{flex-wrap:wrap;gap:8px;margin-top:24px;margin-bottom:24px;display:flex}.about-page .about-categories span{font-size:var(--text-body);color:var(--brandC);border:1px solid var(--brandC);border-radius:100px;padding:6px 14px}.about-page .about-cta{padding-top:32px}.about-page .about-cta .newsletter-form{width:100%;max-width:100%;padding-left:0;padding-right:0}.about-page .about-cta h3{font-size:var(--text-heading-sm);color:var(--mainC);margin-bottom:8px;font-weight:700}.about-page .about-cta p{font-size:var(--text-body);color:var(--subC);margin-bottom:16px}@media (max-width:768px){.about-page .about-layout{flex-direction:column;gap:24px}.about-page .about-left{flex-direction:column;align-items:center;width:100%;display:flex;position:static}.about-page .about-left .profile-avatar{width:200px}.about-page .about-left .about-social{flex-flow:wrap}.about-page .about-right{max-width:100%;padding-top:32px}.about-page .about-section h2{font-size:var(--text-heading-sm)}}
.guide-page .guide-layout{align-items:flex-start;min-height:calc(100vh - 60px);display:flex}.guide-page .guide-sidebar{flex-shrink:0;width:240px;height:calc(100vh - 60px);padding:48px 0 48px 2rem;position:sticky;top:60px;overflow-y:auto}.guide-page .guide-sidebar .sidebar-label{font-size:var(--text-caption);color:var(--subC);text-transform:uppercase;letter-spacing:.06em;margin-bottom:20px;font-weight:800}.guide-page .guide-sidebar .sidebar-nav{margin:0;padding:0;list-style:none}.guide-page .guide-sidebar .sidebar-nav li a{font-size:var(--text-body);color:var(--subC);border-left:3px solid #0000;padding:10px 16px;font-weight:400;text-decoration:none;transition:all .15s;display:block}.guide-page .guide-sidebar .sidebar-nav li a:hover{color:var(--mainC)}.guide-page .guide-sidebar .sidebar-nav li a.active{color:var(--brandC);border-left-color:var(--brandC);font-weight:600}.guide-page .guide-main{flex:1;min-width:0;padding:48px 2rem}.guide-page .guide-hero{margin-bottom:48px}.guide-page .guide-hero h1{font-size:var(--text-heading-md);color:var(--mainC);margin-bottom:8px;font-weight:700}.guide-page .guide-hero p{font-size:var(--text-body);color:var(--subC)}.guide-page .guide-section{border-top:1px solid var(--divider);padding:40px 0}.guide-page .guide-section:first-of-type{border-top:none;padding-top:0}.guide-page .guide-section-header{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.guide-page .guide-num{font-size:var(--text-heading-md);color:var(--op10);flex-shrink:0;padding-top:2px;font-weight:800;line-height:1}.guide-page .section-title-group{flex-direction:column;display:flex}.guide-page .section-title-group h2{font-size:var(--text-heading-sm);color:var(--mainC);font-weight:700;line-height:1.3}.guide-page .section-title-group .guide-sub{font-size:var(--text-body);color:var(--subC);margin-top:4px}.guide-page .guide-articles{margin:0;padding:0;list-style:none}.guide-page .guide-articles li{padding:10px 0}.guide-page .guide-articles li a{font-size:var(--text-body);color:var(--mainC);align-items:flex-start;gap:10px;text-decoration:none;transition:color .2s;display:flex}.guide-page .guide-articles li a:hover{color:var(--brandC)}.guide-page .guide-articles .art-num{font-size:var(--text-body);color:var(--subC);min-width:20px;font-weight:500;line-height:1.6}.guide-page .guide-articles .art-title{color:var(--mainC);font-weight:600;line-height:1.6}.guide-page .guide-articles .art-desc{font-size:var(--text-body);color:var(--subC);margin-top:2px;line-height:1.4}.guide-page .guide-empty{font-size:var(--text-body);color:var(--subC);padding:12px 0}.guide-page .guide-cta{text-align:center;border-top:1px solid var(--divider);margin-top:40px;padding:64px 0}.guide-page .guide-cta h3{font-size:var(--text-heading-sm);color:var(--mainC);margin-bottom:8px;font-weight:700}.guide-page .guide-cta p{font-size:var(--text-body);color:var(--subC);margin-bottom:20px}@media (max-width:768px){.guide-page .guide-sidebar{display:none}.guide-page .guide-layout{flex-direction:column}.guide-page .guide-main{max-width:100%;padding:32px 20px}.guide-page .guide-hero h1{font-size:var(--text-heading-sm)}.guide-page .guide-section-header{flex-wrap:wrap}.guide-page .guide-cta{padding:48px 0}}
.vibe-building-4th-page{color:var(--mainC);background:radial-gradient(circle at top left,#6366f129,transparent 32rem),linear-gradient(180deg,var(--bg0)0%,var(--bg50)100%)}.vibe-building-4th-page .vb4-hero,.vibe-building-4th-page .vb4-section{width:min(1120px,100% - 40px);margin:0 auto}.vibe-building-4th-page .vb4-hero{text-align:center;padding:96px 0 72px}.vibe-building-4th-page .vb4-hero__eyebrow,.vibe-building-4th-page .vb4-section__label{color:var(--brandC);font-size:var(--text-body);letter-spacing:.02em;background:#6366f11a;border-radius:999px;justify-content:center;align-items:center;margin-bottom:18px;padding:8px 14px;font-weight:700;display:inline-flex}.vibe-building-4th-page .vb4-hero h1{max-width:820px;font-size:var(--text-heading-lg);letter-spacing:-.05em;margin:0 auto 24px;line-height:1.08}.vibe-building-4th-page .vb4-hero__lead{max-width:720px;color:var(--subC);font-size:var(--text-heading-sm);word-break:keep-all;margin:0 auto;line-height:1.75}.vibe-building-4th-page .vb4-hero__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;display:flex}.vibe-building-4th-page .vb4-button{min-height:52px;font-size:var(--text-body);cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.vibe-building-4th-page .vb4-button:hover:not(:disabled){transform:translateY(-2px)}.vibe-building-4th-page .vb4-button:disabled{opacity:.45;cursor:not-allowed}.vibe-building-4th-page .vb4-button--primary{color:var(--whiteC);background:var(--brandC)}.vibe-building-4th-page .vb4-button--primary:hover:not(:disabled){background:var(--brandBg)}.vibe-building-4th-page .vb4-button--secondary{color:var(--whiteC);background:var(--mainC)}.vibe-building-4th-page .vb4-button--ghost{color:var(--mainC);background:var(--bg0);border-color:var(--op10)}.vibe-building-4th-page .vb4-hero__meta{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.vibe-building-4th-page .vb4-hero__meta span{background:var(--bg0);color:var(--subC);font-size:var(--text-body);border:1px solid var(--op8);border-radius:999px;padding:8px 12px}.vibe-building-4th-page .vb4-section{border-top:1px solid var(--op8);padding:72px 0}.vibe-building-4th-page .vb4-section--intro{grid-template-columns:.8fr 1.2fr;align-items:start;gap:40px;display:grid}.vibe-building-4th-page .vb4-section__heading{max-width:720px;margin-bottom:32px}.vibe-building-4th-page .vb4-section__heading p:not(.vb4-section__label){color:var(--subC);line-height:1.7;font-size:var(--text-body)}.vibe-building-4th-page .vb4-section h2{font-size:var(--text-heading-md);letter-spacing:-.04em;margin:0 0 16px;line-height:1.2}.vibe-building-4th-page .vb4-intro-grid,.vibe-building-4th-page .vb4-payment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.vibe-building-4th-page .vb4-card,.vibe-building-4th-page .vb4-week-card,.vibe-building-4th-page .vb4-payment-card{border:1px solid var(--op8);background:#ffffffb8;border-radius:24px;box-shadow:0 18px 60px #0000000f}.vibe-building-4th-page .vb4-card{padding:24px}.vibe-building-4th-page .vb4-card strong{font-size:var(--text-heading-sm);margin-bottom:10px;display:block}.vibe-building-4th-page .vb4-card p{color:var(--subC);margin:0;line-height:1.7}.vibe-building-4th-page .vb4-curriculum{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.vibe-building-4th-page .vb4-week-card{padding:24px}.vibe-building-4th-page .vb4-week-card h3{font-size:var(--text-heading-sm);margin:12px 0 18px;line-height:1.35}.vibe-building-4th-page .vb4-week-card ul{color:var(--subC);flex-direction:column;gap:10px;margin:0;padding-left:18px;line-height:1.6;display:flex}.vibe-building-4th-page .vb4-week-card__week{color:var(--brandC);font-size:var(--text-body);font-weight:800}.vibe-building-4th-page .vb4-notion-section .vb4-section__heading{text-align:center;margin-left:auto;margin-right:auto}.vibe-building-4th-page .vb4-notion-embed{border:1px solid var(--op8);background:var(--bg0);border-radius:24px;overflow:hidden;box-shadow:0 18px 60px #0000000f}.vibe-building-4th-page .vb4-notion-embed iframe{background:var(--bg0);border:0;width:100%;min-height:600px;display:block}.vibe-building-4th-page .vb4-payment-section{padding-bottom:96px}.vibe-building-4th-page .vb4-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.vibe-building-4th-page .vb4-payment-card{flex-direction:column;gap:18px;padding:32px;display:flex;position:relative}.vibe-building-4th-page .vb4-payment-card h3{font-size:var(--text-heading-sm);margin:0}.vibe-building-4th-page .vb4-payment-card .vb4-button{width:100%;margin-top:auto}.vibe-building-4th-page .vb4-payment-card--highlight{background:linear-gradient(#6366f11a,#ffffffdb);border-color:#6366f152}.vibe-building-4th-page .vb4-payment-card__badge{background:var(--brandC);color:var(--whiteC);font-size:var(--text-caption);border-radius:999px;align-self:flex-start;padding:7px 11px;font-weight:800}.vibe-building-4th-page .vb4-payment-card__badge--muted{background:var(--bg200);color:var(--subC)}.vibe-building-4th-page .vb4-price-row{align-items:baseline;gap:12px;display:flex}.vibe-building-4th-page .vb4-price-row strong{font-size:var(--text-heading-md);letter-spacing:-.04em}.vibe-building-4th-page .vb4-price-row__original{color:var(--subC);font-size:var(--text-heading-sm);text-decoration:line-through}.vibe-building-4th-page .vb4-payment-card__desc{color:var(--subC);word-break:keep-all;margin:0;line-height:1.7}.vibe-building-4th-page .vb4-payment-notes{background:var(--bg50);color:var(--subC);border-radius:16px;flex-direction:column;gap:10px;margin:0 0 8px;padding:18px 18px 18px 34px;line-height:1.55;display:flex}.vibe-building-4th-page .vb4-payment-alert{color:var(--subC);font-size:var(--text-body);margin:-4px 0 0;line-height:1.55}.vibe-building-4th-page .vb4-payment-alert--error{color:var(--redC)}@media (max-width:1024px){.vibe-building-4th-page .vb4-section--intro,.vibe-building-4th-page .vb4-intro-grid,.vibe-building-4th-page .vb4-curriculum,.vibe-building-4th-page .vb4-payment-grid{grid-template-columns:1fr}}@media (max-width:640px){.vibe-building-4th-page .vb4-hero,.vibe-building-4th-page .vb4-section{width:min(100% - 32px,1120px)}.vibe-building-4th-page .vb4-hero{text-align:left;padding:64px 0 52px}.vibe-building-4th-page .vb4-hero__actions,.vibe-building-4th-page .vb4-hero__meta{justify-content:flex-start}.vibe-building-4th-page .vb4-button{width:100%}.vibe-building-4th-page .vb4-section{padding:52px 0}.vibe-building-4th-page .vb4-card,.vibe-building-4th-page .vb4-week-card,.vibe-building-4th-page .vb4-payment-card{border-radius:18px;padding:22px}}.vb4-payment-result-page{min-height:calc(100vh - 64px);color:var(--mainC);background:radial-gradient(circle at top right,#6366f129,transparent 30rem),linear-gradient(180deg,var(--bg0),var(--bg50));padding:72px 0 96px}.vb4-payment-result-page .vb4-result-card{border:1px solid var(--op8);background:#ffffffc7;border-radius:24px;width:min(760px,100% - 40px);margin:0 auto;padding:40px;box-shadow:0 18px 60px #0000000f}.vb4-payment-result-page .vb4-section__label{color:var(--brandC);font-size:var(--text-body);background:#6366f11a;border-radius:999px;margin-bottom:18px;padding:8px 14px;font-weight:800;display:inline-flex}.vb4-payment-result-page h1{font-size:var(--text-heading-lg);letter-spacing:-.05em;margin:0 0 16px;line-height:1.12}.vb4-payment-result-page p{color:var(--subC);font-size:var(--text-body);word-break:keep-all;margin:0;line-height:1.75}.vb4-payment-result-page .vb4-result-summary{background:var(--bg0);border-radius:18px;flex-direction:column;gap:0;margin:28px 0;padding:22px;display:flex}.vb4-payment-result-page .vb4-result-summary div{border-bottom:1px solid var(--op8);grid-template-columns:120px 1fr;gap:16px;padding:14px 0;display:grid}.vb4-payment-result-page .vb4-result-summary div:last-child{border-bottom:0}.vb4-payment-result-page .vb4-result-summary dt{color:var(--subC);font-size:var(--text-body)}.vb4-payment-result-page .vb4-result-summary dd{word-break:break-all;margin:0;font-weight:800}.vb4-payment-result-page .vb4-result-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.vb4-payment-result-page .vb4-button{min-height:52px;font-size:var(--text-body);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-weight:800;text-decoration:none;display:inline-flex}.vb4-payment-result-page .vb4-button--primary{color:var(--whiteC);background:var(--brandC)}.vb4-payment-result-page .vb4-button--ghost{color:var(--mainC);background:var(--bg0);border-color:var(--op10)}@media (max-width:640px){.vb4-payment-result-page{padding:48px 0 72px}.vb4-payment-result-page .vb4-result-card{border-radius:18px;width:min(100% - 32px,760px);padding:24px}.vb4-payment-result-page .vb4-result-summary div{grid-template-columns:1fr;gap:6px}.vb4-payment-result-page .vb4-button{width:100%}}