@layer legacy{html,body{overflow-x:clip}:root{--dashboard-section-gap:var(--space-section-soft)}.site-page,.ds-page{color:var(--color-text-primary);background:var(--color-surface-canvas);font-family:var(--font-body)}:where(.site-page,.ds-page) :is(h1,h2,h3,strong,p){overflow-wrap:anywhere;min-width:0}:where(.site-page,.ds-page) :is(h1,h2,h3){font-style:normal}:is(.site-page,.ds-page) :is(button,input,select,textarea,a,summary){transition-property:transform,opacity;transition-duration:var(--dur-short);transition-timing-function:var(--ease-out)}:is(.site-page,.ds-page) :is(button,a,summary):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}:where(.site-page,.ds-page) :is(button,.primary-button,.ghost-button,.secondary-button,.icon-button){min-height:var(--control-height);white-space:nowrap}:where(.site-page,.ds-page) :is(button,input,select,textarea):disabled{cursor:not-allowed;opacity:.55}:where(.site-page,.ds-page) :is(button,input,select,textarea)[aria-busy=true]{cursor:progress}:where(.site-page,.ds-page) [aria-invalid=true]{border-color:var(--color-danger)}:where(.site-page,.ds-page) :is(button,a):active:not(:disabled){transform:translateY(1px)}.community-header{background:var(--color-surface-panel);border-bottom:var(--rule-width) solid var(--color-border-subtle);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.header-main{gap:var(--space-8);grid-template-columns:auto minmax(0,1fr) auto;min-height:80px}.wordmark{gap:var(--space-2);font-size:var(--text-base);white-space:nowrap}.wordmark-mark{color:var(--color-accent-ink);background:var(--color-brand-500);box-shadow:none;border-radius:var(--radius-md);border:0}.community-search,.mobile-header-search{min-height:var(--control-height);border:var(--rule-width) solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-canvas);color:var(--color-text-tertiary);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.community-search:focus-within{background:var(--color-surface-panel);border-color:var(--color-focus);box-shadow:none}.community-search input{min-width:0;font-size:var(--text-base)}.header-actions{gap:var(--space-2);min-width:0}.header-actions .user-chip{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:144px;line-height:var(--control-height);padding-block:0;display:block;overflow:hidden}.community-primary-nav{border-top:var(--rule-width) solid var(--color-surface-subtle);background:var(--color-surface-panel);-webkit-backdrop-filter:none;backdrop-filter:none}.community-primary-nav-inner{gap:var(--space-6);min-height:48px}.community-primary-nav .community-nav-link{min-height:44px;padding-inline:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-base)}.community-primary-nav a{white-space:nowrap}.community-primary-nav a:hover,.community-nav-item:focus-within .community-nav-link{background:var(--color-surface-brand);border-color:var(--color-transparent);color:var(--color-brand-700);transform:none}.community-subnav{background:var(--color-surface-panel);border-color:var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);-webkit-backdrop-filter:none;backdrop-filter:none;visibility:hidden}.community-nav-item:hover .community-subnav,.community-nav-item:focus-within .community-subnav{visibility:visible}.community-subnav a{min-height:var(--control-height);line-height:var(--control-height)}.primary-button,.header-actions .primary-button,.quick-link-hero .hero-cta-group .primary-button,.write-auth-action{min-height:var(--control-height);padding-inline:var(--space-4);border:var(--rule-width) solid var(--color-brand-700);border-radius:var(--radius-sm);background:var(--color-brand-700);color:var(--color-accent-ink);box-shadow:none}.primary-button:hover:not(:disabled),.header-actions .primary-button:hover,.quick-link-hero .hero-cta-group .primary-button:hover,.write-auth-action:hover{background:var(--color-focus);border-color:var(--color-focus);color:var(--color-accent-ink);box-shadow:none;transform:none}.ghost-button,.secondary-button,.icon-button,.header-actions .ghost-button,.quick-link-hero .hero-cta-group .ghost-button{min-height:var(--control-height);padding-inline:var(--space-4);border:var(--rule-width) solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text-secondary);background:var(--color-surface-panel);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.ghost-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.icon-button:hover:not(:disabled),.header-actions .ghost-button:hover,.quick-link-hero .hero-cta-group .ghost-button:hover{color:var(--color-brand-700);border-color:var(--color-brand-700);background:var(--color-surface-brand);box-shadow:none;transform:none}.icon-button{min-width:var(--control-height);padding-inline:var(--space-2)}.user-chip{border-color:var(--color-border-subtle);background:var(--color-surface-canvas)}.community-hero{padding-block:var(--space-12);background:var(--color-surface-brand);border-bottom:var(--rule-width) solid var(--color-border-subtle);overflow:visible}.quick-link-hero{text-align:left;place-items:start}.quick-link-hero .hero-copy{max-width:800px}.quick-link-hero .hero-copy h1{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.045em;word-break:keep-all;font-weight:400;line-height:1.3}.quick-link-hero .hero-copy p{font-size:var(--text-md);color:var(--color-text-secondary);margin:0}.quick-link-hero .hero-cta-group{margin-top:var(--space-6);justify-content:flex-start;gap:var(--space-2);flex-wrap:wrap}.quick-link-section-head{text-align:left;margin-bottom:var(--space-6)}.quick-link-section-head h2,.weekly-best-section-head h2{font-family:var(--font-display);font-size:var(--text-section);letter-spacing:-.035em;margin:0;line-height:1.4}.quick-link-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.quick-link-card{gap:var(--space-3);min-height:148px;padding:var(--space-4);border:var(--rule-width) solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-panel);color:var(--color-text-primary);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;grid-template-columns:80px minmax(0,1fr) auto;overflow:visible}.quick-link-card:before,.weekly-best-card:after{content:none}.quick-link-card:hover{border-color:var(--color-brand-700);background:var(--color-surface-panel);box-shadow:none;transform:none}.quick-link-art img,.quick-link-card:hover .quick-link-art img{filter:none;width:100%;max-width:120px;height:auto;transform:none}.quick-link-copy{gap:var(--space-2);min-width:0}.quick-link-copy strong{font-family:var(--font-display);font-size:var(--text-card);letter-spacing:-.035em}.quick-link-copy span{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.quick-link-arrow{color:var(--color-text-tertiary);width:14px;height:14px}.popular-search-panel{align-items:stretch;gap:var(--space-3);padding:var(--space-6);border:var(--rule-width) solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-panel);color:var(--color-text-primary);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:column}.popular-search-panel h2{font-family:var(--font-display);font-size:var(--text-md)}.popular-search-viewport{padding:var(--space-1);-webkit-mask-image:none;mask-image:none}.popular-search-track{animation-duration:var(--dur-marquee)}.popular-search-tag-set a,.popular-search-tag-set span{min-height:var(--control-height);padding:var(--space-2) var(--space-3);border-color:var(--color-border-subtle);color:var(--color-text-secondary);background:var(--color-surface-canvas);box-shadow:none;font-weight:500}.popular-search-tag-set a:hover{color:var(--color-brand-700);background:var(--color-surface-brand);border-color:var(--color-brand-700);box-shadow:none;transform:none}.popular-search-panel:focus-within .popular-search-track{width:auto;animation:none;transform:none}.popular-search-panel:focus-within .popular-search-viewport{overflow-x:auto}.popular-search-panel:focus-within .popular-search-tag-set[aria-hidden=true]{display:none}.weekly-best-section-head{margin-bottom:var(--space-6);align-items:start}.weekly-best-control{width:var(--control-height);height:var(--control-height);border-color:var(--color-border-strong);border-radius:var(--radius-full);color:var(--color-text-secondary);background:var(--color-surface-panel);box-shadow:none}.weekly-best-control:hover{color:var(--color-brand-700);background:var(--color-surface-brand);border-color:var(--color-brand-700);transform:none}.weekly-best-carousel{background:var(--color-transparent);box-shadow:none;border-radius:var(--radius-md);padding:0}.weekly-best-viewport{background:var(--color-transparent);border-radius:0}.weekly-best-track{padding:var(--space-1);gap:var(--space-4);scroll-padding-inline:var(--space-1);grid-auto-columns:clamp(280px,25vw,360px)}.weekly-best-card{min-height:200px;padding:var(--space-6);gap:var(--space-3);border:var(--rule-width) solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);background:var(--color-surface-panel);box-shadow:none}.weekly-best-card:hover{border-color:var(--color-brand-700);background:var(--color-surface-panel);box-shadow:none;transform:none}.weekly-best-rank{font-size:var(--text-lg);color:var(--color-brand-700)}.weekly-best-category{color:var(--color-text-secondary);background:var(--color-surface-canvas);border-radius:var(--radius-sm)}.weekly-best-card h3{font-family:var(--font-body);font-size:var(--text-md);margin:0;line-height:1.6}.weekly-best-meta{color:var(--color-text-tertiary)}.community-banner-ad__link{border-radius:var(--radius-md);box-shadow:none}.ds-page--community .portal-layout{gap:var(--space-6)}.portal-center,.portal-sidebar,.board-section,.post-card>div{min-width:0}.category-panel,.sidebar-login,.sidebar-widget,.board-section,.auth-card,.write-card,.write-panel,.write-auth-card,.ds-panel{border:var(--rule-width) solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-panel);color:var(--color-text-primary);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.category-panel{padding:var(--space-4)}.category-list a{min-height:var(--control-height);padding-inline:var(--space-2);border-radius:var(--radius-sm)}.category-list a.is-active{background:var(--color-surface-brand);color:var(--color-brand-700);font-weight:700}.section-heading h2,.board-section-heading h2{font-size:var(--text-xl);letter-spacing:-.025em}.category-panel .section-heading h2{font-size:var(--text-md)}.menu-section h3{color:var(--color-text-secondary);margin-block:var(--space-6) var(--space-2)}.menu-section-link,.category-list a{white-space:nowrap}.board-section{padding:var(--space-6)}.board-section-heading{margin-bottom:var(--space-6);gap:var(--space-2);flex-wrap:wrap}.post-feed{gap:0}.post-card,.post-card.is-featured{padding:var(--space-6) 0;border:0;border-bottom:var(--rule-width) solid var(--color-border-subtle);background:var(--color-transparent);color:var(--color-text-primary);gap:var(--space-2);box-shadow:none;border-radius:0}.post-card h3{gap:var(--space-1);font-size:var(--text-md);align-items:baseline;margin:0;font-weight:700;line-height:1.6;display:flex}.post-card h3 a{min-width:0}.post-card h3 a:hover{color:var(--color-brand-700);text-underline-offset:3px;text-decoration:underline}.post-category{font-size:var(--text-xs);color:var(--color-brand-700);font-weight:600}.post-meta,.ds-meta{gap:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--color-text-tertiary);flex-wrap:wrap}.post-meta span,.ds-meta span{overflow-wrap:anywhere;min-width:0}.empty-feed,.ds-empty-state{min-height:220px;padding:var(--space-8);background:var(--color-surface-panel);color:var(--color-text-secondary);border-radius:var(--radius-md)}.portal-sidebar{top:152px}.sidebar-widget,.sidebar-login{padding:var(--space-4)}.sidebar-login__name{overflow-wrap:anywhere}.sidebar-rank-list li{gap:var(--space-2)}.rank-num{color:var(--color-text-tertiary);background:var(--color-surface-canvas)}.rank-num.is-top{color:var(--color-brand-700);background:var(--color-surface-brand)}.lnb-promo-card,.sidebar-ad-card{border-color:var(--color-border-subtle);background:var(--color-surface-brand);color:var(--color-text-secondary);box-shadow:none}.lnb-promo-card strong,.sidebar-ad-card strong{color:var(--color-text-primary)}.lnb-promo-card p,.sidebar-ad-card p{color:var(--color-text-secondary)}.community-search-page{max-width:var(--container-primary);margin-inline:auto}.community-search-toolbar{gap:var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.community-search-heading{flex:320px;min-width:0}.community-search-filter{align-items:center;gap:var(--space-2);max-width:100%;display:flex}.community-search-filter .ds-select{min-width:0}.search-result-group{padding:var(--space-6);margin-bottom:var(--space-6);border:var(--rule-width) solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-panel)}.search-result-group__title{margin:0 0 var(--space-2);font-size:var(--text-lg)}.search-result-group__title span{color:var(--color-brand-700);margin-inline-start:var(--space-2)}.pagination{flex-wrap:wrap}.pagination-btn,.pagination-number{min-width:var(--control-height);min-height:var(--control-height)}.pagination-number.is-active{background:var(--color-brand-700);color:var(--color-accent-ink)}.post-detail-card h1{font-size:var(--text-xl);letter-spacing:-.025em;line-height:1.55}.post-detail-card__content{max-width:65ch;font-size:var(--text-md);overflow-wrap:anywhere;line-height:1.9}.post-comments h2,.recommended-posts h2{font-size:var(--text-lg)}.comment-thread__header,.comment-thread__header>div{gap:var(--space-2);flex-wrap:wrap;min-width:0}.comment-thread__item>p,.comment-thread__replies p{overflow-wrap:anywhere;line-height:1.8}.post-like__button{min-height:var(--control-height)}.post-like__button.is-liked{color:var(--color-brand-700);background:var(--color-surface-brand)}.post-actions,.comment-form__actions{flex-wrap:wrap}.recommended-posts__grid,.recommended-posts__items,.recommended-posts__featured,.recommended-posts__side-list{min-width:0}.report-modal{background:var(--color-overlay);padding:var(--space-4)}.report-modal__dialog{max-height:85dvh;overflow-y:auto}.auth-card,.write-auth-card{width:min(100%, var(--container-form));padding:var(--space-8);margin-inline:auto}.write-panel,.write-card{width:100%;padding:var(--space-8)}.write-auth-card{text-align:center;justify-items:center}.write-auth-card h1{font-family:var(--font-body);font-size:var(--text-xl);font-weight:700;line-height:1.5}.write-auth-action{margin-top:var(--space-6)}.auth-form,.write-form{gap:var(--space-6)}.auth-form label,.write-form label{gap:var(--space-2);font-weight:600}.ds-input,.ds-select,.ds-textarea,.auth-form input,.write-form input,.write-form input[type=text],.write-form input:not([type]),.write-form select,.write-form textarea,.comment-form__textarea,.report-modal__textarea{border:var(--rule-width) solid var(--color-border-strong);border-radius:var(--radius-sm);min-width:0;color:var(--color-text-primary);background:var(--color-surface-panel);font-family:var(--font-body);font-size:var(--text-md);box-shadow:none}.ds-input:focus,.ds-select:focus,.ds-textarea:focus,.auth-form input:focus,.write-form input:focus,.write-form select:focus,.write-form textarea:focus,.comment-form__textarea:focus,.report-modal__textarea:focus{border-color:var(--color-focus);box-shadow:none}.write-form .readonly-input{background:var(--color-surface-subtle);color:var(--color-text-secondary)}.form-error,.signup-form-error{color:var(--color-danger);background:var(--color-danger-soft);border:var(--rule-width) solid var(--color-danger)}.form-success{color:var(--color-success);background:var(--color-success-soft);border:var(--rule-width) solid var(--color-success)}.form-actions{gap:var(--space-2);flex-wrap:wrap}.form-actions .write-submit{width:auto;min-width:0;padding-inline:var(--space-6)}.ds-document{padding:var(--space-8);border:var(--rule-width) solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-panel);font-size:var(--text-md);overflow-wrap:anywhere;line-height:1.9}.ds-document h1{font-size:var(--text-2xl)}.community-footer{margin-top:var(--space-section-soft);padding-top:var(--space-12);border-top:var(--rule-width) solid var(--color-border-subtle);background:var(--color-surface-panel);color:var(--color-text-secondary);box-shadow:none}.footer-brand strong,.footer-col h4{color:var(--color-text-primary)}.footer-col h4{margin-bottom:var(--space-3);font-size:var(--text-sm)}.footer-col a,.footer-legal a{color:var(--color-text-secondary);white-space:nowrap}.footer-col a{align-items:center;min-height:32px;display:flex}.footer-col a:hover,.footer-legal a:hover{color:var(--color-brand-700)}.footer-bottom{border-top-color:var(--color-border-subtle);color:var(--color-text-tertiary);padding-block:var(--space-6)}.footer-links{gap:var(--space-8)}@media (min-width:641px){.quick-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-link-card{grid-template-columns:88px minmax(0,1fr) auto}.popular-search-panel{flex-direction:row;align-items:center}}@media (min-width:981px){.quick-link-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-link-card{padding:var(--space-6);grid-template-rows:120px auto;grid-template-columns:minmax(0,1fr) auto;align-content:start;min-height:276px}.quick-link-art{grid-column:1/-1;justify-items:start}.quick-link-copy{align-self:start}.quick-link-arrow{margin-top:var(--space-1);align-self:start}.ds-page--community .portal-layout{grid-template-columns:var(--container-menu) minmax(0, 1fr) var(--container-sidebar)}}@media (max-width:980px){.mobile-header-main{min-height:64px}.mobile-menu-toggle,.mobile-search-toggle{min-width:var(--control-height);height:var(--control-height);border:var(--rule-width) solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-panel);color:var(--color-text-primary);box-shadow:none}.mobile-header-search input{min-width:0;font-size:var(--text-md)}.mobile-menu-panel{border-color:var(--color-border-subtle);background:var(--color-surface-panel);max-height:calc(100dvh - 64px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.mobile-menu-links a{color:var(--color-text-secondary);border-color:var(--color-border-subtle);background:var(--color-surface-canvas);white-space:nowrap;min-height:var(--control-height);line-height:var(--control-height)}.mobile-menu-links a:first-child{color:var(--color-brand-700);background:var(--color-surface-brand)}.mobile-menu-user{gap:var(--space-2);min-width:0}.mobile-menu-user .user-chip{white-space:normal;overflow-wrap:anywhere;min-width:0}.portal-sidebar{position:static}}@media (max-width:640px){.community-hero{padding-block:var(--space-8)}.quick-link-hero .hero-copy h1{font-size:var(--text-display)}.quick-link-hero .hero-copy p{font-size:var(--text-base)}.quick-link-copy strong{font-size:var(--text-lg)}.quick-link-card{grid-template-columns:64px minmax(0,1fr) auto}.quick-link-art img{max-width:80px}.weekly-best-section-head{align-items:stretch;gap:var(--space-3);flex-direction:column}.weekly-best-controls{align-self:flex-end}.weekly-best-track{grid-auto-columns:clamp(240px,80vw,360px)}.weekly-best-card,.popular-search-panel,.board-section,.search-result-group{padding:var(--space-4)}.board-section-heading,.feed-toolbar{flex-direction:column;align-items:stretch}.community-search-heading{flex-basis:auto}.community-search-filter{flex-wrap:wrap}.community-search-filter .ds-select{flex:1;width:auto}.auth-card,.write-auth-card,.write-panel,.write-card,.ds-document{padding:var(--space-6)}.ds-document h1{font-size:var(--text-xl)}.form-group-row,.write-form-grid{grid-template-columns:minmax(0,1fr);display:grid}.form-actions>*{flex:1}.footer-links{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.footer-col a{min-height:var(--control-height)}.footer-bottom{text-align:left;align-items:flex-start}.footer-legal{flex-wrap:wrap}.post-detail-card h1{font-size:var(--text-lg)}}@media (max-width:374px){.quick-link-hero .hero-cta-group{grid-template-columns:minmax(0,1fr);display:grid}.quick-link-hero .hero-cta-group a{width:100%}.mobile-menu-links{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){:where(.site-page,.ds-page) *,:where(.site-page,.ds-page) :before,:where(.site-page,.ds-page) :after{transition-property:opacity!important;transition-duration:var(--dur-short)!important;scroll-behavior:auto!important;animation:none!important}.popular-search-viewport{overflow-x:auto}.popular-search-track{width:auto;transform:none}.popular-search-tag-set[aria-hidden=true]{display:none}}}
@layer legacy{.clipboard-landing{background:var(--color-surface-panel)}.clipboard-landing .community-primary-nav{border-bottom:2px solid var(--color-brand-500)}.clipboard-landing .community-hero{padding-block:var(--space-16) calc(var(--space-16) + var(--space-6));background:var(--color-surface-panel);border-bottom:0}.clipboard-landing .quick-link-hero{align-items:center;gap:var(--space-8);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);display:grid}.clipboard-landing .quick-link-hero .hero-copy{min-width:0;max-width:100%}.clipboard-landing .quick-link-hero .hero-copy h1{margin:0 0 var(--space-6);font-size:var(--text-landing-hero);letter-spacing:-.055em;line-height:1.3}.clipboard-landing .hero-copy h1>span{width:fit-content;max-width:100%;display:block}.clipboard-landing .landing-headline-accent{color:var(--color-brand-700);position:relative}.clipboard-landing .quick-link-hero .hero-copy p{word-break:keep-all;max-width:36ch;line-height:1.8}.clipboard-landing .quick-link-hero .hero-cta-group{margin-top:var(--space-8);gap:var(--space-3)}.clipboard-landing .quick-link-hero .hero-cta-group a{border-radius:var(--radius-full);min-height:48px;padding-inline:var(--space-6)}.clipboard-landing .landing-board-art{isolation:isolate;width:100%;height:440px;position:relative}.clipboard-landing .landing-board-backing{border-radius:var(--radius-surface);background:var(--color-brand-500);position:absolute;inset:24px 40px 0 48px;transform:rotate(7deg)}.clipboard-landing .landing-board-paper{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-panel);padding:var(--space-20) var(--space-8) var(--space-8);box-shadow:none;position:absolute;inset:0 64px 24px 36px;transform:rotate(-5deg)}.clipboard-landing .landing-board-clip{border:8px solid var(--color-text-primary);background:var(--color-surface-panel);border-bottom-width:12px;border-radius:16px 16px 8px 8px;width:112px;height:44px;position:absolute;top:-16px;left:calc(50% - 56px)}.clipboard-landing .landing-board-wordmark{font-family:var(--font-display);letter-spacing:-.055em;color:var(--color-text-primary);font-size:38px;line-height:1.3}.clipboard-landing .landing-board-wordmark>span{color:var(--color-brand-700);font-size:var(--text-xl);margin-top:var(--space-2);display:block}.clipboard-landing .landing-board-topics{gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap;max-width:240px;display:flex}.clipboard-landing .landing-board-topics>span{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap}.clipboard-landing .landing-board-lines{gap:var(--space-3);margin-top:var(--space-8);display:grid}.clipboard-landing .landing-board-lines span{background:var(--color-border-subtle);height:1px}.clipboard-landing .landing-board-lines span:last-child{width:66%}.clipboard-landing .landing-board-note{place-items:center;gap:var(--space-1);width:152px;padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text-primary);background:var(--color-surface-brand);box-shadow:none;display:grid;position:absolute}.clipboard-landing .landing-board-note img{object-fit:contain;width:108px;height:108px}.clipboard-landing .landing-board-note>span{font-size:var(--text-xs);white-space:nowrap;font-weight:700}.clipboard-landing .landing-board-note--conversation{bottom:-12px;left:0;transform:rotate(-9deg)}.clipboard-landing .landing-board-note--idea{background:var(--color-surface-canvas);top:56px;right:0;transform:rotate(10deg)}.clipboard-landing .quick-link-section{gap:var(--space-12);padding-top:var(--space-12);padding-bottom:var(--space-16);border-top:1px solid var(--color-text-primary);grid-template-columns:minmax(0,.7fr) minmax(0,2fr);align-items:start;display:grid}.clipboard-landing .quick-link-section-head{margin:0}.clipboard-landing .quick-link-section-head h2{max-width:12ch;font-size:var(--text-landing-section);word-break:keep-all;line-height:1.4}.clipboard-landing .quick-link-grid{gap:var(--space-12) var(--space-6);padding-top:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.clipboard-landing .quick-link-card{align-content:center;gap:var(--space-2);border-radius:0 var(--radius-lg) var(--radius-lg) var(--radius-lg);border-color:var(--color-border-strong);min-height:184px;padding:var(--space-6);background:var(--color-surface-canvas);grid-template-rows:auto;grid-template-columns:minmax(0,1fr) 108px;overflow:visible}.clipboard-landing .quick-link-card--coral{background:var(--color-surface-brand)}.clipboard-landing .quick-link-card:before{content:none}.clipboard-landing .quick-link-art{grid-area:1/2;justify-items:center}.clipboard-landing .quick-link-art img,.clipboard-landing .quick-link-card:hover .quick-link-art img{width:108px;max-width:100%;height:auto;transform:none}.clipboard-landing .quick-link-copy{grid-area:1/1}.clipboard-landing .quick-link-copy strong{min-height:36px;padding:var(--space-2) var(--space-4) 0;border:1px solid var(--color-border-strong);border-radius:var(--radius-md) var(--radius-md) 0 0;background:inherit;font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.035em;white-space:nowrap;border-bottom:0;position:absolute;top:-26px;left:-1px}.clipboard-landing .quick-link-copy{background:inherit}.clipboard-landing .quick-link-copy span{font-size:var(--text-base);line-height:1.8}.clipboard-landing .quick-link-arrow{width:14px;height:14px;color:var(--color-brand-700);margin:0;position:absolute;bottom:16px;left:24px}.clipboard-landing .quick-link-card:hover{background:var(--color-surface-brand);border-color:var(--color-brand-700);transform:translateY(-3px)}.clipboard-landing .quick-link-card:hover .quick-link-copy strong{border-color:var(--color-brand-700)}.clipboard-landing .quick-link-card:hover .quick-link-arrow{transform:none}.clipboard-landing .popular-search-section{margin-top:0}.clipboard-landing .popular-search-panel{border:0;border-top:1px solid var(--color-border-strong);border-bottom:1px solid var(--color-border-strong);padding:var(--space-6) 0;background:var(--color-surface-panel);border-radius:0}.clipboard-landing .popular-search-panel h2{font-family:var(--font-body);font-size:var(--text-base);font-weight:700}.clipboard-landing .popular-search-tag-set a,.clipboard-landing .popular-search-tag-set span{background:var(--color-surface-brand);color:var(--color-brand-700);padding-inline:var(--space-4);border:0;font-weight:600}.clipboard-landing .weekly-best-section{margin-top:var(--space-16)}.clipboard-landing .weekly-best-section-head h2{font-size:var(--text-landing-section)}.clipboard-landing .weekly-best-carousel{border-top:2px solid var(--color-text-primary);padding-top:var(--space-4);border-radius:0}.clipboard-landing .weekly-best-track{gap:var(--space-6)}.clipboard-landing .weekly-best-card{column-gap:var(--space-3);row-gap:var(--space-4);min-height:236px;padding:var(--space-6) var(--space-4);border:0;border-right:1px solid var(--color-border-strong);background:var(--color-surface-panel);border-radius:0;grid-template-columns:auto minmax(0,1fr)}.clipboard-landing .weekly-best-rank{font-size:var(--text-2xl);letter-spacing:-.06em;grid-area:1/1;font-weight:700;line-height:1}.clipboard-landing .weekly-best-category{background:var(--color-transparent);grid-area:1/2;place-self:center start;font-weight:600}.clipboard-landing .weekly-best-card h3{font-size:var(--text-lg);grid-column:1/-1;line-height:1.7}.clipboard-landing .weekly-best-meta{grid-column:1/-1}.clipboard-landing .weekly-best-card:hover{background:var(--color-surface-brand);border-color:var(--color-border-strong)}.clipboard-landing .community-footer{border-top:4px solid var(--color-brand-500);padding-top:var(--space-12);margin-top:var(--space-12);background:var(--color-surface-brand)}.clipboard-landing .community-footer-inner{gap:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.clipboard-landing .footer-brand{align-items:flex-start}.clipboard-landing .footer-brand strong{font-family:var(--font-display);font-weight:400;font-size:var(--text-xl);word-break:keep-all;max-width:12ch;line-height:1.4}.clipboard-landing .footer-wordmark-mark{flex:none;width:44px;height:44px}@media (max-width:1100px){.clipboard-landing .quick-link-section{gap:var(--space-8);grid-template-columns:minmax(0,1fr)}.clipboard-landing .quick-link-section-head h2{max-width:none}.clipboard-landing .landing-board-paper{padding-inline:var(--space-6);inset-inline:24px 36px}.clipboard-landing .landing-board-art{height:400px}.clipboard-landing .landing-board-note{width:128px}.clipboard-landing .landing-board-note img{width:88px;height:88px}}@media (max-width:800px){.clipboard-landing .community-hero{padding-block:var(--space-12) var(--space-16)}.clipboard-landing .quick-link-hero{gap:var(--space-12);grid-template-columns:minmax(0,1fr)}.clipboard-landing .hero-copy h1>span{display:inline}.clipboard-landing .hero-copy h1>span:last-child{display:block}.clipboard-landing .landing-headline-accent:after{display:none}.clipboard-landing .quick-link-hero .hero-copy h1{max-width:16ch;font-size:var(--text-landing-hero)}.clipboard-landing .quick-link-hero .hero-copy p{max-width:none}.clipboard-landing .landing-board-art{justify-self:center;width:min(100%,480px);height:320px}.clipboard-landing .landing-board-paper{padding-top:var(--space-12);inset:0 56px 16px 40px}.clipboard-landing .landing-board-wordmark{font-size:var(--text-2xl)}.clipboard-landing .landing-board-topics{margin-top:var(--space-4);gap:var(--space-1)}.clipboard-landing .landing-board-lines{margin-top:var(--space-4)}.clipboard-landing .landing-board-note--idea{top:var(--space-8)}.clipboard-landing .community-footer-inner{grid-template-columns:minmax(0,1fr)}.clipboard-landing .footer-brand strong{max-width:none}}@media (max-width:640px){.clipboard-landing .community-hero{padding-top:var(--space-8)}.clipboard-landing .quick-link-hero .hero-copy h1{max-width:16ch;margin-bottom:var(--space-4);line-height:1.45}.clipboard-landing .quick-link-hero .hero-cta-group{margin-top:var(--space-6);gap:var(--space-2)}.clipboard-landing .quick-link-hero .hero-cta-group a{padding-inline:var(--space-4)}.clipboard-landing .landing-board-art{height:296px;margin-top:var(--space-2)}.clipboard-landing .landing-board-paper{padding:var(--space-12) var(--space-6) var(--space-4);inset:0 36px 16px 24px}.clipboard-landing .landing-board-backing{border-radius:var(--radius-lg);inset:24px 24px 0}.clipboard-landing .landing-board-wordmark{font-size:28px}.clipboard-landing .landing-board-wordmark>span{font-size:var(--text-lg)}.clipboard-landing .landing-board-note{width:100px;padding:var(--space-2)}.clipboard-landing .landing-board-note img{width:72px;height:72px}.clipboard-landing .landing-board-note>span{font-size:var(--text-xs)}.clipboard-landing .landing-board-topics{max-width:180px}.clipboard-landing .landing-board-topics>span{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.clipboard-landing .landing-board-lines{gap:var(--space-2)}.clipboard-landing .landing-board-note--conversation{bottom:-8px;left:4px}.clipboard-landing .landing-board-note--idea{right:0;top:var(--space-12)}.clipboard-landing .quick-link-section{padding-block:var(--space-8) var(--space-12)}.clipboard-landing .quick-link-grid{gap:var(--space-12);grid-template-columns:minmax(0,1fr)}.clipboard-landing .quick-link-card{grid-template-columns:minmax(0,1fr) 96px;min-height:160px}.clipboard-landing .quick-link-art img{width:96px;max-width:96px}.clipboard-landing .quick-link-copy strong{font-size:var(--text-md)}.clipboard-landing .quick-link-copy span{font-size:var(--text-sm)}.clipboard-landing .weekly-best-section{margin-top:var(--space-12)}.clipboard-landing .weekly-best-section-head{gap:var(--space-2)}.clipboard-landing .weekly-best-card{min-height:228px}.clipboard-landing .weekly-best-card h3{font-size:var(--text-md)}.clipboard-landing .footer-brand strong{font-size:var(--text-lg)}}@media (prefers-reduced-motion:reduce){.clipboard-landing .quick-link-card:hover{transform:none}}}
@layer legacy{.clipboard-workspace .community-primary-nav{border-bottom:2px solid var(--color-brand-500)}.clipboard-workspace .ds-page__main{padding-block:var(--space-12)}.clipboard-workspace .community-footer{border-top:3px solid var(--color-brand-500);background:var(--color-surface-brand)}.clipboard-workspace .footer-brand strong{font-size:var(--text-lg);word-break:keep-all}.clipboard-workspace :is(.board-section-heading,.section-heading) h1{font-family:var(--font-body);font-size:var(--text-workspace-title);letter-spacing:-.045em;margin:0;font-weight:700;line-height:1.45}.clipboard-workspace .category-panel{background:var(--color-transparent);border:0;border-radius:0;padding:0}.clipboard-workspace .menu-section{border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-3)}.clipboard-workspace .menu-section h3{margin-top:var(--space-4)}.clipboard-workspace .category-list a{border-radius:0 var(--radius-md) var(--radius-md) 0;border-left:3px solid var(--color-transparent)}.clipboard-workspace .category-list a.is-active{border-left-color:var(--color-brand-700)}.clipboard-workspace .board-section{padding:var(--space-8);border-color:var(--color-border-strong);border-top:3px solid var(--color-brand-700);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.clipboard-workspace .board-section-heading{margin:calc(-1 * var(--space-8)) calc(-1 * var(--space-8)) var(--space-6);padding:var(--space-8);background:var(--color-surface-brand);border-bottom:1px solid var(--color-border-subtle)}.clipboard-workspace .board-back-link{font-size:var(--text-sm);color:var(--color-brand-700)}.clipboard-workspace .post-feed{border-top:1px solid var(--color-text-primary)}.clipboard-workspace .post-card{padding-block:var(--space-6);gap:var(--space-2)}.clipboard-workspace .post-card h3{font-size:var(--text-md);line-height:1.7}.clipboard-workspace .post-card h3 a{white-space:normal;overflow-wrap:anywhere;overflow:visible}.clipboard-workspace .post-card__comment-count{font-size:var(--text-xs);color:var(--color-brand-700);flex-shrink:0}.clipboard-workspace .post-category{width:fit-content;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-brand)}.clipboard-workspace .post-meta{font-size:var(--text-xs)}.clipboard-workspace .sidebar-login{border-top:3px solid var(--color-brand-700);border-radius:0 var(--radius-md) var(--radius-md) var(--radius-md);background:var(--color-surface-brand)}.clipboard-workspace .sidebar-widget{border:0;border-top:1px solid var(--color-text-primary);background:var(--color-transparent);border-radius:0;padding-inline:0}.clipboard-workspace .rank-num{background:var(--color-transparent);font-size:var(--text-lg);font-weight:700}.clipboard-workspace .rank-num.is-top{background:var(--color-transparent)}.clipboard-workspace .keyword-stack a{border-radius:var(--radius-full)}.clipboard-workspace .pagination{padding-top:var(--space-6)}.clipboard-workspace .pagination-number{border-radius:var(--radius-full)}.clipboard-workspace .community-search-toolbar{padding-block:var(--space-4) var(--space-8);border-bottom:2px solid var(--color-text-primary);align-items:center}.clipboard-workspace .community-search-heading h1{word-break:keep-all;overflow-wrap:anywhere}.clipboard-workspace .search-result-group{margin-top:var(--space-12);border-color:var(--color-border-strong);border-radius:0 var(--radius-md) var(--radius-md) var(--radius-md);padding:var(--space-8);position:relative}.clipboard-workspace .search-result-group__title{margin:calc(-1 * var(--space-8) - var(--space-7)) 0 var(--space-4) calc(-1 * var(--space-8) - var(--space-1));min-height:36px;padding:var(--space-2) var(--space-4);background:var(--color-surface-panel);border:1px solid var(--color-border-strong);border-radius:var(--radius-md) var(--radius-md) 0 0;font-size:var(--text-md);border-bottom:0;display:table;position:relative}.clipboard-workspace .search-result-group .post-feed{border-top:0}.clipboard-workspace .post-detail-back .ghost-button{background:var(--color-transparent);border:0;padding-inline:0}.clipboard-workspace .post-detail-card{border-color:var(--color-border-strong);border-top:3px solid var(--color-brand-700);padding:var(--space-8);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.clipboard-workspace .post-detail-card__header{padding-bottom:var(--space-8);border-bottom:1px solid var(--color-text-primary);margin-bottom:var(--space-8)}.clipboard-workspace .post-detail-card__category{padding:var(--space-2) var(--space-3);background:var(--color-surface-brand);border-radius:var(--radius-sm);color:var(--color-brand-700);font-weight:700;display:inline-flex}.clipboard-workspace .post-detail-card h1{margin-block:var(--space-4);font-size:var(--text-workspace-title);font-weight:700;line-height:1.5}.clipboard-workspace .post-detail-card__content{min-height:160px;margin-block:var(--space-8);line-height:1.95}.clipboard-workspace .post-like{padding-block:var(--space-6)}.clipboard-workspace .post-like__button{border-radius:var(--radius-full);padding-inline:var(--space-6);border-color:var(--color-brand-700)}.clipboard-workspace .post-comments{padding:var(--space-8);border:0;border-top:2px solid var(--color-text-primary);border-radius:0}.clipboard-workspace .post-comments h2{font-size:var(--text-xl);margin-bottom:var(--space-6)}.clipboard-workspace .comment-form__textarea{background:var(--color-surface-canvas)}.clipboard-workspace .comment-thread__replies{border-left:2px solid var(--color-brand-500);background:var(--color-surface-brand)}.clipboard-workspace .recommended-posts{border-top:1px solid var(--color-border-strong);padding-top:var(--space-6)}.clipboard-workspace.ds-page--form .ds-container{max-width:var(--container-workspace-form)}.clipboard-workspace.ds-page--form .ds-page__main{padding-block:var(--space-16)}.clipboard-workspace :is(.auth-card,.write-auth-card,.write-panel){border-color:var(--color-border-strong);border-radius:var(--radius-md);box-shadow:none;position:relative}.clipboard-workspace :is(.auth-card,.write-panel):before{content:"";border:5px solid var(--color-text-primary);border-radius:var(--radius-sm);background:var(--color-surface-panel);pointer-events:none;width:64px;height:28px;position:absolute;top:-14px;left:32px}.clipboard-workspace .auth-card{padding:var(--space-12);border-top:6px solid var(--color-brand-500)}.clipboard-workspace .auth-card h1{font-size:var(--text-workspace-title);font-family:var(--font-body);margin-bottom:var(--space-8);font-weight:700}.clipboard-workspace .auth-submit{border-radius:var(--radius-full)}.clipboard-workspace .community-login-form__signup{padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle)}.clipboard-workspace .write-panel{gap:var(--space-12);padding:var(--space-12);border-top:6px solid var(--color-brand-500);grid-template-columns:minmax(0,.65fr) minmax(0,1.65fr);display:grid}.clipboard-workspace .write-panel>.section-heading{padding-top:var(--space-2)}.clipboard-workspace .write-panel>.section-heading h1{word-break:keep-all;max-width:7ch}.clipboard-workspace .write-form{min-width:0;margin:0}.clipboard-workspace .write-form label{font-size:var(--text-base)}.clipboard-workspace :is(.auth-form,.write-form) :is(input,select,textarea){background:var(--color-surface-canvas)}.clipboard-workspace :is(.auth-form,.write-form) :is(input,select,textarea):focus{background:var(--color-surface-panel)}.clipboard-workspace .write-form textarea{min-height:300px;line-height:1.85}.clipboard-workspace .form-actions{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-6)}.clipboard-workspace .form-actions :is(a,button){border-radius:var(--radius-full)}.clipboard-workspace .form-error{border-radius:var(--radius-sm);padding:var(--space-3);border-left-width:3px}.clipboard-workspace .write-auth-card{text-align:left;justify-items:start}.clipboard-workspace .ds-document{border-top:6px solid var(--color-brand-500);border-radius:0 0 var(--radius-md) var(--radius-md);padding:var(--space-12)}.clipboard-workspace .ds-document h1{font-size:var(--text-workspace-title);padding-bottom:var(--space-8);margin-bottom:var(--space-8);border-bottom:1px solid var(--color-text-primary)}.clipboard-workspace .ds-document h3{padding-left:var(--space-3);border-left:3px solid var(--color-brand-500);font-size:var(--text-lg);margin-block:var(--space-6) var(--space-3)}.clipboard-workspace :is(.ds-empty-state,.empty-feed){border:1px dashed var(--color-border-strong);background:var(--color-surface-brand)}@media (max-width:980px){.clipboard-workspace .ds-page__main{padding-block:var(--space-8)}.clipboard-workspace .write-panel{gap:var(--space-8);grid-template-columns:minmax(0,1fr)}.clipboard-workspace .write-panel>.section-heading h1{max-width:none}}@media (max-width:640px){.clipboard-workspace .ds-page__main{padding-block:var(--space-6)}.clipboard-workspace .board-section{padding:var(--space-4)}.clipboard-workspace .board-section-heading{margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-4);padding:var(--space-6) var(--space-4)}.clipboard-workspace :is(.post-detail-card,.post-comments,.ds-document,.auth-card,.write-panel){padding:var(--space-6)}.clipboard-workspace .post-detail-card h1{font-size:var(--text-xl)}.clipboard-workspace .post-detail-card__header{padding-bottom:var(--space-6);margin-bottom:var(--space-6)}.clipboard-workspace .search-result-group{padding:var(--space-4)}.clipboard-workspace .search-result-group__title{margin-top:calc(-1 * var(--space-4) - var(--space-7));margin-left:calc(-1 * var(--space-4) - var(--space-1))}.clipboard-workspace.ds-page--form .ds-page__main{padding-block:var(--space-12)}.clipboard-workspace .write-panel{gap:var(--space-6)}.clipboard-workspace .write-form textarea{min-height:240px}}.clipboard-workspace :is(.search-result-group__title,.post-comments h2,.ds-document h1,.ds-document h3){font-weight:700}.clipboard-workspace .write-form>label,.clipboard-workspace .form-group-row>label{gap:var(--space-2);margin-bottom:0;display:grid}.clipboard-workspace .write-form :is(input,select,textarea){margin-top:0}.clipboard-workspace .write-form textarea{resize:vertical;height:360px}.clipboard-workspace .form-actions{margin-top:0}.clipboard-workspace .image-add-btn{justify-content:center;align-items:center;gap:var(--space-1);background:var(--color-surface-brand);border-color:var(--color-border-strong);flex-direction:column;margin:0;display:flex;position:relative}.clipboard-workspace .image-add-btn:focus-within{outline:2px solid var(--color-focus);outline-offset:3px}.clipboard-workspace .image-add-input{clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-width:640px){.clipboard-workspace .write-form textarea{height:280px}}}
@layer legacy{:is(.clipboard-landing,.clipboard-workspace) .wordmark-mark,:is(.clipboard-landing,.clipboard-workspace) .primary-button,:is(.clipboard-landing,.clipboard-workspace) :is(.header-actions,.hero-cta-group,.auth-form,.form-actions) .primary-button,:is(.clipboard-landing,.clipboard-workspace) .write-auth-action,:is(.clipboard-landing,.clipboard-workspace) .pagination-number.is-active,:is(.clipboard-landing,.clipboard-workspace) .primary-button:hover:not(:disabled){background-image:none}.clipboard-landing .landing-board-backing{background:var(--gradient-brand)}.clipboard-landing .landing-headline-word{color:var(--color-transparent);background-image:none;-webkit-background-clip:text;background-clip:text}@media (forced-colors:active){.clipboard-landing .landing-headline-word{color:canvastext;background:0 0}}.clipboard-landing .landing-headline-word{animation:headline-word-enter var(--dur-slow) ease-out both;display:inline-block}@keyframes headline-word-enter{0%{opacity:0;transform:translateY(.16em)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.clipboard-landing .landing-headline-word{animation:none}}}
@layer legacy{.clipboard-workspace .board-index .board-section{border-radius:var(--radius-lg);background:var(--color-transparent);border:0;padding:0}.clipboard-workspace .board-index .board-section-heading{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-8);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface-brand);flex-flow:row;min-height:184px;margin:0;display:flex;position:relative}.board-index .board-intro-copy{min-width:0}.board-index .board-intro-copy p{margin:var(--space-2) 0 0;font-size:var(--text-base);color:var(--color-text-secondary);word-break:keep-all;line-height:1.8}.board-index .board-intro-copy .board-back-link{margin-top:var(--space-3);display:inline-block}.board-index .board-intro-art{object-fit:contain;flex-shrink:0;width:112px;height:112px}.board-index .board-tabs{gap:var(--space-1) var(--space-4);padding:var(--space-3) var(--space-8) 0;border:1px solid var(--color-border-subtle);background:var(--color-surface-panel);border-top:0;flex-wrap:wrap;display:flex}.board-index .board-tabs a{min-height:48px;padding:var(--space-2) var(--space-1);color:var(--color-text-secondary);font-size:var(--text-base);border-bottom:3px solid var(--color-transparent);white-space:nowrap;align-items:center;display:flex}.board-index .board-tabs a[aria-current=page]{color:var(--color-brand-700);border-bottom-color:var(--color-brand-500);font-weight:700}.board-index .board-tabs a:hover{color:var(--color-brand-700)}.board-index .board-list-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-6) var(--space-4);display:flex}.board-index .board-list-label{font-size:var(--text-base);white-space:nowrap;font-weight:700}.board-index .board-list-toolbar .board-search{gap:var(--space-2);width:min(100%,340px);margin:0}.board-index .board-search__field{flex:1;width:auto;min-width:0}.board-index .board-search__submit{background:var(--color-surface-panel);color:var(--color-text-secondary);border-color:var(--color-border-strong)}.clipboard-workspace .board-index .post-feed{background:var(--color-surface-panel);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.clipboard-workspace .board-index .post-card{align-items:center;gap:var(--space-6);padding:var(--space-6);grid-template-columns:minmax(0,1fr) auto;display:grid}.clipboard-workspace .board-index .post-card:last-child{border-bottom:0}.clipboard-workspace .board-index .post-card:hover,.clipboard-workspace .board-index .post-card:focus-within{background:var(--color-surface-brand)}.board-index .board-post-main{min-width:0}.clipboard-workspace .board-index .post-category{font-size:var(--text-xs);background:var(--color-transparent);margin-bottom:var(--space-2);padding:0;display:inline-block}.clipboard-workspace .board-index .post-card h3{font-size:var(--text-lg);margin-bottom:var(--space-3);line-height:1.6}.board-index .board-post-stats{align-items:center;gap:var(--space-4);color:var(--color-text-tertiary);font-size:var(--text-xs);display:flex}.board-index :is(.board-post-views,.board-post-comments){align-items:center;gap:var(--space-1);white-space:nowrap;display:flex}.board-index .board-stat-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.clipboard-workspace .board-index .board-empty{justify-content:center;align-items:center;gap:var(--space-4);background:var(--color-surface-panel);border:0;flex-direction:column;min-height:300px;display:flex}.board-index .board-empty p{margin:0;font-weight:600}.board-index .board-empty-icon{border:1px solid var(--color-border-strong);border-top:4px solid var(--color-brand-500);border-radius:var(--radius-sm);width:56px;height:64px;color:var(--color-brand-700);background:var(--color-surface-brand);place-items:center;display:grid;transform:rotate(-6deg)}.clipboard-workspace .board-index .sidebar-login{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-panel)}.clipboard-workspace .board-index .sidebar-widget{border-top-color:var(--color-border-subtle)}@media (max-width:640px){.clipboard-workspace .board-index .board-section-heading{padding:var(--space-6);gap:var(--space-2);min-height:156px}.board-index .board-intro-art{width:72px;height:72px}.board-index .board-intro-copy p{font-size:var(--text-sm)}.board-index .board-tabs{padding-inline:var(--space-4);gap:var(--space-1) var(--space-3)}.board-index .board-tabs a{font-size:var(--text-sm)}.board-index .board-list-toolbar{gap:var(--space-3);flex-wrap:wrap}.board-index .board-list-toolbar .board-search{flex-direction:row;width:100%}.board-index .board-search__submit{width:auto}.clipboard-workspace .board-index .post-card{padding:var(--space-4);gap:var(--space-3)}.clipboard-workspace .board-index .post-card h3{font-size:var(--text-md)}.board-index .board-post-stats{justify-content:flex-end;gap:var(--space-3);flex-direction:row;grid-column:1/-1}.clipboard-workspace .board-index .post-card{grid-template-columns:minmax(0,1fr)}}.clipboard-workspace .board-index .board-section{gap:0}@media (max-width:640px){.board-index .board-tabs{flex-wrap:nowrap;overflow-x:auto}.board-index .board-tabs a{flex-shrink:0}}}
@layer legacy{:is(.clipboard-workspace,.clipboard-landing) .community-header{background:var(--color-bg-secondary);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:color-mix(in oklch, var(--color-brand) 12%, transparent);box-shadow:none}:is(.clipboard-workspace,.clipboard-landing) .community-primary-nav{background:var(--color-transparent);border-bottom:1px solid var(--color-border-subtle)}.clipboard-workspace .ds-page__main{background-image:none}:is(.clipboard-workspace,.clipboard-landing) .community-footer{border-top:1px solid var(--color-border-subtle);background:var(--color-surface-panel)}.clipboard-workspace :is(.auth-card,.write-panel,.write-auth-card,.ds-document,.post-detail-card){border:1px solid var(--color-glass-edge);border-radius:var(--radius-surface);background:var(--color-glass);box-shadow:none}.clipboard-workspace :is(.auth-card,.write-panel):before{content:none}.clipboard-workspace .ds-document h3{border-left:0;padding-left:0}.clipboard-workspace :is(.auth-form,.write-form) :is(input,select,textarea){border-radius:var(--radius-md);background:var(--color-surface-canvas);border-color:var(--color-border-subtle)}.clipboard-workspace .write-form .image-add-btn{background:var(--color-surface-canvas);border-radius:var(--radius-lg)}.clipboard-workspace .post-comments{border:1px solid var(--color-border-subtle);border-radius:var(--radius-surface)}.clipboard-workspace .ds-page__main .category-panel{padding:var(--space-4);border:1px solid var(--color-glass-edge);border-radius:var(--radius-surface);background:var(--color-glass);box-shadow:none;align-self:start}.clipboard-workspace .ds-page__main .category-panel .section-heading{margin:var(--space-2) var(--space-2) var(--space-6)}.clipboard-workspace .ds-page__main .category-panel .section-heading h2{font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:600}.clipboard-workspace .ds-page__main .menu-section{padding-bottom:var(--space-3);border:0}.clipboard-workspace .ds-page__main .menu-section h3{margin:var(--space-3) 0 var(--space-1)}.clipboard-workspace .ds-page__main .menu-section-link{padding:var(--space-2);font-size:var(--text-sm);border-radius:var(--radius-sm);display:block}.clipboard-workspace .ds-page__main .menu-section-link[aria-current=page]{color:var(--color-brand-700);background:var(--color-surface-brand)}.clipboard-workspace .ds-page__main .category-list a{border-radius:var(--radius-sm);font-size:var(--text-sm);min-height:36px;padding:var(--space-2);border:0;line-height:1.5}.clipboard-workspace .ds-page__main .category-list a svg{opacity:.45;width:8px}.clipboard-workspace .ds-page__main .category-list a.is-active{background:var(--color-surface-brand);color:var(--color-brand-700);box-shadow:none}.clipboard-workspace .ds-page__main .category-list a:hover{background:var(--color-surface-canvas)}.clipboard-workspace .ds-page__main :is(.sidebar-login,.sidebar-widget){padding:var(--space-4);border:1px solid var(--color-glass-edge);border-radius:var(--radius-surface);background:var(--color-glass);box-shadow:none}.clipboard-workspace .ds-page__main .sidebar-login{text-align:center}.clipboard-workspace .ds-page__main .sidebar-avatar{width:44px;height:44px;margin:0 auto var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-brand);color:var(--color-brand-700);box-shadow:none;place-items:center;display:grid}.clipboard-workspace .ds-page__main .sidebar-login p{line-height:1.8;font-size:var(--text-sm);margin-block:var(--space-2) var(--space-4);color:var(--color-text-secondary)}.clipboard-workspace .ds-page__main .sidebar-auth-btns{gap:var(--space-2);grid-template-columns:minmax(0,1fr);width:100%;display:grid}.clipboard-workspace .ds-page__main .sidebar-login__button{border-radius:var(--radius-md);width:100%}.clipboard-workspace .ds-page__main .sidebar-widget-head{padding:0 0 var(--space-3);font-size:var(--text-sm);border:0;margin:0}.clipboard-workspace .ds-page__main .sidebar-widget-head svg{color:var(--color-brand-700)}.clipboard-workspace .ds-page__main .sidebar-rank-list{gap:0}.clipboard-workspace .ds-page__main .sidebar-rank-list li{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle);align-items:start;gap:var(--space-2)}.clipboard-workspace .ds-page__main .sidebar-rank-list li:last-child{border-bottom:0;padding-bottom:0}.clipboard-workspace .ds-page__main .rank-num{width:16px;min-width:16px;height:auto;font-size:var(--text-md)}.clipboard-workspace .ds-page__main .rank-info{min-width:0}.clipboard-workspace .ds-page__main .rank-info a{white-space:normal;-webkit-line-clamp:2;font-size:var(--text-sm);-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.clipboard-workspace .ds-page__main .rank-info>span{font-size:var(--text-xs);margin-top:var(--space-1);line-height:1.6;display:block}.clipboard-workspace .ds-page__main .keyword-stack{gap:var(--space-2);flex-wrap:wrap;display:flex}.clipboard-workspace .ds-page__main .keyword-stack a{padding:var(--space-2);font-size:var(--text-xs);background:var(--color-surface-canvas);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);line-height:1.4}.clipboard-workspace .ds-page__main :is(.lnb-promo-card,.sidebar-ad-card){padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-brand);box-shadow:none;text-align:left;border:0}.clipboard-workspace .ds-page__main .lnb-promo-card p{font-size:var(--text-xs);line-height:1.7}.clipboard-workspace .ds-page__main .lnb-promo-card>svg{display:none}.clipboard-workspace .ds-page__main :is(.lnb-promo-card,.sidebar-ad-card) a{margin-top:var(--space-2);color:var(--color-brand-700);font-size:var(--text-xs);font-weight:700;display:inline-flex}.clipboard-workspace .board-index :is(.board-section-heading,.post-feed){border-color:var(--color-glass-edge);box-shadow:none}.clipboard-workspace .board-index .board-section-heading{background:var(--color-glass);border-radius:var(--radius-surface) var(--radius-surface) 0 0;background-image:none}.clipboard-workspace .board-index .board-tabs{border-color:var(--color-glass-edge);background:var(--color-glass);border-radius:0 0 var(--radius-surface) var(--radius-surface)}.clipboard-landing .community-hero{background-image:none}.clipboard-landing .topic-explorer{padding:var(--space-4);border:1px solid var(--color-glass-edge);background:var(--color-glass);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:32px;min-width:0}.topic-explorer-options{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-lg);background:var(--color-surface-canvas);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.topic-explorer-options button{min-width:0;padding:var(--space-2) var(--space-1);border-radius:var(--radius-md);background:var(--color-transparent);color:var(--color-text-secondary);font-size:var(--text-xs);border:0;font-weight:600}.topic-explorer-options button[aria-pressed=true]{background:var(--color-surface-panel);color:var(--color-brand-700);box-shadow:none}.topic-explorer-content{padding:var(--space-6);display:grid}.topic-explorer-visual{place-items:center;height:220px;display:grid;position:relative}.topic-explorer-orbit{background:var(--gradient-brand);opacity:.1;border-radius:50%;width:200px;height:160px;position:absolute;transform:rotate(-20deg)}.topic-explorer-image{object-fit:contain;width:210px;height:210px;filter:drop-shadow(0 12px 12px var(--color-depth));animation:topic-reveal var(--dur-medium) var(--ease-out);position:relative}.topic-explorer-copy h2{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-xl);font-family:var(--font-body);font-weight:700}.topic-explorer-copy p{min-height:52px;font-size:var(--text-base);color:var(--color-text-secondary);word-break:keep-all;margin:0;line-height:1.8}.topic-explorer-link{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle);font-size:var(--text-base);color:var(--color-brand-700);justify-content:space-between;align-items:center;font-weight:700;display:flex}.topic-explorer-link>span{border-radius:var(--radius-full);background:var(--color-surface-brand);width:36px;height:36px;font-size:var(--text-lg);place-items:center;display:grid}.clipboard-landing .quick-link-section{border-top:0}.clipboard-landing .quick-link-grid{gap:var(--space-6);padding-top:0}.clipboard-landing .quick-link-card{border-radius:var(--radius-surface);border-color:var(--color-border-subtle);background:var(--color-surface-panel);box-shadow:none}.clipboard-landing .quick-link-copy strong{background:var(--color-transparent);min-height:0;font-family:var(--font-body);border:0;padding:0;font-weight:700;display:block;position:static}.clipboard-landing .quick-link-copy{background:var(--color-transparent)}@keyframes topic-reveal{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}@media (min-width:981px){.clipboard-workspace .ds-page__main .portal-layout{grid-template-columns:200px minmax(0,1fr) 232px}}@media (max-width:640px){.clipboard-landing .topic-explorer{padding:var(--space-2);border-radius:var(--radius-surface);width:100%}.topic-explorer-content{padding:var(--space-4)}.topic-explorer-visual{height:180px}.topic-explorer-image{width:180px;height:180px}.topic-explorer-options{grid-template-columns:repeat(2,minmax(0,1fr))}.clipboard-workspace .ds-page__main :is(.auth-card,.write-panel,.write-auth-card,.ds-document,.post-detail-card){border-radius:var(--radius-lg)}}@media (prefers-reduced-motion:reduce){.topic-explorer-image{animation:none}}@media (prefers-reduced-transparency:reduce){:is(.clipboard-landing,.clipboard-workspace) .community-header,.clipboard-landing .topic-explorer{background:var(--color-surface-panel);-webkit-backdrop-filter:none;backdrop-filter:none}}.clipboard-landing .topic-explorer{justify-self:stretch;width:100%}.clipboard-landing .weekly-best-section-head{align-items:center}.clipboard-landing .weekly-best-section-head h2{font-family:var(--font-body);font-weight:700;font-size:var(--text-2xl)}.clipboard-landing .weekly-best-carousel{border:0;padding:0}.clipboard-landing .weekly-best-track{gap:var(--space-4);padding:var(--space-2) var(--space-1) var(--space-6);grid-auto-columns:clamp(272px,29vw,352px)}.clipboard-landing .weekly-best-card{align-content:stretch;gap:var(--space-4);height:100%;min-height:244px;padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-surface);background:var(--color-surface-panel);box-shadow:none;grid-template-rows:auto 1fr auto;grid-template-columns:auto minmax(0,1fr);display:grid}.clipboard-landing .weekly-best-card--rank-1{background:var(--color-surface-brand);border-color:var(--color-brand-soft)}.clipboard-landing .weekly-best-rank{letter-spacing:-.07em;font-size:40px;font-weight:700}.clipboard-landing .weekly-best-category{font-size:var(--text-xs);padding:var(--space-2);border-radius:var(--radius-full);background:var(--color-surface-canvas);justify-self:end}.clipboard-landing .weekly-best-card h3{font-family:var(--font-body);font-size:var(--text-lg);-webkit-line-clamp:3;-webkit-box-orient:vertical;align-self:start;margin:0;font-weight:700;line-height:1.65;display:-webkit-box;overflow:hidden}.clipboard-landing .weekly-best-meta{padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle);font-size:var(--text-xs)}.clipboard-landing .weekly-best-card:hover{background:var(--color-surface-brand);border-color:var(--color-brand-500);transform:translateY(-3px)}.clipboard-landing .weekly-best-control{background:var(--color-surface-panel);box-shadow:none}.clipboard-workspace .write-composer .write-panel{padding:var(--space-12);display:block}.clipboard-workspace .write-composer .write-panel>.section-heading{margin:0 0 var(--space-8);padding:0 0 var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.clipboard-workspace .write-composer .write-panel>.section-heading h1{max-width:none}.clipboard-workspace .write-composer .write-form{gap:var(--space-8)}.clipboard-workspace .write-composer input[name=title]{font-size:var(--text-lg);background:var(--color-surface-panel);min-height:60px;font-weight:600}.clipboard-workspace .write-composer textarea[name=content]{background:var(--color-surface-panel);height:400px;padding:var(--space-6);line-height:1.9}.write-composer .write-attachments{padding:var(--space-6);background:var(--color-surface-canvas);border-radius:var(--radius-lg)}.write-composer .write-attachments-label{font-size:var(--text-base);font-weight:600}.clipboard-workspace .write-composer .image-add-btn{gap:var(--space-2);background:var(--color-surface-panel);flex-direction:row;width:100%;height:auto;min-height:88px}.write-composer .image-preview-list{margin-top:var(--space-3)}.clipboard-workspace .write-composer .form-actions{justify-content:flex-end}.clipboard-workspace .write-composer .form-actions :is(.btn-cancel,.write-submit){min-width:112px;padding:var(--space-3) var(--space-8);flex:0 auto}.clipboard-workspace .post-reading .portal-center{gap:var(--space-6)}.clipboard-workspace .post-reading .post-detail-back{margin:0}.clipboard-workspace .post-reading .post-detail-card{padding:var(--space-12)}.clipboard-workspace .post-reading .post-detail-card__header{border-color:var(--color-border-subtle);padding-bottom:var(--space-6);margin-bottom:0}.clipboard-workspace .post-reading .post-detail-card__category{background:var(--color-transparent);padding:0}.clipboard-workspace .post-reading .post-detail-card h1{margin-block:var(--space-3) var(--space-6);word-break:keep-all;overflow-wrap:anywhere;font-size:clamp(24px,2.3vw,32px);line-height:1.5}.clipboard-workspace .post-reading .ds-meta{align-items:center;gap:var(--space-2) var(--space-3)}.clipboard-workspace .post-reading .ds-meta>span:first-child{padding:var(--space-2) var(--space-3);background:var(--color-surface-canvas);border-radius:var(--radius-full);color:var(--color-text-secondary);font-weight:600}.clipboard-workspace .post-reading .post-detail-card__content{padding-block:var(--space-8);max-width:65ch;min-height:200px;margin:0;line-height:1.95}.clipboard-workspace .post-reading .post-like{margin:var(--space-4) 0 0;padding:var(--space-4) 0 0}.clipboard-workspace .post-reading .post-like__button{min-height:48px;padding-inline:var(--space-6);background:var(--color-surface-brand);border-color:var(--color-brand-soft);color:var(--color-brand-700)}.clipboard-workspace .post-reading :is(.post-comments,.recommended-posts){padding:var(--space-8);border:1px solid var(--color-glass-edge);border-radius:var(--radius-surface);background:var(--color-glass);box-shadow:none;margin-top:0}.clipboard-workspace .post-reading :is(.post-comments,.recommended-posts) h2{font-size:var(--text-lg);margin:0 0 var(--space-6);font-weight:700}.clipboard-workspace .post-reading .comment-form__textarea{padding:var(--space-4);border-color:var(--color-border-subtle);border-radius:var(--radius-lg)}.clipboard-workspace .post-reading .comment-thread__item{padding-block:var(--space-6)}.clipboard-workspace .post-reading .recommended-posts__grid{display:block}.clipboard-workspace .post-reading .recommended-posts__items{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.clipboard-workspace .post-reading .recommended-posts__side-title{white-space:normal;font-size:var(--text-base);line-height:1.7}.clipboard-workspace .post-reading .recommended-posts__image{height:132px}.clipboard-workspace .post-reading .recommended-posts__featured{border-radius:var(--radius-lg)}@media (max-width:640px){.clipboard-landing .weekly-best-section-head{flex-direction:row;align-items:center}.clipboard-landing .weekly-best-section-head h2{font-size:var(--text-xl)}.clipboard-landing .weekly-best-controls{align-self:center}.clipboard-landing .weekly-best-track{grid-auto-columns:86%}.clipboard-workspace .write-composer .write-panel{padding:var(--space-6)}.clipboard-workspace .write-composer textarea[name=content]{height:320px;padding:var(--space-4)}.write-composer .write-attachments{padding:var(--space-4)}.clipboard-workspace .write-composer .form-actions :is(.btn-cancel,.write-submit){min-width:0;padding-inline:var(--space-4)}.clipboard-workspace .post-reading :is(.post-detail-card,.post-comments,.recommended-posts){padding:var(--space-6);border-radius:var(--radius-lg)}.clipboard-workspace .post-reading .recommended-posts__items{grid-template-columns:minmax(0,1fr)}.clipboard-workspace .post-reading .recommended-posts__image{height:160px}}@media (prefers-reduced-motion:reduce){.clipboard-landing .weekly-best-card:hover{transform:none}}.clipboard-landing .weekly-best-card h3{word-break:keep-all;overflow-wrap:anywhere}:is(.clipboard-workspace,.clipboard-landing) .community-banner-ad__link{aspect-ratio:8;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:none;padding:0;display:block;position:relative;overflow:hidden}:is(.clipboard-workspace,.clipboard-landing) .community-banner-ad__image{object-fit:cover;object-position:center}@media (max-width:640px){:is(.clipboard-workspace,.clipboard-landing) .community-banner-ad__link{aspect-ratio:4;border-radius:var(--radius-md)}}.portal-left-rail{gap:var(--space-4);align-content:start;min-width:0;display:grid}.clipboard-workspace .ds-page__main .sidebar-promo{align-items:flex-start;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-glass-edge);border-radius:var(--radius-lg);background:var(--color-surface-brand);box-shadow:none;text-align:left;flex-direction:column;margin:0;display:flex}.clipboard-workspace .ds-page__main .sidebar-promo strong{font-size:var(--text-base);color:var(--color-text-primary);word-break:keep-all;margin:0;line-height:1.6}.clipboard-workspace .ds-page__main .sidebar-promo p{font-size:var(--text-xs);color:var(--color-text-secondary);word-break:keep-all;margin:0;line-height:1.8}.clipboard-workspace .ds-page__main .sidebar-promo a{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-brand-700);font-weight:700;line-height:1.6}@media (max-width:980px){.portal-left-rail{display:none}}.clipboard-workspace .ds-page__main .sidebar-promo a{background:var(--color-transparent);width:auto;min-height:0;box-shadow:none;text-align:left;border:0;align-self:flex-start;padding:0}.clipboard-workspace .ds-page__main .sidebar-promo{isolation:isolate;transition:transform var(--dur-medium) var(--ease-out);position:relative}.clipboard-workspace .ds-page__main .sidebar-promo:after{content:"";border:1px solid var(--color-brand-500);border-radius:inherit;box-shadow:none;opacity:0;pointer-events:none;transition:opacity var(--dur-medium) var(--ease-out);position:absolute;inset:-1px}.clipboard-workspace .ds-page__main .sidebar-promo a{align-items:center;gap:var(--space-2);display:inline-flex}.sidebar-promo-arrow{transition:transform var(--dur-medium) var(--ease-out);display:inline-block}.clipboard-workspace .ds-page__main .sidebar-promo:focus-within{transform:translateY(-3px)}.clipboard-workspace .ds-page__main .sidebar-promo:focus-within:after{opacity:1}.sidebar-promo:focus-within .sidebar-promo-arrow{transform:translate(3px,-3px)}@media (hover:hover) and (pointer:fine){.clipboard-workspace .ds-page__main .sidebar-promo:hover{transform:translateY(-3px)}.clipboard-workspace .ds-page__main .sidebar-promo:hover:after{opacity:1}.sidebar-promo:hover .sidebar-promo-arrow{transform:translate(3px,-3px)}}@media (prefers-reduced-motion:reduce){.clipboard-workspace .ds-page__main .sidebar-promo:is(:hover,:focus-within),.sidebar-promo:is(:hover,:focus-within) .sidebar-promo-arrow{transform:none}}.clipboard-workspace .board-index .board-section-heading h1{font-family:var(--font-display);font-weight:400}:is(.clipboard-workspace,.clipboard-landing) .footer-brand{align-items:center;gap:var(--space-2)}:is(.clipboard-workspace,.clipboard-landing) .footer-brand strong{font-family:var(--font-body);font-size:var(--text-base);letter-spacing:-.02em;white-space:nowrap;max-width:none;font-weight:700;line-height:1.4}.clipboard-landing .footer-brand strong{font-size:var(--text-md)}:is(.clipboard-workspace,.clipboard-landing) .footer-wordmark-mark{border-radius:var(--radius-md);width:36px;height:36px;font-size:15px}.clipboard-landing .popular-search-panel{padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-surface);background:var(--color-glass);box-shadow:none;display:block}.popular-search-heading-row{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.clipboard-landing .popular-search-panel h2{font-size:var(--text-md);margin:0}.popular-search-toggle{border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);background:var(--color-surface-canvas);color:var(--color-text-secondary);font-size:var(--text-xs);border:0}.clipboard-landing .popular-search-viewport{padding-block:var(--space-2)}.clipboard-landing .popular-search-tag-set :is(a,span){gap:var(--space-2);border:1px solid var(--color-border-subtle);background:var(--color-surface-panel);color:var(--color-text-secondary);font-size:var(--text-sm)}.clipboard-landing .popular-search-tag-set i{color:var(--color-brand-700);opacity:.5;transition:transform var(--dur-short) var(--ease-out), opacity var(--dur-short) var(--ease-out);font-style:normal}.clipboard-landing .popular-search-tag-set a:is(:hover,:focus-visible){background:var(--color-surface-brand);border-color:var(--color-brand-500);color:var(--color-brand-700);transform:translateY(-2px)}.clipboard-landing .popular-search-tag-set a:is(:hover,:focus-visible) i{opacity:1;transform:translate(2px,-2px)}.clipboard-landing .popular-search-panel[data-expanded=true] .popular-search-track{width:auto;animation:none;transform:none}.clipboard-landing .popular-search-panel[data-expanded=true] .popular-search-tag-set{gap:var(--space-2);flex-wrap:wrap;flex-shrink:1;padding:0}.clipboard-landing .popular-search-panel[data-expanded=true] .popular-search-tag-set[aria-hidden=true]{display:none}.clipboard-workspace .global-search .community-search-toolbar{padding:var(--space-8);border:1px solid var(--color-glass-edge);border-radius:var(--radius-surface);background:var(--color-glass);box-shadow:none;display:block}.global-search .search-query-accent{color:var(--color-brand-700)}.global-search .search-result-count{margin:var(--space-2) 0 var(--space-6);color:var(--color-text-tertiary);font-size:var(--text-sm)}.global-search .search-result-count strong{color:var(--color-brand-700)}.clipboard-workspace .global-search .community-search-filter{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;display:grid}.global-search .community-search-filter__icon{display:none}.global-search .global-search-input{width:100%}.clipboard-workspace .global-search .community-search-filter .ds-select{width:100%;max-width:200px}.clipboard-workspace .global-search .search-result-group{padding:var(--space-6);margin:0 0 var(--space-6);border:1px solid var(--color-glass-edge);border-radius:var(--radius-surface);background:var(--color-glass);box-shadow:none}.clipboard-workspace .global-search .search-result-group__title{padding:0 0 var(--space-4);border:0;border-bottom:1px solid var(--color-border-subtle);background:var(--color-transparent);font-size:var(--text-md);border-radius:0;align-items:center;margin:0;display:flex;position:static}.clipboard-workspace .global-search .search-result-group__title span{min-width:28px;height:28px;padding-inline:var(--space-2);border-radius:var(--radius-full);background:var(--color-surface-brand);font-size:var(--text-xs);place-items:center;display:inline-grid}.clipboard-workspace .global-search .post-card:last-child{border-bottom:0;padding-bottom:0}.clipboard-workspace .global-search .post-card h3{font-size:var(--text-lg)}.clipboard-workspace .global-search .post-card h3 a{white-space:normal}.clipboard-workspace .global-search .ds-empty-state{border:1px solid var(--color-glass-edge);border-radius:var(--radius-surface);background:var(--color-glass);box-shadow:none}@media (max-width:640px){.clipboard-landing .popular-search-panel{padding:var(--space-4)}.clipboard-workspace .global-search .community-search-toolbar{padding:var(--space-6)}.clipboard-workspace .global-search .community-search-filter{grid-template-columns:minmax(0,1fr) auto}.global-search .global-search-input{grid-column:1/-1}.clipboard-workspace .global-search .community-search-filter .ds-select{max-width:none}.clipboard-workspace .global-search .search-result-group{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){.clipboard-landing .popular-search-tag-set a:is(:hover,:focus-visible),.clipboard-landing .popular-search-tag-set a:is(:hover,:focus-visible) i{transform:none}}@media (max-width:980px){:is(.clipboard-workspace,.clipboard-landing) .footer-wordmark-mark{width:32px;height:32px;font-size:13px}:is(.clipboard-workspace,.clipboard-landing) .footer-brand strong{font-size:var(--text-base)}}.clipboard-landing :is(#popular-search-heading,#weekly-best-heading){font-family:var(--font-display);font-weight:400;line-height:1.5}.clipboard-landing #popular-search-heading{font-size:var(--text-card)}:is(.clipboard-workspace,.clipboard-landing){--page-end-space:var(--space-12)}.clipboard-workspace.ds-page .ds-page__main,.clipboard-landing>main{padding-bottom:var(--page-end-space)}:is(.clipboard-workspace,.clipboard-landing) .community-footer{margin-top:0}.clipboard-workspace .post-reading .comment-form{padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-canvas)}.clipboard-workspace .post-reading .comment-form__textarea{min-height:88px;padding:var(--space-2);border-radius:var(--radius-sm);background:0 0;border:0}.clipboard-workspace .post-reading .comment-form:focus-within{border-color:var(--color-brand-500)}.clipboard-workspace .post-reading .comment-form__submit{border-radius:var(--radius-sm);min-height:36px}.clipboard-workspace .post-reading .comment-thread{margin-top:var(--space-6);gap:0}.clipboard-workspace .post-reading .comment-thread__item{padding:var(--space-6) 0}.clipboard-workspace .post-reading .comment-thread__item:last-child{padding-bottom:0}.clipboard-workspace .post-reading .comment-thread__header{flex-wrap:nowrap;align-items:flex-start}.clipboard-workspace .post-reading .comment-thread__identity{align-items:flex-start;gap:var(--space-1);flex-direction:column;display:flex}.comment-thread__identity strong{font-size:var(--text-base);overflow-wrap:anywhere}.clipboard-workspace .post-reading .comment-delete-button{min-height:32px;padding:var(--space-1) var(--space-2);color:var(--color-text-tertiary);box-shadow:none;background:0 0;border:0;flex-shrink:0}.clipboard-workspace .post-reading .comment-delete-button:hover{color:var(--color-danger);background:var(--color-danger-soft)}.clipboard-workspace .post-reading .comment-thread__item>p,.clipboard-workspace .post-reading .comment-thread__replies p{margin-top:var(--space-3);color:var(--color-text-primary);line-height:1.85}.clipboard-workspace .post-reading .comment-form__reply-toggle{min-height:36px;margin-top:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);align-items:center;font-weight:600;display:inline-flex}.comment-form__reply-toggle:hover{background:var(--color-surface-brand)}.clipboard-workspace .post-reading .comment-thread__replies{gap:var(--space-4);margin:var(--space-4) 0 0 var(--space-4);padding:var(--space-4);border-left:2px solid var(--color-border-strong);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-surface-canvas)}.comment-thread__reply+.comment-thread__reply{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-4)}@media (max-width:640px){:is(.clipboard-workspace,.clipboard-landing){--page-end-space:var(--space-8)}.clipboard-workspace .post-reading .comment-thread__replies{margin-left:var(--space-2);padding:var(--space-3)}}.action-modal{width:min(420px,100vw - 32px);max-height:calc(100dvh - 48px);padding:var(--space-7);border:1px solid var(--color-glass-edge);border-radius:var(--radius-surface);background:var(--color-surface-panel);color:var(--color-text-primary);box-shadow:var(--shadow-floating);margin:auto;overflow:auto}.action-modal::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#18162d61}.action-modal__heading{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.action-modal__heading h2{letter-spacing:-.04em;margin:0;font-size:22px;font-weight:700}.action-modal__close{background:var(--color-surface-canvas);width:32px;height:32px;color:var(--color-text-secondary);border:0;border-radius:50%;font-size:24px}.action-modal__message,.action-modal__form>p{margin:var(--space-4) 0 var(--space-7);color:var(--color-text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.action-modal__actions,.action-modal .report-modal__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6);display:flex}.action-modal__actions>button{min-width:88px}.action-modal .primary-button{background:var(--color-brand-700);color:#fff;border-radius:var(--radius-md)}.action-modal .action-modal__danger{background:var(--color-danger)}.action-modal button:focus-visible{outline:3px solid var(--color-brand-500);outline-offset:3px}.clipboard-workspace .post-reading .post-back-button{align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);background:var(--color-glass);color:var(--color-text-secondary);font-size:var(--text-sm);box-shadow:none;font-weight:650;transition:background .15s,color .15s;display:inline-flex}.clipboard-workspace .post-reading .post-back-button:hover{background:var(--color-surface-brand);color:var(--color-brand-700)}.post-back-button:focus-visible{outline:3px solid var(--color-brand-500);outline-offset:3px}.service-error{margin:var(--space-8) auto;padding:var(--space-12) var(--space-6);border-radius:var(--radius-surface);background:var(--color-glass);text-align:center;box-shadow:none}.service-error__symbol{width:56px;height:56px;margin:0 auto var(--space-6);border-radius:var(--radius-lg);color:var(--color-brand-700);background:var(--color-surface-brand);place-items:center;font-size:28px;font-weight:700;display:grid}.service-error h1{font-family:var(--font-display);font-size:clamp(22px,3vw,28px)}.service-error p{margin:var(--space-4) 0 var(--space-7);color:var(--color-text-secondary);line-height:1.8}.service-error__actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:no-preference){.clipboard-landing [data-scroll-reveal]{transition:opacity var(--dur-slow) ease-out var(--reveal-delay,0s), translate var(--dur-slow) cubic-bezier(.22, 1, .36, 1) var(--reveal-delay,0s)}.clipboard-landing [data-scroll-reveal=pending]{opacity:0;translate:0 20px}.clipboard-landing [data-scroll-reveal=visible]{opacity:1;translate:0}}:is(.ds-input,.ds-select,.ds-textarea,.auth-form input,.write-form input,.write-form select,.write-form textarea,.report-modal__textarea){transition:border-color .18s,box-shadow .18s,background-color .18s}:is(.ds-input,.ds-select,.ds-textarea,.auth-form input,.write-form input,.write-form select,.write-form textarea,.report-modal__textarea):focus{border-color:var(--color-brand-500);box-shadow:0 0 0 3px color-mix(in oklch, var(--color-brand) 14%, transparent);outline:none}:is(.community-search,.mobile-header-search,.comment-form){transition:border-color .18s,box-shadow .18s,background-color .18s}:is(.community-search,.mobile-header-search):focus-within{border-color:var(--color-brand-500);box-shadow:0 0 0 3px color-mix(in oklch, var(--color-brand) 14%, transparent);background:var(--color-surface-panel)}.clipboard-workspace .post-reading .comment-form:has(.comment-form__textarea:focus){border-color:var(--color-brand-500);box-shadow:0 0 0 3px color-mix(in oklch, var(--color-brand) 14%, transparent);background:var(--color-surface-panel)}:is(.community-search,.mobile-header-search) input:focus,.clipboard-workspace .post-reading .comment-form__textarea:focus{box-shadow:none;outline:none}@media (forced-colors:active){:is(.community-search,.mobile-header-search):focus-within,:is(.ds-input,.ds-select,.ds-textarea,.auth-form input,.write-form input,.write-form select,.write-form textarea,.report-modal__textarea):focus{outline-offset:2px;outline:2px solid highlight}.clipboard-workspace .post-reading .comment-form:has(.comment-form__textarea:focus){outline-offset:2px;outline:2px solid highlight}}.completion-toasts{z-index:100;bottom:calc(28px + env(safe-area-inset-bottom));gap:var(--space-2);pointer-events:none;width:max-content;max-width:calc(100vw - 32px);display:grid;position:fixed;left:50%;transform:translate(-50%)}.completion-toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:#fff;background:var(--color-fg-primary);pointer-events:auto;border:1px solid #ffffff24;border-radius:16px;font-size:14px;line-height:1.6;animation:.22s ease-out toast-enter;display:flex;box-shadow:0 12px 36px #18142d2e}.completion-toast__check{background:var(--color-success);width:24px;height:24px;color:var(--color-fg-primary);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.completion-toast.is-leaving{pointer-events:none;animation:.26s ease-in forwards toast-exit}.completion-toast button{width:28px;height:28px;color:var(--color-fg-inverse);background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;margin:0;padding:0;font-size:22px;line-height:1;display:grid}.completion-toast button:focus-visible{outline-offset:2px;outline:2px solid #fff}.back-to-top{z-index:35;right:max(24px, env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));border:1px solid var(--color-border-subtle);background:var(--color-glass);width:46px;height:46px;color:var(--color-brand-700);box-shadow:var(--shadow-elevated);opacity:0;visibility:hidden;border-radius:50%;place-items:center;transition:opacity .18s,translate .18s,visibility .18s;display:grid;position:fixed;translate:0 8px}.back-to-top.is-visible{opacity:1;visibility:visible;translate:0}.back-to-top:hover{background:var(--color-surface-brand)}.back-to-top:focus-visible{outline:3px solid var(--color-brand-500);outline-offset:3px}.like-feedback-heart,.like-feedback-count{display:inline-block}.like-feedback-heart{animation:.42s cubic-bezier(.2,.8,.3,1) like-pop}.like-feedback-count{font-variant-numeric:tabular-nums;animation:.26s ease-out like-count}@keyframes toast-enter{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@keyframes toast-exit{0%{opacity:1;translate:0}to{opacity:0;translate:0 32px}}@keyframes like-pop{0%,to{transform:scale(1)}40%{transform:scale(1.35)}70%{transform:scale(.92)}}@keyframes like-count{0%{opacity:.4;translate:0 4px}to{opacity:1;translate:0}}@media (max-width:640px){.completion-toasts{bottom:calc(82px + env(safe-area-inset-bottom))}.back-to-top{width:42px;height:42px;right:16px}}@media (prefers-reduced-motion:reduce){.completion-toast,.completion-toast.is-leaving,.like-feedback-heart,.like-feedback-count{animation:none}.back-to-top{transition:none}}.community-symbol{object-fit:contain;flex:none;width:40px;height:40px;display:block}.community-wordmark-text{font-family:var(--font-body);letter-spacing:-.02em;white-space:nowrap;font-size:16px;font-weight:650;line-height:1.4}.mobile-wordmark .community-symbol{width:32px;height:32px}}
@layer legacy{.community-mega-nav{position:relative}.community-mega-panel{background:var(--color-surface-panel);border-block:1px solid var(--color-border-subtle);box-shadow:none;max-height:calc(100dvh - 128px);position:absolute;inset:100% 0 auto;overflow-y:auto}.community-mega-panel[hidden]{display:none}.community-mega-grid{gap:var(--space-6);padding-block:var(--space-6);grid-template-columns:180px minmax(0,1fr);align-items:start;display:grid}.community-mega-grid ul{gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.community-primary-nav .community-mega-grid a{min-height:36px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);white-space:normal;font-size:var(--text-sm);display:flex}.community-primary-nav .community-mega-grid .mega-section-title{font-size:var(--text-base);color:var(--color-brand-700);font-weight:700}.community-mega-nav .community-nav-link[aria-expanded=true] svg{transform:rotate(180deg)}.community-dashboard .dashboard-grid{gap:var(--space-6);padding-block:var(--space-8);grid-template-columns:minmax(0,1fr) 280px;grid-template-areas:"banner banner""shortcuts account""popular keywords""weekly keywords";align-items:start;display:grid}.dashboard-panel{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-panel);min-width:0;box-shadow:none}.dashboard-shortcuts{padding:var(--space-6);grid-area:shortcuts}.dashboard-account{padding:var(--space-6);grid-area:account;align-self:stretch;align-items:center;display:grid}.dashboard-popular{grid-area:popular}.dashboard-keywords{grid-area:keywords}.dashboard-weekly{grid-area:weekly}.dashboard-heading{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.dashboard-heading h1{font-family:var(--font-display);font-size:var(--text-xl);margin:0;font-weight:400;line-height:1.4}.dashboard-heading p{color:var(--color-text-tertiary);margin:var(--space-2) 0 0;font-size:var(--text-sm)}.dashboard-topic-grid{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.dashboard-topic-grid a{align-items:center;gap:var(--space-2);background:var(--color-surface-canvas);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-2);font-size:var(--text-sm);display:flex}.dashboard-topic-grid img{object-fit:contain;flex-shrink:0;width:36px;height:36px}.dashboard-topic-grid svg{width:10px;color:var(--color-text-tertiary);margin-left:auto}.dashboard-topic-grid a:hover{background:var(--color-surface-brand);border-color:var(--color-brand-500)}.dashboard-board-links{gap:var(--space-2) var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.dashboard-board-links a{color:var(--color-text-secondary);font-size:var(--text-sm);padding-block:var(--space-1)}.dashboard-board-links a:hover{color:var(--color-brand-700);text-decoration:underline}.dashboard-widget-heading{justify-content:space-between;align-items:baseline;gap:var(--space-2);padding:var(--space-4) var(--space-6);display:flex}.dashboard-widget-heading h2{font-family:var(--font-display);font-weight:400;font-size:var(--text-lg);margin:0}.dashboard-widget-heading>span{color:var(--color-text-tertiary);font-size:var(--text-xs)}.dashboard-keywords ul{padding:0 var(--space-6) var(--space-2);margin:0;list-style:none}.dashboard-keywords li+li{border-top:1px solid var(--color-border-subtle)}.dashboard-keywords a{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:44px;font-size:var(--text-sm);display:flex}.dashboard-keywords a:hover{color:var(--color-brand-700)}.dashboard-keywords svg{width:12px;color:var(--color-text-tertiary)}.dashboard-account .sidebar-login{box-shadow:none;text-align:center;background:0 0;border:0;padding:0}.dashboard-account .sidebar-avatar{width:40px;height:40px;margin:0 auto var(--space-2);border-radius:var(--radius-md);color:var(--color-brand-700);background:var(--color-surface-brand);place-items:center;display:grid}.dashboard-account .sidebar-login p{font-size:var(--text-sm);margin-block:var(--space-2) var(--space-3);line-height:1.6}.dashboard-account .sidebar-auth-btns{gap:var(--space-2);display:flex}.dashboard-account .sidebar-login__button{min-width:0;padding-inline:var(--space-2);font-size:var(--text-sm);flex:1}.dashboard-account .sidebar-login__name{color:var(--color-text-primary)}.post-table-panel{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-panel);min-width:0;overflow:hidden}.community-post-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:var(--text-sm)}.community-post-table .post-col-author{width:80px}.community-post-table .post-col-date{width:92px}.community-post-table .post-col-number{width:62px}.community-post-table th{background:var(--color-surface-canvas);font-size:var(--text-xs);color:var(--color-text-secondary);text-align:center;font-weight:600}.community-post-table :is(th,td){padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--color-border-subtle)}.community-post-table th:first-child{text-align:left;padding-left:var(--space-4)}.community-post-table tbody tr:last-child td{border-bottom:0}.community-post-table tbody tr:hover,.community-post-table tbody tr:focus-within{background:var(--color-surface-brand)}.community-post-table td{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.community-post-table .post-cell-title{padding-left:var(--space-4)}.post-table-link{align-items:baseline;gap:var(--space-2);color:var(--color-text-primary);min-width:0;line-height:1.65;display:flex}.post-table-link:hover{color:var(--color-brand-700)}.post-table-subject{overflow-wrap:anywhere;min-width:0}.post-table-category{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-right:var(--space-2)}.post-table-notice{font-size:var(--text-xs);color:var(--color-brand-700);margin-right:var(--space-2);font-weight:700}.post-table-rank{font-size:var(--text-xs);color:var(--color-brand-700);flex-shrink:0;width:18px;font-weight:700}.post-table-comments{color:var(--color-brand-700);font-size:var(--text-xs);margin-left:var(--space-1);white-space:nowrap}.post-cell-author,.post-cell-date,.post-cell-number{text-align:center;font-size:var(--text-xs)}.post-mobile-label{display:none}.community-post-table .post-table-empty{padding:var(--space-8) var(--space-4);text-align:center}.post-table-empty a{margin-left:var(--space-2);color:var(--color-brand-700);display:inline-block}@media (max-width:1100px) and (min-width:981px){.dashboard-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board-index .community-post-table .post-col-author{width:64px}.board-index .community-post-table .post-col-date{width:80px}.board-index .community-post-table .post-col-number{width:50px}}@media (max-width:980px){.dashboard-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.community-dashboard .dashboard-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"banner""shortcuts""account""popular""keywords""weekly"}.dashboard-account .sidebar-login{width:100%;max-width:360px;margin-inline:auto}.dashboard-keywords ul{column-gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (max-width:640px){.community-dashboard .dashboard-grid{padding-block:var(--space-4);gap:var(--space-4)}.dashboard-shortcuts,.dashboard-account{padding:var(--space-4)}.dashboard-heading{align-items:flex-start;gap:var(--space-3);flex-wrap:wrap}.dashboard-heading h1{font-size:var(--text-lg)}.dashboard-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-widget-heading{padding-inline:var(--space-4)}.dashboard-widget-heading>span{display:none}.dashboard-keywords ul{padding-inline:var(--space-4);gap:0 var(--space-4)}.community-post-table,.community-post-table tbody{display:block}.community-post-table colgroup{display:none}.community-post-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.community-post-table tbody tr{gap:var(--space-1) var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);grid-template-columns:minmax(0,1fr) auto minmax(0,auto) minmax(0,auto);display:grid}.community-post-table tbody tr:last-child{border:0}.community-post-table tbody td{text-align:left;min-width:0;font-size:var(--text-xs);border:0;padding:0;display:block}.community-post-table .post-cell-title{padding:0 0 var(--space-1);font-size:var(--text-sm);grid-column:1/-1}.community-post-table .post-cell-author{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.post-cell-date{white-space:nowrap}.post-mobile-label{display:inline}.community-post-table .post-table-empty{padding:var(--space-4) 0;text-align:center;grid-column:1/-1}}.mobile-menu-home{padding:var(--space-4);border-bottom:1px solid var(--color-border-subtle);font-weight:700;display:block}.dashboard-view-all{justify-content:center;align-items:center;gap:var(--space-2);min-height:36px;padding:var(--space-2) 0;color:var(--color-text-secondary);font-size:var(--text-xs);white-space:nowrap;background:0 0;border:0;display:inline-flex}.dashboard-view-all:hover{color:var(--color-brand-700);text-underline-offset:4px;text-decoration:underline}.dashboard-view-all svg{width:10px}.clipboard-workspace .ds-page__main .portal-layout.portal-layout--content{grid-template-columns:minmax(0,1fr) 280px}@media (max-width:980px){.clipboard-workspace .ds-page__main .portal-layout.portal-layout--content{grid-template-columns:minmax(0,1fr)}}.community-post-table :is(th,td):not(:first-child){text-align:center}.community-post-table .post-cell-title{text-align:left}.community-dashboard .post-table-category{padding:var(--space-1) var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-brand);color:var(--color-brand-700);vertical-align:baseline;line-height:1.4;display:inline-block}.clipboard-workspace .post-reading .post-detail-back{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.post-detail-back .post-actions{gap:var(--space-2);border:0;margin:0 0 0 auto;padding:0}@media (max-width:640px){.clipboard-workspace .post-reading .post-back-button{padding-inline:var(--space-3);gap:var(--space-1);font-size:var(--text-xs)}}.dashboard-account{padding:var(--space-4);align-items:stretch}.account-widget{flex-direction:column;width:100%;min-width:0;display:flex}.account-widget__heading{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:600;display:flex}.account-widget__status{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:400;display:inline-flex}.account-widget__status:before{content:"";background:var(--color-brand-500);border-radius:50%;width:5px;height:5px}.account-widget__profile{align-items:center;gap:var(--space-3);padding-block:var(--space-4);flex:1;min-width:0;display:flex}.account-widget__avatar{border:1px solid var(--color-border-subtle);background:var(--color-surface-brand);width:48px;height:48px;color:var(--color-brand-700);border-radius:16px;flex-shrink:0;place-items:center;font-size:20px;font-weight:700;display:grid}.account-widget__avatar svg{width:18px}.account-widget__identity{min-width:0}.account-widget__identity strong{font-size:var(--text-md);color:var(--color-text-primary);overflow-wrap:anywhere;display:block}.account-widget__identity p{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--color-text-tertiary)}.account-widget__action{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:40px;padding:var(--space-2) var(--space-3);background:var(--color-surface-brand);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-brand-700);font-size:var(--text-sm);font-weight:600;display:flex}.account-widget__action svg{width:11px}.account-widget__action:hover{border-color:var(--color-brand-500)}.account-widget__action--primary{background:var(--color-brand-700);color:#fff}.account-widget__footer{margin-top:var(--space-2);justify-content:flex-end;display:flex}.account-widget__footer button{align-items:center;gap:var(--space-1);min-height:28px;padding:var(--space-1) 0 var(--space-1) var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-xs);cursor:pointer;background:0 0;border:0;display:inline-flex}.account-widget__footer button:hover{color:var(--color-text-primary)}.account-widget__footer svg{width:11px}.account-widget__hint{margin:var(--space-3) 0 0;font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:center}.account-widget :is(a,button):focus-visible{outline:3px solid var(--color-brand-500);outline-offset:3px}.account-widget__actions{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.account-widget__actions .account-widget__action{padding-inline:var(--space-2);justify-content:center;gap:var(--space-1);font-size:var(--text-xs);cursor:pointer;white-space:nowrap}.account-widget__action--secondary{background:var(--color-surface-panel);color:var(--color-text-secondary)}.dashboard-banner{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-brand);grid-area:banner;position:relative;overflow:hidden}.dashboard-banner--marketing,.dashboard-banner--popular{background:var(--color-bg-secondary)}.dashboard-banner__link{justify-content:space-between;align-items:center;gap:var(--space-6);min-height:184px;padding:var(--space-6) 100px var(--space-6) var(--space-8);display:flex}.dashboard-banner__link h2{font-family:var(--font-display);word-break:keep-all;margin:0;font-size:clamp(18px,2vw,24px);font-weight:400;line-height:1.5}.dashboard-banner__link p{margin:var(--space-2) 0 var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm)}.dashboard-banner__link>div>span{color:var(--color-brand-700);font-size:var(--text-sm);font-weight:600}.dashboard-banner__link img{object-fit:contain;flex-shrink:0;width:128px;height:128px}.dashboard-banner__controls{align-items:center;gap:var(--space-2);display:flex;position:absolute;bottom:16px;right:20px}.dashboard-banner__controls button{border:1px solid var(--color-border-subtle);background:var(--color-surface-panel);width:32px;height:32px;color:var(--color-text-primary);cursor:pointer;border-radius:50%;place-items:center;font-size:22px;display:grid}.dashboard-banner__controls span{font-size:var(--text-xs);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.dashboard-banner :is(a,button):focus-visible{outline:3px solid var(--color-brand-500);outline-offset:-3px}@media (max-width:640px){.dashboard-banner__link{padding:var(--space-5) var(--space-5) var(--space-12);gap:var(--space-2);min-height:224px}.dashboard-banner__link img{width:64px;height:64px}.dashboard-banner__link p{font-size:var(--text-xs)}}.portal-account-panel{padding:var(--space-4)}.dashboard-banner__track{transition:transform .55s ease-in-out;display:flex}.dashboard-banner__slide{flex:0 0 100%;min-width:0}.dashboard-banner--community,.dashboard-banner--marketing,.dashboard-banner--popular{background:var(--color-bg-secondary)}.dashboard-banner__link{padding-right:var(--space-8)}.dashboard-account{align-self:start}.account-widget__profile{padding-block:0 var(--space-4);flex:none}.community-mega-panel:not([hidden]){animation:.18s ease-out community-menu-reveal}@keyframes community-menu-reveal{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.dashboard-banner__link{padding:var(--space-5);min-height:184px}}@media (prefers-reduced-motion:reduce){.community-mega-panel:not([hidden]){animation:none}.dashboard-banner__track{transition-duration:1ms}}.account-widget__activity{gap:var(--space-2);border-top:1px solid var(--color-border-subtle);margin-top:var(--space-4);padding-top:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.account-widget__activity a{border-radius:var(--radius-sm);min-height:36px;font-size:var(--text-sm);color:var(--color-text-secondary);place-items:center;font-weight:600;display:grid}.account-widget__activity a:hover{background:var(--color-surface-brand);color:var(--color-brand-700)}.my-activity-panel{overflow:hidden}.my-activity-heading{padding:var(--space-6)}.my-activity-heading h1{font-family:var(--font-display);font-size:var(--text-xl);margin:0;font-weight:400}.my-activity-heading p,.my-activity-count{color:var(--color-text-secondary);font-size:var(--text-sm)}.my-activity-count{margin:var(--space-5) var(--space-6) var(--space-3)}.my-activity-list{margin:0;padding:0;list-style:none}.my-activity-list li{border-top:1px solid var(--color-border-subtle)}.my-activity-list a{align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);display:flex}.my-activity-list a:hover{background:var(--color-surface-brand)}.my-activity-list__copy{overflow-wrap:anywhere;flex:1;min-width:0}.my-activity-list__copy p{margin:0 0 var(--space-2);white-space:pre-wrap}.my-activity-list__post,.my-activity-list time{font-size:var(--text-xs);color:var(--color-text-tertiary)}.my-activity-list time{white-space:nowrap}.my-activity-pagination{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-6);display:flex}.my-activity-pagination button:disabled{opacity:.4;cursor:default}@media (max-width:640px){.my-activity-list a{gap:var(--space-2);padding:var(--space-4);flex-wrap:wrap}.my-activity-list__copy{flex-basis:100%}}.my-activity-panel .board-tabs{gap:var(--space-5);padding:0 var(--space-6);border-bottom:1px solid var(--color-border-subtle);display:flex}.my-activity-panel .board-tabs a{padding:var(--space-3) var(--space-1);color:var(--color-text-secondary);font-size:var(--text-sm);border-bottom:3px solid #0000}.my-activity-panel .board-tabs a[aria-current=page]{color:var(--color-brand-700);border-bottom-color:var(--color-brand-500);font-weight:700}.board-list-actions{align-items:center;gap:var(--space-2);min-width:0;display:flex}.board-write-link{white-space:nowrap;flex-shrink:0}.search-write-actions{margin:0 0 var(--space-4);justify-content:flex-end;display:flex}.my-activity-panel .search-write-actions{margin-inline:var(--space-6)}@media (max-width:640px){.board-list-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.board-list-actions form{flex:1;min-width:180px}}}
html{scroll-padding-top:144px}body{font-size:var(--text-base);line-height:var(--line-body);letter-spacing:-.005em}h1,h2,h3,h4{font-family:var(--font-body);font-weight:700;line-height:var(--line-heading);letter-spacing:-.02em;text-wrap:pretty}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}:where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}:where(button,input,select,textarea):disabled{cursor:not-allowed;opacity:var(--disabled-opacity)}:where(button,input,select,textarea)[aria-busy=true]{cursor:progress}:where(button,a){touch-action:manipulation}:where(img,video){max-width:100%}.primary-button,.secondary-button,.ghost-button,.danger-button,.icon-button,.auth-submit,.write-auth-action,.ui-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:var(--space-3) var(--space-5);border-radius:var(--radius-control);font-size:var(--text-base);text-align:center;white-space:normal;box-shadow:none;transition:background-color var(--dur-short), border-color var(--dur-short), color var(--dur-short);background-image:none;border:1px solid #0000;font-weight:600;line-height:1.25;text-decoration:none;display:inline-flex}.primary-button,.auth-submit,.write-auth-action,.ui-button--primary{background:var(--color-action);color:var(--color-fg-inverse)}.primary-button:hover:not(:disabled),.auth-submit:hover:not(:disabled),.write-auth-action:hover,.ui-button--primary:hover:not(:disabled){background:var(--color-brand-active);color:var(--color-fg-inverse);box-shadow:none;transform:none}.secondary-button,.ui-button--secondary{background:var(--color-bg-secondary);color:var(--color-fg-primary)}.ghost-button,.icon-button,.ui-button--ghost{color:var(--color-fg-secondary);background:0 0}:is(.secondary-button,.ghost-button,.icon-button,.ui-button--secondary,.ui-button--ghost):hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-fg-primary);transform:none}.danger-button,.action-modal__danger,.ui-button--danger{background:var(--color-danger-text);color:var(--color-fg-inverse)}:is(.primary-button,.secondary-button,.ghost-button,.danger-button,.icon-button,.ui-button):active:not(:disabled){background-image:linear-gradient(var(--color-press-overlay), var(--color-press-overlay));transform:none}.icon-button{width:48px;padding:var(--space-3)}.ui-button--small{min-height:40px;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md)}.ui-button__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite ui-spin}@keyframes ui-spin{to{rotate:360deg}}:where(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]),select,textarea){border:1px solid var(--color-line-default);border-radius:var(--radius-md);min-width:0;min-height:48px;padding:var(--space-3) var(--space-4);color:var(--color-fg-primary);background:var(--color-bg-secondary);font-size:var(--text-base);transition:border-color var(--dur-short), background-color var(--dur-short);line-height:1.5}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--color-fg-placeholder);opacity:1}:is(input,select,textarea):focus{border-color:var(--color-brand);background-color:var(--color-bg-primary)}:is(input,select,textarea)[aria-invalid=true]{border-color:var(--color-danger)}:is(input,textarea)[readonly]{color:var(--color-fg-secondary);background-color:var(--color-bg-weak)}input:is([type=checkbox],[type=radio]){accent-color:var(--color-brand)}:is(.catalog-search,.community-search,.mobile-header-search,.search-page-form,.board-search__field){border:1px solid var(--color-line-default);border-radius:var(--radius-md);background:var(--color-bg-secondary);min-height:48px;color:var(--color-fg-secondary);box-shadow:none}:is(.catalog-search,.community-search,.mobile-header-search,.search-page-form,.board-search__field):focus-within{background:var(--color-bg-primary);border-color:var(--color-brand);outline:2px solid var(--color-focus);outline-offset:2px}:is(.catalog-search,.community-search,.mobile-header-search,.search-page-form,.board-search__field) input{width:100%;min-width:0;box-shadow:none;background:0 0;border:0;outline:none}:is(.catalog-search,.community-search,.mobile-header-search) button{min-width:44px;min-height:44px}:is(.login-password-field,.password-field) input{padding-right:56px}:is(.password-toggle,.password-field button,.dialog-close,.action-modal__close){width:44px;min-width:44px;height:44px;min-height:44px}:is(.form-error,.signup-form-error){color:var(--color-danger-text);background:var(--color-danger-soft);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);border:0;line-height:1.5}:is(.primary-nav,.community-primary-nav){background:var(--color-bg-primary);border-color:var(--color-line-subtle);box-shadow:none}:is(.site-header,.register-header,.community-header){background:var(--color-bg-primary);border-bottom:1px solid var(--color-line-subtle);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}:is(.header-top,.header-main){gap:var(--space-6);min-height:80px}:is(.primary-nav,.community-primary-nav) :is(a,button){min-height:44px;color:var(--color-fg-secondary);font-size:var(--text-base)}:is(.primary-nav,.community-primary-nav) :is(a,button):hover{background:var(--color-bg-secondary);color:var(--color-fg-primary);transform:none}:is(.primary-nav,.community-primary-nav) [aria-current=page]{color:var(--color-fg-primary);background:var(--color-bg-secondary);font-weight:700}:is(.subnav-menu,.community-subnav,.community-mega-panel){background:var(--color-bg-primary);border-color:var(--color-line-default);box-shadow:var(--shadow-elevated)}:is(.wordmark-logo-image,.community-symbol){filter:none}:is(.wordmark strong,.community-wordmark-text){font-family:var(--font-body);letter-spacing:-.02em;font-weight:700}:is(.category-badge,.post-category,.post-detail-card__category,.detail-section-badge){color:var(--color-fg-secondary);background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:var(--text-xs);border:0;font-weight:500}:is(.collection-filter-tabs,.search-filter-tabs,.board-tabs) :is(a,button),.pagination-number{border-radius:var(--radius-full);min-height:44px}:is(.collection-filter-tabs,.search-filter-tabs,.board-tabs) :is(.is-active,[aria-selected=true],[aria-current=page]),.pagination-number.is-active{color:var(--color-fg-inverse);background:var(--color-fg-primary);border-color:var(--color-fg-primary);box-shadow:none}:is(.pagination,.collection-pagination,.product-list-pagination) :is(button,a){min-width:44px;min-height:44px}:is(.post-meta,.ds-meta,.collection-result-count,.search-result-count,.cart-item-price,.product-price-panel,.rank-num,time){font-variant-numeric:tabular-nums}:is(.action-modal,.community-dialog,.admin-delete-dialog){padding:var(--space-6);border-radius:var(--radius-dialog);background:var(--color-bg-primary);box-shadow:var(--shadow-floating);border:0;max-height:calc(100dvh - 48px);overflow-y:auto}.action-modal::backdrop,.community-dialog-backdrop,.admin-delete-dialog-backdrop{background:var(--color-overlay);-webkit-backdrop-filter:none;backdrop-filter:none}.action-modal__heading h2{font-size:var(--text-lg)}.completion-toast{background:var(--color-fg-primary);color:var(--color-fg-inverse);border-radius:var(--radius-control);box-shadow:var(--shadow-elevated);font-size:var(--text-base);border:0}.completion-toast__check{background:var(--color-success);width:20px;height:20px;color:var(--color-fg-inverse)}.completion-toast button{width:44px;height:44px;color:var(--color-fg-inverse)}.ui-state{justify-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center;display:grid}.ui-state__icon{border-radius:var(--radius-lg);background:var(--color-bg-secondary);width:48px;height:48px;color:var(--color-fg-secondary);place-items:center;display:grid}.ui-state__icon svg{width:24px;height:24px}.ui-state h2{font-size:var(--text-lg);margin:0}.ui-state p{color:var(--color-fg-secondary);max-width:40ch;margin:0}.ui-state>a,.ui-state>button{margin-top:var(--space-2)}@media (max-width:640px){:is(.header-top,.header-main){gap:var(--space-3)}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}.ui-button--small{min-height:44px}.action-modal{width:calc(100% - 32px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){:focus-visible{outline:2px solid highlight}}.ui-loading-state{align-content:center;min-height:40vh}.ui-loading-state .ui-button__spinner{width:24px;height:24px;color:var(--color-fg-secondary)}