:root,[data-theme=dark]{--bg: oklch(.151 .011 276);--bg-elev: oklch(.179 .015 272);--bg-elev-2: oklch(.198 .018 275);--bg-elev-3: oklch(.229 .022 273);--tint: oklch(1 0 0 / .016);--shimmer: oklch(1 0 0 / .06);--border: oklch(1 0 0 / .08);--border-strong: oklch(1 0 0 / .14);--text-hi: oklch(.971 .005 275);--text: oklch(.8 .022 274);--text-muted: oklch(.609 .031 274);--text-faint: oklch(.64 .03 274);--accent: oklch(.581 .219 293);--accent-2: oklch(.574 .204 277);--accent-3: oklch(.748 .207 322);--accent-lift: oklch(.709 .159 293);--accent-grad: linear-gradient(135deg, var(--accent), var(--accent-2));--text-grad: linear-gradient(100deg, var(--accent-lift), var(--accent-3));--accent-soft: oklch(.581 .219 293 / .14);--on-accent: oklch(1 0 0);--success: oklch(.75 .16 155);--warn: oklch(.8 .16 75);--danger: oklch(.68 .2 25);--accent-text: oklch(.72 .17 293);--success-text: var(--success);--warn-text: var(--warn);--danger-text: var(--danger);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-24: 96px;--card-pad: var(--sp-6);--section-py: var(--sp-24);--grid-gap: var(--sp-5);--radius-xs: 6px;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-card: 0 24px 60px oklch(0 0 0 / .45);--shadow-lift: 0 32px 80px oklch(0 0 0 / .55);--shadow-glow: 0 0 40px oklch(.581 .219 293 / .25);--font-body: "Pretendard", system-ui, sans-serif;--font-brand: "Montserrat", var(--font-body);--fs-display: clamp(40px, 6.4vw, 72px);--fs-h1: clamp(30px, 3.6vw, 44px);--fs-h2: clamp(26px, 3vw, 40px);--fs-h3: 18px;--fs-lead: 17px;--fs-body: 16px;--fs-sm: 15px;--fs-xs: 13px;--fs-2xs: 12px;--fs-stat: 26px;--fs-featured: 22px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 26px;--tracking-tight: -.025em;--tracking-snug: -.01em;--lh-tight: 1.05;--lh-heading: 1.15;--lh-snug: 1.35;--lh-body: 1.6;--lh-relaxed: 1.75;--size-xs: 22px;--size-sm: 26px;--size-md: 40px;--size-lg: 44px;--size-xl: 54px;--size-2xl: 72px;--maxw-narrow: 640px;--maxw-form: 760px;--maxw-read: 820px;--img-dim: brightness(.8) saturate(.92);--ease: cubic-bezier(.16, 1, .3, 1);--dur-fast: .15s;--dur: .28s;--dur-slow: .6s;--header-h: 64px;--maxw: 1280px}[data-theme=light]{--bg: oklch(.99 .003 275);--bg-elev: oklch(1 0 0);--bg-elev-2: oklch(1 0 0);--bg-elev-3: oklch(.965 .008 275);--tint: oklch(.2 .02 275 / .02);--shimmer: oklch(.2 .02 275 / .07);--border: oklch(.2 .02 275 / .1);--border-strong: oklch(.2 .02 275 / .18);--text-hi: oklch(.2 .02 275);--text: oklch(.38 .02 275);--text-muted: oklch(.46 .02 275);--text-faint: oklch(.53 .02 275);--accent-soft: oklch(.581 .219 293 / .1);--accent-lift: oklch(.5 .22 293);--accent-text: oklch(.47 .22 293);--success-text: oklch(.5 .13 155);--warn-text: oklch(.48 .11 75);--danger-text: oklch(.5 .2 25);--shadow-card: 0 8px 24px oklch(.2 .02 275 / .08);--shadow-lift: 0 16px 40px oklch(.2 .02 275 / .12);--shadow-glow: 0 0 32px oklch(.581 .219 293 / .18)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{color-scheme:dark}[data-theme=light]{color-scheme:light}body{font-family:var(--font-body);font-size:var(--fs-body);background:var(--bg);color:var(--text);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;min-height:100dvh;background-image:radial-gradient(60% 50% at 15% -5%,color-mix(in oklch,var(--accent) 16%,transparent),transparent 60%),radial-gradient(50% 40% at 100% 0%,color-mix(in oklch,var(--accent-2) 12%,transparent),transparent 55%);background-attachment:fixed}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;cursor:pointer}h1,h2,h3,h4{color:var(--text-hi);font-weight:800;line-height:var(--lh-heading)}h1,h2{letter-spacing:var(--tracking-tight);font-weight:900;line-height:var(--lh-tight)}h3{font-size:var(--fs-h3)}.skip-link{position:absolute;left:-999px;top:8px;z-index:100;background:var(--bg-elev-2);color:var(--text-hi);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);border:1px solid var(--border)}.skip-link:focus{left:8px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.brand-font{font-family:var(--font-brand);letter-spacing:-.02em}.num{font-family:var(--font-brand);font-variant-numeric:tabular-nums}.text-grad{background:var(--text-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.container{width:min(100% - var(--sp-10),var(--maxw));margin-inline:auto}.stack{display:flex;flex-direction:column}.page{padding-block:var(--sp-8) var(--sp-24)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap);align-items:stretch}.card-grid>*{min-width:0}@media (max-width: 1100px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.card-grid{grid-template-columns:1fr}}.field,.sc-form label,.profile-form label{display:flex;flex-direction:column;gap:var(--sp-2)}.section{padding-block:var(--section-py)}.section-tint{background:var(--tint)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-8)}.section-head h2{font-size:var(--fs-h2);margin-top:var(--sp-5)}.section-sub{color:var(--text-muted);font-size:var(--fs-lead);max-width:46ch;margin-top:var(--sp-3)}.eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-pill);background:var(--tint);border:1px solid var(--border)}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text-hi);font-weight:600;transition:transform var(--dur-fast) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.btn:hover{background:var(--bg-elev-3);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn-primary{border-color:transparent;background:var(--accent-grad);color:var(--on-accent);box-shadow:var(--shadow-glow)}.btn-primary:hover{filter:brightness(1.08);border-color:transparent}.btn-ghost{background:transparent;border-color:var(--border-strong)}.btn-ghost:hover{background:var(--tint)}.card{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card-hover{transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.card-hover:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow-lift)}.card-quiet{transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.card-quiet:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lift)}.stat-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.stat-tile{padding:var(--sp-5) var(--sp-4);text-align:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--tint)}.stat-tile b{display:block;font-size:var(--fs-stat);font-weight:800;color:var(--text-hi)}.stat-tile span{font-size:var(--fs-xs);color:var(--text-faint)}.pill,.chip{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);font-weight:600;color:var(--text-muted);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-pill);background:var(--tint);border:1px solid var(--border);white-space:nowrap}.chip-action{background:var(--bg-elev);font-weight:700;padding:var(--sp-2) var(--sp-3);transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.chip-action:hover{color:var(--text-hi);border-color:var(--border-strong);text-decoration:none}.chip-on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.input,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select{width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elev);color:var(--text-hi);font:inherit;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.input:focus,input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}::placeholder{color:var(--text-faint)}label{font-size:var(--fs-sm);font-weight:600;color:var(--text-muted)}.form-err{font-size:var(--fs-sm);font-weight:600;color:var(--danger-text);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);background:color-mix(in oklch,var(--danger) 12%,transparent);border:1px solid color-mix(in oklch,var(--danger) 30%,transparent)}.empty{padding:var(--sp-12) var(--sp-5);text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius-lg)}.empty.small{padding:var(--sp-6) var(--sp-4)}.empty>i{margin-right:var(--sp-2);color:var(--warn-text)}.btn i,.chip i{color:inherit}.link-btn{background:none;border:none;padding:0;color:var(--accent-text);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px}.link-btn:hover{color:var(--accent-lift)}.demo-notice{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-5);padding:var(--sp-3) var(--sp-4);border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--tint);color:var(--text-muted);font-size:var(--fs-sm)}.demo-notice i{color:var(--accent-text)}.demo-notice b{color:var(--text-hi);font-weight:700}.demo-notice a{color:var(--accent-text);font-weight:700;text-decoration:underline;text-underline-offset:2px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.back{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--text-muted);font-weight:600;margin-bottom:var(--sp-5)}.back:hover{color:var(--text-hi)}.skeleton.sk-card{height:250px}.skeleton.sk-row{height:84px}.skeleton.sk-block{height:160px}.skeleton.sk-detail{height:320px}.skeleton{position:relative;overflow:hidden;background:var(--bg-elev-3);border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--shimmer),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}.fade-up{animation:fadeUp var(--dur-slow) var(--ease) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@supports (animation-timeline: view()){.reveal{animation:fadeUp var(--dur-slow) var(--ease) both;animation-timeline:view();animation-range:entry 0% entry 45%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.card-hover:hover{transform:none}}@media print{.reveal,.fade-up{animation:none!important;opacity:1!important;transform:none!important}}@media (pointer: coarse){:is(a,button,[role=button],[role=tab],[role=radio]){min-height:44px}.icon-btn{min-width:44px}.post-title a,.rp-title{display:inline-block;padding-block:var(--sp-2)}.sc-maker{padding-block:var(--sp-2)}.see-all{padding-block:var(--sp-3)}}@media (max-width: 640px){.stat-tiles{gap:var(--sp-2)}.stat-tile{padding:var(--sp-4) var(--sp-2)}.stat-tile b{font-size:var(--fs-featured)}.stat-tile span{font-size:var(--fs-2xs)}.row2,.row3{grid-template-columns:1fr}}.list-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-5);flex-wrap:wrap;margin-bottom:var(--sp-6)}.list-header h1{font-size:var(--fs-h1);font-weight:800}.list-header p{color:var(--text-muted);margin-top:var(--sp-1)}.sort-toggle{display:inline-flex;background:var(--tint);border:1px solid var(--border);border-radius:var(--radius-pill);padding:var(--sp-1)}.sort-toggle button{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-pill);border:none;background:transparent;color:var(--text-muted);font-weight:600;display:inline-flex;align-items:center;gap:var(--sp-2)}.sort-toggle button.on{background:var(--accent-grad);color:var(--on-accent)}.filters{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-6)}.filter{cursor:pointer;background:var(--bg-elev);transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.list-controls{display:flex;flex-direction:column;gap:var(--sp-4);margin-bottom:var(--sp-6)}.search-box{display:flex;align-items:center;gap:var(--sp-3);max-width:var(--maxw-narrow);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-elev);color:var(--text-muted)}.search-box input{flex:1;background:transparent;border:none;color:var(--text);font:inherit;outline:none}.search-box input::placeholder{color:var(--text-faint)}.form-page{max-width:var(--maxw-form)}.form-page h1{font-size:var(--fs-h1);margin-top:var(--sp-2)}.form-sub{color:var(--text-muted);margin-top:var(--sp-2);margin-bottom:var(--sp-6)}.form-actions{display:flex;justify-content:flex-end;margin-top:var(--sp-2)}.avatar{width:var(--size-sm);height:var(--size-sm);border-radius:50%;display:grid;place-items:center;font-size:var(--fs-2xs);font-weight:700;color:var(--on-accent);background:var(--accent)}.avatar.sm{width:var(--size-xs);height:var(--size-xs);font-size:var(--fs-2xs)}.comments h2{font-size:var(--fs-h3);margin-bottom:var(--sp-4);display:flex;align-items:center;gap:var(--sp-2)}.comment-form{display:flex;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-4)}.comment-form input{flex:1;min-width:0}.comment-list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-3)}.comment{padding:var(--sp-4);display:flex;gap:var(--sp-3);align-items:baseline;flex-wrap:wrap}.c-author{display:inline-flex;align-items:center;gap:var(--sp-2);font-weight:700;font-size:var(--fs-sm);color:var(--text-hi);flex-shrink:0}.c-body{color:var(--text-muted)}.c-body a{color:var(--accent-lift)}.btn.danger{color:var(--danger-text);border-color:color-mix(in oklch,var(--danger) 40%,var(--border))}.btn.danger:hover{background:color-mix(in oklch,var(--danger) 12%,transparent)}.confirm-box,.report-box{display:flex;flex-direction:column;gap:var(--sp-3)}.confirm-box p,.report-box label{color:var(--text-muted);font-size:var(--fs-xs)}.report-box textarea{resize:vertical}.board-actions{display:flex;justify-content:center;gap:var(--sp-3);margin-top:var(--sp-6);flex-wrap:wrap}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}.btn:disabled,.chip:disabled,button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:hover,.chip:disabled:hover,button:disabled:hover{background:inherit;border-color:var(--border);color:inherit}.sr-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);background:color-mix(in oklch,var(--bg) 72%,transparent);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--border)}@supports not (backdrop-filter: blur(1px)){.site-header{background:var(--bg)}}.header-inner{height:100%;display:grid;align-items:center;gap:var(--sp-5);grid-template-columns:1fr auto 1fr}.logo{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-h3);font-weight:800;color:var(--text-hi)}.logo svg{flex:none;translate:0 1px}.nav{display:flex;gap:var(--sp-1);padding:var(--sp-1);border-radius:var(--radius-pill);background:var(--tint);border:1px solid var(--border)}.nav a{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-pill);font-weight:600;font-size:var(--fs-sm);color:var(--text-muted);transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.nav a:hover{color:var(--text-hi)}.nav a.active{color:var(--on-accent);background:var(--accent-grad)}.header-actions{justify-self:end;display:flex;align-items:center;gap:var(--sp-3)}.header-actions .btn{padding:var(--sp-2) var(--sp-4)}.icon-btn{width:var(--size-md);height:var(--size-md);display:grid;place-items:center;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--tint);color:var(--text-muted);transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.icon-btn:hover{color:var(--text-hi);background:var(--bg-elev-3)}@media (max-width: 900px){.site-header{height:auto}.header-inner{height:auto;padding-block:var(--sp-3);gap:var(--sp-3);grid-template-columns:auto 1fr;grid-template-areas:"logo actions" "nav nav"}.logo{grid-area:logo;white-space:nowrap}.header-actions{grid-area:actions}.nav{grid-area:nav;justify-self:start;max-width:100%;overflow-x:auto}.nav a{white-space:nowrap}.header-actions .btn span,.header-actions .btn{font-size:var(--fs-sm)}}.user-wrap{position:relative}.avatar-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3) var(--sp-1) var(--sp-2);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font-weight:600}.avatar-btn:hover{background:var(--bg-elev-3)}.user-handle{font-size:var(--fs-sm)}.user-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;padding:var(--sp-2);z-index:60;display:flex;flex-direction:column;gap:var(--sp-1);border-radius:var(--radius)}.user-menu a,.user-menu button{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3);border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text);font-weight:600;font-size:var(--fs-sm);text-align:left;width:100%}.user-menu a:hover,.user-menu button:hover{background:var(--bg-elev-3);color:var(--text-hi)}@media (max-width: 900px){.cta-label,.user-handle{display:none}}.sc-card{position:relative;padding:var(--card-pad);display:flex;flex-direction:column;gap:var(--sp-4);min-height:250px;height:100%}.sc-card.pinned{border-color:transparent;background:linear-gradient(var(--bg-elev-2),var(--bg-elev-2)) padding-box,var(--accent-grad) border-box;border:1px solid transparent}.pin-badge{position:absolute;top:var(--sp-4);right:var(--sp-4);z-index:2;font-size:var(--fs-2xs);font-weight:700;color:var(--on-accent);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-pill);background:var(--accent-grad);display:inline-flex;align-items:center;gap:var(--sp-2)}.sc-preview{position:relative;display:block;aspect-ratio:16 / 9;min-height:132px;overflow:hidden;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:inherit;text-decoration:none}.sc-preview:hover{text-decoration:none;border-color:var(--border-strong)}.sc-preview img{width:100%;height:100%;display:block;object-fit:cover;filter:var(--img-dim);transition:transform var(--dur-slow) var(--ease),filter var(--dur) var(--ease)}.sc-card:hover .sc-preview img{transform:scale(1.04);filter:none}[data-theme=light] .sc-preview img{filter:none}.sc-preview-fallback{width:100%;height:100%;min-height:inherit;display:grid;place-items:center;gap:var(--sp-2);align-content:center;background:radial-gradient(circle at 24% 24%,color-mix(in oklch,var(--accent) 20%,transparent),transparent 32%),linear-gradient(135deg,var(--bg-elev),var(--bg));color:var(--text-muted);font-size:var(--fs-xs);font-weight:700}.sc-preview-fallback i{width:var(--size-md);height:var(--size-md);display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);font-size:var(--icon-sm)}.sc-open{position:absolute;right:var(--sp-3);bottom:var(--sp-3);z-index:2;background:color-mix(in oklch,var(--bg) 76%,transparent);color:var(--text);font-weight:800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sc-head{display:flex;align-items:center;gap:var(--sp-3)}.sc-thumb{width:var(--size-xl);height:var(--size-xl);border-radius:var(--radius);flex-shrink:0;display:grid;place-items:center;font-size:var(--icon-md);color:var(--on-accent);background:var(--accent-grad);overflow:hidden}.sc-thumb img{width:100%;height:100%;object-fit:cover;filter:var(--img-dim)}[data-theme=light] .sc-thumb img{filter:none}.sc-title-wrap{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.sc-title{font-size:var(--fs-h3);font-weight:700;letter-spacing:var(--tracking-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sc-title-link{color:inherit;text-decoration:none}.sc-title-link:hover{color:var(--accent-lift);text-decoration:none}.sc-status{font-size:var(--fs-2xs);font-weight:700;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-xs)}.s-live{color:var(--success-text);background:color-mix(in oklch,var(--success) 16%,transparent)}.s-beta{color:var(--warn-text);background:color-mix(in oklch,var(--warn) 16%,transparent)}.s-side{color:var(--text-faint);background:var(--tint)}.sc-demo-badge{font-size:var(--fs-2xs);font-weight:700;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-xs);color:var(--text-faint);border:1px dashed var(--border-strong)}.sc-card.is-demo{cursor:default}.sc-card.is-demo:hover{transform:none;box-shadow:var(--shadow-card);border-color:var(--border)}.sc-tagline{color:var(--text-muted);font-size:var(--fs-sm);flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:45px}.sc-meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);min-height:29px;align-content:flex-start}.sc-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);margin-top:var(--sp-1);padding-top:var(--sp-4)}.sc-maker{display:inline-flex;align-items:center;gap:var(--sp-2);font-weight:600;font-size:var(--fs-sm);color:var(--text-muted)}.sc-maker:hover{color:var(--text)}.sc-card-actions{display:inline-flex;align-items:center;gap:var(--sp-2)}.detail-chip{text-decoration:none}.upvote{padding:var(--sp-2) var(--sp-4);font-weight:700;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.upvote:hover{border-color:var(--accent);color:var(--text-hi)}.upvote i{transition:transform var(--dur-fast) var(--ease)}.upvote.chip-on i{transform:translateY(-1px) scale(1.15)}.featured{padding:var(--sp-8);min-height:300px}.featured .sc-preview{min-height:160px}.featured .sc-title{font-size:var(--fs-featured)}.featured .sc-tagline{font-size:var(--fs-lead)}@media (max-width: 640px){.sc-foot{align-items:flex-start;gap:var(--sp-3);flex-direction:column}.sc-card-actions{width:100%;justify-content:space-between}}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--sp-12);align-items:center;padding-block:var(--sp-16) var(--sp-12)}.hero-title{font-size:var(--fs-display);margin-top:var(--sp-5)}.hero-sub{color:var(--text-muted);font-size:var(--fs-lead);max-width:32em;margin-top:var(--sp-5)}.hero-cta{display:flex;gap:var(--sp-3);margin-top:var(--sp-8);flex-wrap:wrap}.hero-stats{margin-top:var(--sp-10)}.section-head-center{justify-content:center;text-align:center}.section-head-center .section-sub{margin-inline:auto}.see-all{font-weight:600;color:var(--text-muted);font-size:var(--fs-sm);white-space:nowrap}.see-all:hover{color:var(--text-hi)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-10)}.step{padding-top:var(--sp-5);border-top:1px solid var(--border-strong)}.step-num{display:block;margin-bottom:var(--sp-3);font-size:var(--fs-xs);font-weight:800;letter-spacing:.08em;color:var(--accent-text)}.step h3{margin-bottom:var(--sp-2)}.step p{color:var(--text-muted);font-size:var(--fs-sm)}.cta-band{text-align:center}.cta-band h2{font-size:var(--fs-h2)}.cta-band .section-sub{margin:var(--sp-4) auto var(--sp-8)}@media (max-width: 900px){.hero{grid-template-columns:1fr;gap:var(--sp-8);padding-block:var(--sp-12) var(--sp-8)}.steps{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:start}}.board-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap)}@media (max-width: 900px){.board-tiles{grid-template-columns:1fr}}.board-tile{padding:var(--card-pad);display:flex;flex-direction:column;gap:var(--sp-2);text-decoration:none}.board-tile i{font-size:var(--icon-lg);color:var(--accent-text)}.board-tile b{font-size:var(--fs-lead);color:var(--text-hi);font-weight:700}.board-tile span{color:var(--text-muted);font-size:var(--fs-sm)}.recent-posts{list-style:none;display:flex;flex-direction:column;margin-top:var(--sp-6)}.recent-posts li{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.recent-posts li:last-child{border-bottom:none}.recent-posts a{display:inline-flex;align-items:center;gap:var(--sp-3);text-decoration:none;min-width:0}.rp-title{color:var(--text-hi);font-weight:700}.recent-posts a:hover .rp-title{color:var(--accent-lift)}.rp-meta{color:var(--text-muted);font-size:var(--fs-xs)}.inline-notice{margin-bottom:var(--sp-4);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--text-hi);font-weight:600}.detail-head{display:flex;gap:var(--sp-5);padding:var(--card-pad);align-items:flex-start}.dh-thumb{width:var(--size-2xl);height:var(--size-2xl);border-radius:var(--radius);flex-shrink:0;display:grid;place-items:center;font-size:var(--icon-lg);color:var(--on-accent);background:var(--accent-grad);overflow:hidden}.dh-thumb img{width:100%;height:100%;object-fit:cover}.dh-body{flex:1;min-width:0}.dh-title-row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.dh-title-row h1{font-size:var(--fs-h1)}.dh-tagline{color:var(--text-muted);font-size:var(--fs-lead);margin-top:var(--sp-2)}.dh-meta{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-4);flex-wrap:wrap}.dh-actions{display:flex;flex-direction:column;gap:var(--sp-3);align-items:stretch}.pin-badge.static{position:static}.upvote.big{padding:var(--sp-3) var(--sp-5);font-size:var(--fs-lead);flex-direction:column;gap:var(--sp-1);border-radius:var(--radius)}.upvote.big i{font-size:var(--icon-md)}.detail-grid{display:grid;grid-template-columns:1fr 240px;gap:var(--sp-5);margin-top:var(--sp-5)}.detail-main{display:flex;flex-direction:column;gap:var(--sp-5)}.prose{padding:var(--card-pad);line-height:var(--lh-relaxed);color:var(--text)}.prose a{color:var(--accent-lift);text-decoration:underline}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.shot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-3)}.shot{display:block;aspect-ratio:16 / 10;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev)}.shot img{width:100%;height:100%;object-fit:cover;filter:var(--img-dim);transition:transform var(--dur-slow) var(--ease),filter var(--dur) var(--ease)}.shot:hover img{transform:scale(1.04);filter:none}[data-theme=light] .shot img{filter:none}.comment-inputs{flex:1;display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.secret-toggle{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--text-muted);font-size:var(--fs-xs);font-weight:700;width:max-content}.secret-toggle input{width:var(--icon-sm);height:var(--icon-sm);accent-color:var(--accent)}.secret-badge{color:var(--accent-text);background:var(--accent-soft);font-weight:800}.side-actions{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.side-actions .btn{justify-content:center}@media (max-width: 900px){.detail-head{flex-direction:column}.dh-actions{flex-direction:row}.detail-grid{grid-template-columns:1fr}.comment-form{flex-direction:column}.comment-form .btn{align-self:flex-end}}.sc-form{padding:var(--card-pad);display:flex;flex-direction:column;gap:var(--sp-4)}.sc-form .hint{color:var(--text-faint);font-weight:500;font-size:var(--fs-2xs)}.sc-form input[type=file]{padding:var(--sp-3);cursor:pointer}.sc-form input[type=file]::file-selector-button{margin-right:var(--sp-3);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-elev-3);color:var(--text-hi);font:inherit;font-size:var(--fs-xs);font-weight:700;cursor:pointer}.sc-form textarea{resize:vertical}.upload-field{position:relative}.upload-state{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--accent-lift);font-size:var(--fs-xs);font-weight:700}.upload-state i{animation:spin .8s linear infinite}.url-preview{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.url-preview-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:var(--fs-xs);font-weight:700}.url-preview-head span,.url-preview-head a{display:inline-flex;align-items:center;gap:var(--sp-2)}.url-preview-head a{color:var(--accent-lift);text-decoration:none}.url-preview-head a:hover{text-decoration:underline}.url-preview img,.url-preview-fallback{display:block;width:100%;aspect-ratio:16 / 9;max-height:22vh;background:radial-gradient(circle at 24% 24%,color-mix(in oklch,var(--accent) 20%,transparent),transparent 32%),linear-gradient(135deg,var(--bg-elev),var(--bg));object-fit:cover}.url-preview-fallback{display:grid;place-items:center;align-content:center;gap:var(--sp-3);color:var(--text-muted);font-size:var(--fs-sm);font-weight:700}.url-preview-fallback i{width:var(--size-md);height:var(--size-md);display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent-text)}.url-field input{font-size:var(--fs-lead);padding:var(--sp-4)}.fetch-state,.auto-note{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--accent-lift);font-size:var(--fs-xs);font-weight:700}.fetch-state i{animation:spin .8s linear infinite}.preset-group{border:none;display:flex;flex-direction:column;gap:var(--sp-3)}.preset-group legend{color:var(--text);font-size:var(--fs-sm);font-weight:700;display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.preset-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.preset-chips .chip{cursor:pointer}.sub-label{margin-top:var(--sp-2)}.primary-action{justify-content:stretch;margin-top:var(--sp-2)}.primary-action .btn{flex:1;justify-content:center;padding-block:var(--sp-4)}.more-section{border-top:1px solid var(--border);padding-top:var(--sp-4)}.more-toggle{display:flex;align-items:center;gap:var(--sp-2);width:100%;background:none;border:none;padding:var(--sp-2) 0;color:var(--text-muted);font:inherit;font-weight:700;cursor:pointer}.more-toggle:hover{color:var(--text-hi)}.more-body{display:flex;flex-direction:column;gap:var(--sp-4);margin-top:var(--sp-4)}@media (max-width: 640px){.url-preview-head{align-items:flex-start;flex-direction:column}}.profile-head{display:flex;align-items:center;gap:var(--sp-6);padding:var(--card-pad);flex-wrap:wrap}.avatar.xl{width:var(--size-2xl);height:var(--size-2xl);font-size:var(--fs-h2)}.ph-body{flex:1;min-width:200px}.ph-body h1{font-size:var(--fs-h1)}.ph-handle{color:var(--text-faint);font-family:var(--font-brand)}.ph-bio{color:var(--text-muted);margin-top:var(--sp-2)}.ph-stats{display:flex;gap:var(--sp-8)}.ph-stats div{display:flex;flex-direction:column}.ph-stats strong{font-size:var(--fs-stat);font-weight:800;color:var(--text-hi)}.ph-stats span{font-size:var(--fs-xs);color:var(--text-faint)}.ph-edit{margin-left:auto}.profile-form{margin-top:var(--sp-4);padding:var(--card-pad);display:flex;flex-direction:column;gap:var(--sp-4)}.profile-actions{display:flex;justify-content:flex-end;gap:var(--sp-3)}.ph-section{font-size:var(--fs-h3);font-weight:800;color:var(--text-hi);margin:var(--sp-10) 0 var(--sp-4)}.ph-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--grid-gap)}.ph-card{padding:var(--card-pad);display:flex;flex-direction:column;gap:var(--sp-2)}.ph-card-top{display:flex;align-items:center;justify-content:space-between}.ph-card-top h3{font-size:var(--fs-sm);font-weight:700}.ph-card p{color:var(--text-muted);font-size:var(--fs-sm)}.ph-card-meta{display:flex;gap:var(--sp-2);flex-wrap:wrap}@media (max-width: 900px){.ph-grid{grid-template-columns:1fr}.ph-edit{margin-left:0}}.ph-card-title{color:inherit}.ph-card-title:hover{color:var(--accent-lift)}.ph-card-edit{margin-left:auto}.post-list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-3)}.post-row{padding:var(--sp-4) var(--sp-5);display:flex;align-items:center;gap:var(--sp-5)}.post-main{flex:1;min-width:0}.post-meta-top{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-2)}.post-title{font-size:var(--fs-lead);font-weight:700;line-height:var(--lh-snug)}.post-title a{color:var(--text-hi);text-decoration:none}.post-title a:hover{color:var(--accent-lift)}.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-2);color:var(--text-muted);font-size:var(--fs-xs)}.post-author{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--text-muted);font-weight:600}.post-author:hover{color:var(--text)}.post-stats{display:flex;gap:var(--sp-4);flex-shrink:0}.post-stat{display:inline-flex;flex-direction:column;align-items:center;gap:var(--sp-1);color:var(--text-muted);font-size:var(--fs-xs);min-width:var(--sp-8)}.board-empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.post-detail{max-width:var(--maxw-read)}.post-article{padding:var(--card-pad);margin-bottom:var(--sp-8)}.post-article h1{font-size:var(--fs-h1);line-height:var(--lh-heading);margin-top:var(--sp-2)}.post-body{margin-top:var(--sp-6);color:var(--text);line-height:var(--lh-relaxed);overflow-wrap:anywhere}.post-body a{color:var(--accent-lift)}.post-toolbar{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--border)}.inline-confirm{display:inline-flex;gap:var(--sp-2)}.chip-action.danger{color:var(--danger-text)}.c-foot{display:inline-flex;align-items:center;gap:var(--sp-3);margin-left:auto;color:var(--text-faint);font-size:var(--fs-2xs)}.post-form{padding:var(--card-pad);display:flex;flex-direction:column;gap:var(--sp-5)}.post-form textarea{resize:vertical;line-height:var(--lh-relaxed)}.board-picker{border:none;display:flex;flex-direction:column;gap:var(--sp-2)}.board-picker legend{color:var(--text-muted);font-size:var(--fs-sm);font-weight:600;margin-bottom:var(--sp-2)}.board-options{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.board-option{cursor:pointer}.board-option input{position:absolute;opacity:0;width:1px;height:1px}.board-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 640px){.post-row{flex-direction:column;align-items:flex-start;gap:var(--sp-3)}.post-stats{flex-direction:row;gap:var(--sp-5)}.post-stat{flex-direction:row}.c-foot{margin-left:0}}.admin h1{font-size:var(--fs-h1);font-weight:800;display:flex;align-items:center;gap:var(--sp-3)}.admin h1 i{color:var(--accent-text)}.admin-tabs{display:flex;gap:var(--sp-2);margin:var(--sp-6) 0}.admin-tabs button{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-elev);color:var(--text-muted);font-weight:700;display:inline-flex;gap:var(--sp-2);align-items:center}.admin-tabs button.on{background:var(--accent-grad);color:var(--on-accent);border-color:transparent}.admin-table{width:100%;border-collapse:collapse;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.admin-table th,.admin-table td{text-align:left;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);font-size:var(--fs-sm)}.admin-table th{color:var(--text-faint);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.04em}.admin-table tr:last-child td{border-bottom:none}.actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.btn.sm{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs)}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.admin-tabs{flex-wrap:wrap}.admin-tabs button{position:relative}.badge-count{background:var(--danger);color:var(--on-accent);border-radius:var(--radius-pill);padding:0 var(--sp-2);font-size:var(--fs-2xs);font-weight:800;margin-left:var(--sp-1)}.admin-msg{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);background:var(--accent-soft);color:var(--accent-text);font-size:var(--fs-sm);font-weight:700;margin-bottom:var(--sp-4)}.scroll-x{overflow-x:auto}.scroll-x .admin-table{min-width:704px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3);margin-bottom:var(--sp-5)}.admin-stat{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-1)}.admin-stat.warn{border-color:color-mix(in oklch,var(--warn) 45%,var(--border))}.admin-stat b{font-size:var(--fs-stat);font-weight:800;letter-spacing:-.02em}.admin-stat.warn b{color:var(--warn-text)}.stat-label{font-size:var(--fs-xs);color:var(--text-muted);font-weight:600}.stat-sub{font-size:var(--fs-2xs);color:var(--text-faint)}.admin-alert{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;padding:var(--sp-4) var(--sp-5);border:1px solid color-mix(in oklch,var(--warn) 45%,var(--border));border-radius:var(--radius);background:color-mix(in oklch,var(--warn) 10%,transparent)}.admin-alert b{font-size:var(--fs-sm)}.admin-alert p{font-size:var(--fs-xs);color:var(--text-muted);margin-top:var(--sp-1);max-width:52ch}.cell-title{display:block;font-weight:700;color:var(--text-hi)}.cell-sub{display:block;font-size:var(--fs-2xs);color:var(--text-faint);margin-top:var(--sp-1)}a.cell-sub:hover{color:var(--accent-lift)}.row-hidden{opacity:.55}.row-hidden .cell-title{text-decoration:line-through}.state{display:inline-block;font-size:var(--fs-2xs);font-weight:800;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);border:1px solid var(--border)}.state.on{color:var(--success-text);border-color:currentColor}.state.off{color:var(--text-muted)}.state.admin{color:var(--accent-text);border-color:currentColor}.tag-mini{display:inline-block;margin-left:var(--sp-2);font-size:var(--fs-2xs);font-weight:800;padding:0 var(--sp-2);border-radius:var(--radius-pill);background:var(--tint);color:var(--text-muted)}.tag-mini.pin{background:var(--accent-soft);color:var(--accent-text)}.tag-mini.seed{background:color-mix(in oklch,var(--warn) 16%,transparent);color:var(--warn-text)}.tag-mini.self{background:var(--accent-soft);color:var(--accent-text)}.mismatch{margin-left:var(--sp-2);font-size:var(--fs-2xs);font-weight:800;color:var(--warn-text)}.admin-table code{font-size:var(--fs-2xs);color:var(--text-muted)}@media (max-width: 640px){.admin-head{align-items:flex-start}.stat-grid{grid-template-columns:repeat(2,1fr)}}.truncated-note{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--fs-xs)}.truncated-note i{color:var(--warn-text)}.kpi-section{margin-top:var(--sp-6)}.kpi-head{display:flex;align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap}.kpi-head h2{font-size:var(--fs-h3);font-weight:800}.kpi-sub{font-size:var(--fs-xs);color:var(--text-muted)}.kpi-list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-4)}.kpi-row{display:grid;grid-template-columns:minmax(176px,1fr) minmax(0,2fr);gap:var(--sp-4);align-items:center}.kpi-label b{display:block;font-size:var(--fs-sm);color:var(--text-hi);font-weight:700}.kpi-note{display:block;font-size:var(--fs-2xs);color:var(--text-muted);margin-top:var(--sp-1)}.kpi-track-wrap{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.kpi-track{flex:1;height:var(--sp-2);min-width:0;border-radius:var(--radius-pill);background:var(--tint);border:1px solid var(--border);overflow:hidden}.kpi-fill{display:block;height:100%;border-radius:var(--radius-pill);background:var(--accent);transition:width var(--dur-slow) var(--ease)}.kpi-row.on-track .kpi-fill{background:var(--success)}.kpi-value{font-size:var(--fs-sm);font-weight:800;color:var(--text-hi);white-space:nowrap}.kpi-target{font-weight:600;color:var(--text-muted)}.kpi-unmeasured{font-size:var(--fs-xs);color:var(--text-muted);font-style:normal}@media (max-width: 640px){.kpi-row{grid-template-columns:1fr;gap:var(--sp-2)}}