:root{color:#302e2a;font-synthesis:none;text-rendering:optimizelegibility;--surface:#fffdf8;--surface-2:#f3eee5;--line:#e7dfd3;--muted:#706c64;--accent:#247565;--accent-dark:#fff;--danger:#dc2626;background:#faf8f3;font-family:Malgun Gothic,맑은 고딕,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#faf8f3;min-width:320px;min-height:100vh;margin:0;line-height:1.8}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.65}img{max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:min(1040px,100% - 32px);min-height:64px;margin:0 auto;display:grid}.brand{color:#302e2a;letter-spacing:-.03em;font:700 1.12rem Malgun Gothic,맑은 고딕,sans-serif}.site-header nav,.account-nav{align-items:center;gap:16px;display:flex}.site-header nav a,.account-nav a{color:var(--muted);font-size:.9rem}.site-header a.active,.site-header a:hover{color:var(--accent)}.account-nav{justify-content:flex-end;gap:14px}.admin-link{border-left:1px solid var(--line);padding-left:14px}.account-nav .admin-page-link{color:var(--accent);border-right:1px solid var(--line);padding-right:14px}main{flex:1}.site-footer{width:min(1040px,100% - 32px);color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;margin:44px auto 0;padding:22px 0;font-size:.82rem;display:flex}.page-section{width:min(900px,100% - 32px);margin:0 auto;padding:46px 0 12px}.hero-section{flex-direction:column;justify-content:center;min-height:300px;padding-top:44px;display:flex}.hero-section h1,.detail-page h1,.auth-panel h1,.form-page h1{letter-spacing:-.045em;margin:8px 0 10px;font-size:clamp(2.8rem,6vw,4.35rem);font-weight:630;line-height:1.08}.hero-copy,.lead{max-width:700px;color:var(--muted);margin:0;font-size:1.08rem;line-height:1.85}.eyebrow{color:var(--accent);letter-spacing:.04em;margin:0;font:700 .78rem Malgun Gothic,맑은 고딕,sans-serif}.hero-actions,.detail-actions{flex-wrap:wrap;gap:22px;margin-top:24px;display:flex}.hero-actions a{color:var(--muted);border-bottom:1px solid #0000;font-size:.92rem}.hero-actions a:hover{color:var(--accent);border-bottom-color:var(--accent)}.button-link,.stack-form>button{min-height:42px;color:var(--accent-dark);background:var(--accent);border-radius:5px;justify-content:center;align-items:center;padding:0 17px;font-weight:650;display:inline-flex}.button-link.secondary{color:#111827;background:var(--surface-2);border:1px solid var(--line)}.button-link.small{min-height:34px;padding:0 12px;font-size:.82rem}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px;display:flex}.section-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.section-heading h1,.section-heading h2,.about-section h2{letter-spacing:-.025em;margin:6px 0 0;font-size:clamp(1.7rem,3vw,2.2rem);font-weight:600;line-height:1.3}.section-heading>a:not(.button-link),.about-links a{color:var(--accent);font-size:.9rem}.section-note{color:var(--muted);margin:0;font-size:.86rem}.page-description{max-width:560px;color:var(--muted);margin:8px 0 0;font-size:.95rem}.home-intro{padding-top:72px;padding-bottom:40px}.home-greeting{color:var(--accent);margin:0;font-size:.9rem}.home-intro h1{letter-spacing:-.055em;max-width:660px;margin:12px 0 14px;font:600 clamp(2.35rem,6vw,4.1rem)/1.25 Malgun Gothic,맑은 고딕,sans-serif}.home-copy{max-width:540px;color:var(--muted);margin:0;font-size:1.02rem}.home-actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.home-actions .button-link{border-radius:999px;font-size:.9rem}.category-links{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.category-links a{color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 13px;font-size:.86rem}.category-links a:hover{color:var(--accent);border-color:var(--accent)}.board-filters{flex-wrap:wrap;gap:8px;margin:2px 0 24px;display:flex}.board-filters a{color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 13px;font-size:.86rem}.board-filters a:hover,.board-filters a.active{color:var(--accent);border-color:var(--accent);background:#f2f7f4}.home-feed{padding-top:30px}.today-juno{padding-top:14px}.today-juno .section-heading{margin-bottom:12px}.today-manage-link{color:var(--accent);font-size:.86rem}.today-status-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.today-status-list div{border-right:1px solid var(--line);min-width:0;padding:17px 18px}.today-status-list div:last-child{border-right:0}.today-status-list dt{color:var(--accent);font-size:.76rem;font-weight:700}.today-status-list dd{color:var(--muted);overflow-wrap:anywhere;margin:4px 0 0}.today-updated{color:var(--muted);text-align:right;margin-top:7px;font-size:.73rem;display:block}.today-empty{color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);margin:0;padding:17px 18px}.card-grid{border-top:1px solid var(--line)}.card{border-bottom:1px solid var(--line);background:var(--surface);padding:21px 4px;transition:background-color .15s}.card:hover{background:#f6f3ec}.card h3{margin:0;font-size:1.2rem;font-weight:590;line-height:1.45}.card h3 a:hover{color:var(--accent)}.notice-prefix{color:var(--accent);margin-right:.45em;font-weight:650}.post-status-prefix{color:var(--muted);margin-right:.45em;font-weight:600}.post-status-prefix.draft{color:#a86f2d}.card p{color:var(--muted);margin:6px 0 0;line-height:1.7}.project-card{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;gap:38px;display:grid}.project-details{gap:13px;display:grid}.post-card{grid-template-columns:132px minmax(0,1fr);align-items:start;gap:8px 24px;display:grid}.post-card h3{grid-area:1/2}.post-card>p{grid-area:2/2;margin:0}.card-meta,.post-byline{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:.8rem;display:flex}.post-card .card-meta{grid-area:1/1/span 2;gap:2px;display:grid}.status-label{color:var(--accent)}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:2px 7px;font-size:.74rem;line-height:1.55}.empty-row{color:var(--muted);background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0;padding:22px 4px}.about-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:64px;margin-top:46px;padding:40px 0;scroll-margin-top:24px;display:grid}.about-copy p{max-width:600px;color:var(--muted);margin:0}.about-links{gap:20px;margin-top:18px;display:flex}.developer-intro{border-bottom:1px solid var(--line);padding-top:68px;padding-bottom:26px}.developer-intro h1{margin:6px 0;font:600 clamp(2.15rem,5vw,3.6rem)/1.25 Malgun Gothic,맑은 고딕,sans-serif}.developer-intro p{max-width:600px;color:var(--muted);margin:0}.developer-intro a{color:var(--accent);margin-top:16px;display:inline-block}.developer-shell,.developer-theme{color:#eeeae2;--surface:#303632;--surface-2:#353c37;--line:#454d48;--muted:#b9b8b1;--accent:#72c5ad;--accent-dark:#17231f}.developer-shell{background:#292d2a}.developer-shell .brand{color:#eeeae2}.developer-shell .site-header,.developer-shell .site-footer{border-color:var(--line)}.developer-shell .button-link.secondary{color:#eeeae2}.developer-shell .stack-form input,.developer-shell .stack-form textarea,.developer-shell .stack-form select{color:#eeeae2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#252a27}.developer-shell .comment-head strong{color:#eeeae2}.developer-theme{background:#292d2a;min-height:70vh;padding-bottom:46px}.developer-shell .card:hover,.developer-theme .card:hover{background:#343b37}.developer-theme .state-message{margin-top:0;padding-top:54px}.standalone-page{min-height:64vh;padding-top:66px}.guestbook-section{padding-top:54px}.guestbook-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.guestbook-form label{color:var(--muted);gap:6px;font-size:.82rem;display:grid}.guestbook-form input,.guestbook-form textarea{resize:vertical;color:#111827;background:var(--surface);border:1px solid var(--line);border-radius:4px;outline:none;width:100%;min-height:44px;padding:10px 12px}.guestbook-form input:focus,.guestbook-form textarea:focus{border-color:var(--accent)}.guestbook-form button{min-height:44px;color:var(--accent-dark);background:var(--accent);border-radius:4px;padding:0 17px;font-weight:650}.guestbook-auth-note{color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0;padding:18px 4px}.guestbook-auth-note a{color:var(--accent)}.guestbook-list{border-top:1px solid var(--line);margin:28px 0 0;padding:0;list-style:none}.guestbook-list li{border-bottom:1px solid var(--line);padding:20px 4px}.guestbook-head{align-items:baseline;gap:10px;min-width:0;display:flex}.guestbook-head strong{overflow-wrap:anywhere;min-width:0;font-weight:580}.guestbook-head time{color:var(--muted);flex:none;margin-left:auto;font-size:.78rem}.guestbook-entry-body{margin-top:8px}.guestbook-list p{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.guestbook-state{color:var(--muted)}.guestbook-entry-actions{flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:2px;display:flex}.guestbook-entry-actions .text-button{padding-left:0;padding-right:0}.guestbook-entry-actions .report-button{margin-top:0}.guestbook-reply{border-left:2px solid var(--accent);background:var(--surface-2);margin-top:14px;padding:13px 15px}.guestbook-reply-head{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:5px;font-size:.78rem;display:flex}.guestbook-reply-head strong{font-weight:580}.guestbook-reply-head time{color:var(--muted);margin-left:auto}.guestbook-reply-form{gap:8px;margin-top:12px;display:grid}.guestbook-reply-form textarea{resize:vertical;color:#111827;background:var(--surface);border:1px solid var(--line);border-radius:4px;outline:none;width:100%;padding:10px 12px}.guestbook-reply-form textarea:focus{border-color:var(--accent)}.guestbook-reply-form>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reply-button{font-size:.78rem}.detail-page{max-width:860px}.detail-page h1{font-size:clamp(2.5rem,6vw,4.4rem)}.post-detail-page h1{letter-spacing:-.035em;font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.22}.cover-image{object-fit:cover;border:1px solid var(--line);border-radius:4px;width:100%;max-height:520px;margin:30px 0}.editor-cover{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.editor-cover img{object-fit:cover;border:1px solid var(--line);border-radius:4px;width:160px;height:96px}.editor-cover p{margin:0}.text-button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0}.prose{color:var(--muted);margin:38px 0;font-size:1.04rem;line-height:1.95}.markdown-content>:first-child{margin-top:0}.markdown-content>:last-child{margin-bottom:0}.markdown-content p{white-space:pre-wrap}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:inherit;margin:1.7em 0 .55em;line-height:1.4}.markdown-content h1{font-size:1.65rem}.markdown-content h2{font-size:1.4rem}.markdown-content h3{font-size:1.18rem}.markdown-content a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.markdown-image-frame{max-width:100%;margin:24px auto;line-height:0;display:block;position:relative}.markdown-image-frame img{object-fit:contain;border:1px solid var(--line);border-radius:4px;width:100%;max-width:100%;max-height:720px;margin:0;display:block}.markdown-content blockquote{border-left:3px solid var(--line);margin:20px 0;padding:3px 0 3px 18px}.markdown-content pre{color:#eeeae2;background:#292d2a;border-radius:4px;padding:16px;line-height:1.65;overflow-x:auto}.markdown-content code{font-family:Consolas,monospace;font-size:.92em}.markdown-content :not(pre)>code{color:inherit;background:var(--surface-2);border-radius:3px;padding:2px 5px}.markdown-content table{border-collapse:collapse;width:100%}.markdown-content th,.markdown-content td{border:1px solid var(--line);text-align:left;padding:8px 10px}.post-byline{border-bottom:1px solid var(--line);align-items:center;padding:16px 0}.post-byline a{color:var(--accent)}.visibility-label{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:1px 7px;font-size:.72rem}.visibility-label.published{color:var(--accent);border-color:var(--accent)}.visibility-label.draft{color:#a86f2d;border-color:#a86f2d}.auth-panel,.form-page{border:1px solid var(--line);background:var(--surface);border-radius:6px;width:min(720px,100% - 32px);margin:52px auto;padding:34px}.auth-panel{max-width:520px}.auth-panel h1,.form-page h1{font-size:2.35rem}.stack-form{gap:17px;display:grid}.stack-form label{color:var(--muted);gap:7px;display:grid}.stack-form input,.stack-form textarea,.stack-form select{color:#111827;background:var(--surface);border:1px solid var(--line);border-radius:4px;outline:none;width:100%;padding:11px 13px}.stack-form textarea{resize:vertical}.stack-form input:focus,.stack-form textarea:focus,.stack-form select:focus{border-color:var(--accent)}.stack-form fieldset{border:1px solid var(--line);border-radius:4px;padding:14px}.password-settings{border-top:1px solid var(--line);margin-top:38px;padding-top:28px}.password-settings h2{margin:0 0 8px;font-size:1.35rem;font-weight:600}.password-settings>p{color:var(--muted);margin:0 0 18px}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.rich-text-field{gap:7px;display:grid}.rich-text-loading{color:var(--muted);border:1px solid var(--line);margin:0;padding:24px}.rich-text-label{color:var(--muted)}.rich-text-editor{border:1px solid var(--line);background:var(--surface);border-radius:4px;overflow:hidden}.rich-text-editor:focus-within{border-color:var(--accent)}.rich-text-toolbar{border-bottom:1px solid var(--line);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:5px;padding:8px;display:flex}.rich-text-toolbar select{width:auto;min-height:32px;color:inherit;background:var(--surface);border:1px solid var(--line);padding:4px 8px}.rich-text-tool{min-height:32px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:3px;padding:4px 8px;font-size:.76rem}.rich-text-tool:hover,.rich-text-tool.active{color:var(--accent);border-color:var(--accent);background:var(--surface)}.rich-text-tool:disabled{opacity:.4}.rich-text-toolbar-spacer{flex:10px}.rich-text-body{min-height:var(--rich-text-min-height);color:var(--muted);outline:none;padding:18px;font-size:1rem;line-height:1.9}.rich-text-body>:first-child{margin-top:0}.rich-text-body>:last-child{margin-bottom:0}.rich-text-body p{margin:.75em 0}.rich-text-body h2,.rich-text-body h3{color:inherit;margin:1.5em 0 .55em;line-height:1.4}.rich-text-body h2{font-size:1.4rem}.rich-text-body h3{font-size:1.18rem}.rich-text-body ul,.rich-text-body ol{padding-left:1.6em}.rich-text-body blockquote{border-left:3px solid var(--line);margin:20px 0;padding:3px 0 3px 18px}.rich-text-body pre{color:#eeeae2;background:#292d2a;border-radius:4px;padding:16px;line-height:1.65;overflow-x:auto}.rich-text-body code{font-family:Consolas,monospace;font-size:.92em}.rich-text-body :not(pre)>code{color:inherit;background:var(--surface-2);border-radius:3px;padding:2px 5px}.rich-text-body a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.rich-text-body p.is-editor-empty:first-child:before{float:left;height:0;color:var(--muted);content:attr(data-placeholder);pointer-events:none;opacity:.72}.rich-text-body [data-resize-container]{width:fit-content;max-width:100%;margin:24px auto}.rich-text-body [data-resize-wrapper]{max-width:100%}.rich-text-body [data-resize-wrapper] img{object-fit:contain;border:1px solid var(--line);border-radius:4px;max-width:100%;max-height:720px;display:block}.rich-text-body [data-resize-handle]{border:2px solid var(--surface);background:var(--accent);width:18px;height:18px;box-shadow:0 0 0 1px var(--accent);cursor:nwse-resize;touch-action:none;border-radius:50%;transform:translate(50%,50%)}.rich-text-body [data-resize-container][data-resize-state=true],.rich-text-body .ProseMirror-selectednode{outline:1px dashed var(--accent);outline-offset:5px}.field-error{color:var(--danger);margin:0;font-size:.82rem}.check-label{grid-auto-flow:column;justify-content:start;align-self:end;align-items:center;min-height:46px;display:flex!important}.check-label input{width:auto}.muted,.form-note{color:var(--muted)}.success-message{color:var(--accent)}.comments-section{border-top:1px solid var(--line);margin-top:60px;padding-top:30px}.comment-list,.reply-list{padding:0;list-style:none}.comment{border:1px solid var(--line);background:var(--surface);border-radius:4px;margin:14px 0;padding:17px}.reply-list{margin:14px 0 0 26px}.comment-head{color:var(--muted);justify-content:space-between;gap:12px;font-size:.82rem;display:flex}.comment-head strong{color:#111827}.username{color:var(--muted);font-weight:400}.operator-badge{color:var(--accent);border:1px solid var(--accent);vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:.69rem;font-weight:700;display:inline-block}.operator-badge.before-author{margin-left:0;margin-right:6px}.report-button{color:var(--muted);margin-top:6px;font-size:.78rem}.text-button{color:var(--accent);background:0 0;padding:4px 6px}.text-button.danger{color:var(--danger)}.state-message{width:min(1040px,100% - 32px);color:var(--muted);margin:34px auto}.state-message.error{color:var(--danger)}.guestbook-section .state-message{width:100%;margin:18px 0}.game-list{border-top:1px solid var(--line)}.game-card{border-bottom:1px solid var(--line);background:var(--surface);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:22px 6px;display:grid}.game-card:hover{background:#f6f3ec}.game-card-mark{color:var(--accent);font-size:1.3rem}.game-card strong,.game-card small{display:block}.game-card strong{font-size:1.12rem;font-weight:600}.game-card small{color:var(--muted);margin-top:2px;font-size:.86rem}.reaction-layout{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:46px;margin-top:26px;display:grid}.reaction-game,.reaction-ranking{border-top:1px solid var(--line);padding-top:24px}.reaction-game h2,.reaction-ranking h2{margin:0;font-size:1.35rem;font-weight:600}.reaction-pad{width:100%;min-height:250px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;margin:22px 0 13px;font-size:1.8rem;font-weight:650;transition:background-color .1s,color .1s}.reaction-pad.waiting{color:#8a7554;background:#f3e9d8}.reaction-pad.ready{color:#fff;background:var(--accent)}.reaction-pad.too-soon{color:#fff;background:#b4534b}.reaction-instruction,.game-auth-note{min-height:28px;color:var(--muted);margin:0 0 16px}.game-auth-note a{color:var(--accent)}.reaction-result{color:var(--accent);margin:0 0 16px}.reaction-ranking>div{margin-bottom:14px}.reaction-ranking-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.reaction-ranking-list li{border-bottom:1px solid var(--line);color:var(--muted);grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 4px;font-size:.88rem;display:grid}.reaction-ranking-list li.mine{color:var(--accent);background:#f2f7f4}.reaction-ranking-list li strong{color:#302e2a;font-weight:600}.reaction-ranking-list li small{font-size:.78rem}.reaction-ranking-list time{font-variant-numeric:tabular-nums}.rank-number{color:var(--accent);font-weight:700}.my-rank{color:var(--muted);margin:16px 0 0}.my-rank strong{color:var(--accent)}.aim-board{grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0 32px;display:grid}.aim-board button{min-height:58px;color:var(--accent);background:var(--surface);border:1px solid var(--line);border-radius:5px;font-weight:700}.aim-board button.done{opacity:.28}@media (width<=820px){.site-header{grid-template-columns:1fr auto;padding:12px 0}.site-header nav{grid-area:2/1/auto/-1;justify-content:flex-start}.account-nav{font-size:.88rem}.hero-section{min-height:310px}.project-card,.post-card{grid-template-columns:1fr;gap:13px}.post-card .card-meta,.post-card h3,.post-card>p{grid-area:auto/1}.post-card .card-meta{display:flex}.about-section{grid-template-columns:1fr;gap:22px}.reaction-layout{grid-template-columns:1fr;gap:34px}.form-row,.today-status-list{grid-template-columns:1fr}.today-status-list div{border-right:0;border-bottom:1px solid var(--line)}.today-status-list div:last-child{border-bottom:0}}@media (width<=520px){.site-header{gap:12px;width:calc(100% - 24px)}.site-header nav{gap:14px;overflow-x:auto}.site-header nav a,.account-nav a{font-size:.82rem}.account-nav{gap:9px}.account-nav .text-button{font-size:.78rem}.page-section{width:calc(100% - 24px);padding-top:40px}.hero-section{min-height:280px;padding-top:30px}.home-intro{padding-top:44px}.section-heading{align-items:start}.section-note{display:none}.project-card{padding:18px 2px}.about-section{margin-top:36px;padding:34px 0}.guestbook-form{grid-template-columns:1fr}.guestbook-head{align-items:flex-start;gap:12px}.auth-panel,.form-page{width:calc(100% - 24px);margin:30px auto;padding:22px}.site-footer{flex-direction:column;gap:5px}}