.cafe{--cafe-accent:#9984f4;--cafe-accent-ink:#ffffff;--cafe-width:1160px;--cafe-side:252px;--cafe-gutter:20px;--cafe-radius:12px;--cafe-line:var(--border-light);--cafe-hover:color-mix(in srgb,var(--text-primary) 6%,transparent);--cafe-soft:color-mix(in srgb,var(--cafe-accent) 12%,transparent);--cafe-new:#ff6b35;--cafe-like:#e5484d;--cafe-topbar:56px;display:flex;flex-direction:column;min-height:100dvh;background:var(--background);color:var(--text-primary);font-size:14px;accent-color:var(--cafe-accent)}.cafe :is(a,button,summary,select,input,textarea):focus-visible{outline:2px solid var(--cafe-accent);outline-offset:2px}.cafe :is(button,summary){cursor:pointer}.cafe :is(button,input,select,textarea):disabled{cursor:not-allowed}.cafe-fill{position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover}.cafe-fill.is-contain{object-fit:contain}.cafe .cafe-round{border-radius:50%}.cafe-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cafe-wrap{width:100%;max-width:calc(var(--cafe-width) + var(--cafe-gutter) * 2);margin:0 auto;padding:0 var(--cafe-gutter)}.cafe-primary-button,.space-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 16px;border-radius:10px;background:var(--cafe-accent);color:var(--cafe-accent-ink);font-size:13.5px;font-weight:700;white-space:nowrap;transition:filter .15s}.cafe-primary-button:hover:not(:disabled),.space-button:hover:not(:disabled){filter:brightness(1.07)}.cafe-ghost-button,.community-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 14px;border:1px solid var(--cafe-line);border-radius:10px;background:var(--background-card);color:var(--text-primary);font-size:13.5px;font-weight:600;white-space:nowrap}.cafe-ghost-button:hover:not(:disabled),.community-secondary-button:hover:not(:disabled){background:var(--cafe-hover)}.cafe-danger-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 14px;border:1px solid color-mix(in srgb,var(--cafe-like) 40%,transparent);border-radius:10px;color:var(--cafe-like);font-size:13.5px;font-weight:700}.cafe-danger-button:hover:not(:disabled){background:color-mix(in srgb,var(--cafe-like) 8%,transparent)}.cafe-block{width:100%}.cafe-small-button{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 10px;border:1px solid var(--cafe-line);border-radius:8px;font-size:12.5px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.cafe-small-button:hover:not(:disabled){background:var(--cafe-hover);color:var(--text-primary)}:is(.cafe,.cafe-wizard) :is(.cafe-primary-button,.space-button,.cafe-ghost-button,.community-secondary-button,.cafe-danger-button,.cafe-small-button):disabled{opacity:.5}.cafe-wizard :is(a,button,input,textarea,label):focus-visible{outline:2px solid var(--cafe-accent);outline-offset:2px}.cafe-wizard :is(button,label[for]){cursor:pointer}.cafe-field,.space-field{display:block;width:100%;padding:9px 12px;border:1px solid var(--cafe-line);border-radius:8px;background:var(--background-input);color:var(--text-primary);font-size:14px;line-height:1.6}.cafe-field:focus,.space-field:focus{outline:2px solid color-mix(in srgb,var(--cafe-accent) 60%,transparent);outline-offset:0}textarea.cafe-field,textarea.space-field{min-height:96px;resize:vertical}select.cafe-field{padding-right:28px}.space-form{display:grid;gap:14px}.space-form label:not(.cafe-sr,.cafe-check){display:grid;gap:6px;font-size:13px;font-weight:600;line-height:1.5}.cafe-check,.space-form label.cafe-check{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500}.cafe-muted,.space-muted{color:var(--text-gray);font-size:13px;font-weight:400;line-height:1.6}.cafe-panel,.space-panel{padding:20px;border:1px solid var(--cafe-line);border-radius:var(--cafe-radius);background:var(--background-card)}.cafe-panel h2,.space-panel h3{font-size:16px;font-weight:800;line-height:1.4}.cafe-panel>*+*{margin-top:14px}.cafe-panel.space-form>*+*{margin-top:0}.cafe-card{min-width:0;padding:20px;border:1px solid var(--cafe-line);border-radius:var(--cafe-radius)}.cafe-card,.cafe-status{background:var(--background-card)}.cafe-status{padding:12px 14px;border:1px solid var(--cafe-line);border-radius:10px;font-size:13.5px;line-height:1.5}.cafe-topbar{position:sticky;top:0;z-index:40;height:var(--cafe-topbar);border-bottom:1px solid var(--cafe-line);background:color-mix(in srgb,var(--background) 92%,transparent);backdrop-filter:blur(10px)}.cafe-topbar .cafe-wrap{display:flex;align-items:center;gap:8px;height:100%}.cafe-icon-button{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:10px;color:var(--text-secondary)}.cafe-icon-button:hover{background:var(--cafe-hover);color:var(--text-primary)}.cafe-topbar-back{margin-left:-8px}.cafe-topbar-brand{display:flex;align-items:center;gap:9px;min-width:0}.cafe-topbar-brand img{width:30px;height:30px;flex-shrink:0;border-radius:9px;object-fit:cover}.cafe-topbar-brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:800;letter-spacing:-.01em}.cafe-topbar-search{display:flex;align-items:center;gap:4px;width:300px;height:38px;margin-left:auto;padding:0 4px 0 14px;border:1px solid var(--cafe-line);border-radius:999px;background:var(--background-input)}.cafe-topbar-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--text-primary);font-size:13.5px;outline:none}.cafe-topbar-search button{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--text-gray)}.cafe-topbar-search button:hover{color:var(--text-primary)}.cafe-topbar-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.cafe-topbar-me{display:flex;align-items:center;gap:8px;height:38px;padding:0 10px 0 4px;border-radius:999px;font-size:13px;font-weight:600}.cafe-topbar-me:hover{background:var(--cafe-hover)}.cafe-topbar-me img{width:30px;height:30px;border-radius:50%;object-fit:cover}.cafe-search-sheet,.cafe-topbar-mobile{display:none}.cafe-cover{margin-top:18px}.cafe-cover-frame{position:relative;height:188px;overflow:hidden;border-radius:var(--cafe-radius);background:linear-gradient(120deg,color-mix(in srgb,var(--cafe-accent) 70%,#111),var(--cafe-accent) 60%,color-mix(in srgb,var(--cafe-accent) 70%,#fff))}.cafe-cover-frame>img,.cafe-cover-frame>span>img{object-fit:cover}.cafe-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 20%,rgba(0,0,0,.62));pointer-events:none}.cafe-cover-copy{position:absolute;left:24px;right:24px;bottom:20px;display:flex;align-items:flex-end;gap:16px;color:#fff}.cafe-cover-icon{width:68px;height:68px;flex-shrink:0;overflow:hidden;border:2px solid rgba(255,255,255,.9);border-radius:18px;background:rgba(255,255,255,.2)}.cafe-cover-icon img{width:100%;height:100%;object-fit:cover}.cafe-cover-text{min-width:0;flex:1}.cafe-cover-text h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(20px,2.4vw,26px);font-weight:800;letter-spacing:-.02em;line-height:1.25}.cafe-cover-text p{display:-webkit-box;margin-top:3px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.5;opacity:.9;overflow-wrap:anywhere}.cafe-cover-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:12.5px;opacity:.92}.cafe-cover-meta>span,.cafe-live-badge{display:inline-flex;align-items:center;gap:4px}.cafe-live-badge{height:22px;padding:0 8px;border-radius:6px;background:var(--cafe-like);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em}.cafe-cover-join{display:none}.cafe-body{display:grid;grid-template-columns:var(--cafe-side) minmax(0,1fr);gap:24px;align-items:start;margin-top:20px;padding-bottom:96px}.cafe-main{gap:16px;min-width:0}.cafe-main,.cafe-side{display:flex;flex-direction:column}.cafe-side{position:sticky;top:calc(var(--cafe-topbar) + 16px);gap:12px;max-height:calc(100dvh - var(--cafe-topbar) - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.cafe-scrim,.cafe-side-close{display:none}.cafe-side-card{overflow:hidden;border:1px solid var(--cafe-line);border-radius:var(--cafe-radius);background:var(--background-card)}.cafe-side-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--cafe-line)}.cafe-side-tabs button{height:42px;color:var(--text-gray);font-size:13px;font-weight:700}.cafe-side-tabs button[aria-selected=true]{color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--cafe-accent)}.cafe-side-body{display:flex;flex-direction:column;gap:12px;padding:16px}.cafe-side-identity{display:flex;align-items:center;gap:12px;min-width:0}.cafe-side-identity img{width:48px;height:48px;flex-shrink:0;border-radius:13px;object-fit:cover}.cafe-side-identity>div{min-width:0}.cafe-side-identity strong{font-size:15px;font-weight:800}.cafe-side-identity span,.cafe-side-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cafe-side-identity span{color:var(--text-gray);font-size:12px}.cafe-side-meta{display:grid;gap:7px;padding:12px 0;border-block:1px solid var(--cafe-line);font-size:12.5px}.cafe-side-meta>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.cafe-side-meta dt{color:var(--text-gray)}.cafe-side-meta dd{display:inline-flex;align-items:center;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.cafe-side-meta dd a:hover{text-decoration:underline;text-underline-offset:3px}.cafe-tier{color:var(--cafe-accent)}.cafe-side-note{padding:10px 12px;border-radius:10px;background:var(--cafe-soft);font-size:12.5px;line-height:1.55}.cafe-side-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}.cafe-side-stats>div{display:flex;flex-direction:column;gap:2px}.cafe-side-stats>div+div{border-left:1px solid var(--cafe-line)}.cafe-side-stats dt{color:var(--text-gray);font-size:11.5px}.cafe-side-stats dd{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}.cafe-side-links{display:grid;gap:6px}.cafe-grade-badge{display:inline-flex;align-items:center;height:19px;padding:0 6px;border:1px solid color-mix(in srgb,var(--cafe-accent) 50%,transparent);border-radius:5px;color:var(--cafe-accent);font-size:11px;font-weight:700;line-height:1;white-space:nowrap}.cafe-grade-badge.is-manager{border-color:transparent;background:var(--cafe-accent);color:var(--cafe-accent-ink)}.cafe-grade-badge.is-staff{border-color:transparent;background:var(--cafe-soft)}.cafe-grade-badge.is-muted{border-color:var(--cafe-line);color:var(--text-gray)}.cafe-menu{padding:8px;border:1px solid var(--cafe-line);border-radius:var(--cafe-radius);background:var(--background-card)}.cafe-menu ul{display:flex;flex-direction:column}.cafe-menu a{display:flex;align-items:center;gap:8px;min-height:35px;padding:0 10px;border-radius:8px;color:var(--text-secondary);font-size:13.5px;line-height:1.3}.cafe-menu a>span:first-of-type{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cafe-menu a>svg{flex-shrink:0;color:var(--text-gray)}.cafe-menu a:hover{background:var(--cafe-hover);color:var(--text-primary)}.cafe-menu a[aria-current=page]{background:var(--cafe-soft);color:var(--text-primary);font-weight:700}.cafe-menu a[aria-current=page]>svg{color:var(--cafe-accent)}.cafe-menu-count{margin-left:auto;color:var(--text-gray);font-size:11.5px;font-weight:500;font-variant-numeric:tabular-nums}.cafe-menu-header{padding:14px 10px 4px;color:var(--text-gray);font-size:11.5px;font-weight:800;letter-spacing:.02em}.cafe-menu-header:first-child{padding-top:6px}.cafe-menu-divider{height:1px;margin:7px 8px;background:var(--cafe-line)}.cafe-menu-system{padding-bottom:6px;margin-bottom:4px;border-bottom:1px solid var(--cafe-line)}.cafe-menu-system a{font-weight:700;color:var(--text-primary)}.cafe-menu-footer{display:grid;gap:6px}.cafe-fab,.cafe-quick-tabs{display:none}.cafe-page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 16px;padding-bottom:12px;border-bottom:2px solid var(--text-primary)}.cafe-page-head h1{font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.3}.cafe-page-head h1 small{margin-left:8px;color:var(--text-gray);font-size:13px;font-weight:600}.cafe-page-head p{margin-top:4px;color:var(--text-gray);font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.cafe-page-tools{align-items:center}.cafe-chip-row,.cafe-page-tools{display:flex;flex-wrap:wrap;gap:6px}.cafe-chip{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid var(--cafe-line);border-radius:999px;color:var(--text-secondary);font-size:12.5px;font-weight:600;white-space:nowrap}.cafe-chip:hover{background:var(--cafe-hover)}.cafe-chip[aria-current=true],.cafe-chip[aria-pressed=true]{border-color:transparent;background:var(--cafe-soft);color:var(--text-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cafe-accent) 45%,transparent)}.cafe-view-switch{display:inline-flex;overflow:hidden;border:1px solid var(--cafe-line);border-radius:8px}.cafe-view-switch a{display:grid;place-items:center;width:34px;height:30px;color:var(--text-gray)}.cafe-view-switch a+a{border-left:1px solid var(--cafe-line)}.cafe-view-switch a[aria-current=true]{background:var(--cafe-soft);color:var(--cafe-accent)}.cafe-size-links{display:inline-flex;gap:2px;color:var(--text-gray);font-size:12px}.cafe-size-links a{padding:4px 6px;border-radius:6px}.cafe-size-links a[aria-current=true]{color:var(--text-primary);font-weight:800}.cafe-result-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--text-gray);font-size:13px}.cafe-result-line a{color:var(--text-secondary);font-weight:600;text-decoration:underline;text-underline-offset:3px}.cafe-list{display:flex;flex-direction:column}.cafe-list-head,.cafe-list-row{display:grid;grid-template-columns:76px minmax(0,1fr) 128px 92px 58px 58px;align-items:center;column-gap:8px}.cafe-list-head{height:40px;border-bottom:1px solid var(--cafe-line);color:var(--text-gray);font-size:12.5px;font-weight:600;text-align:center}.cafe-list-head>span:nth-child(2){text-align:left;padding-left:4px}.cafe-list-row{min-height:46px;border-bottom:1px solid var(--cafe-line);color:var(--text-secondary);font-size:13px;text-align:center}.cafe-list-row.is-notice{background:color-mix(in srgb,var(--cafe-accent) 6%,transparent)}.cafe-list-row.is-notice .cafe-row-title{font-weight:700}.cafe-row-no{color:var(--text-gray);font-size:12px;font-variant-numeric:tabular-nums}.cafe-row-title{display:flex;align-items:center;gap:5px;min-width:0;padding:10px 4px;color:var(--text-primary);text-align:left;font-size:14px}.cafe-row-title:hover .cafe-row-text{text-decoration:underline;text-underline-offset:3px}.cafe-row-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cafe-row-board{flex-shrink:0;color:var(--text-gray);font-size:12px}.cafe-row-meta{display:contents}.cafe-row-meta>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.cafe-row-author{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:0}.cafe-meta-label{display:none;font-style:normal}.cafe-mobile-only{display:none!important}.cafe-row-thumb{display:none}.cafe-prefix{flex-shrink:0;color:var(--cafe-accent);font-weight:700}.cafe-reply-count{flex-shrink:0;color:var(--cafe-like);font-size:12.5px;font-weight:800;font-variant-numeric:tabular-nums}.cafe-new-mark{display:inline-grid;place-items:center;flex-shrink:0;width:15px;height:15px;border-radius:4px;background:var(--cafe-new);color:#fff;font-size:9.5px;font-weight:900}.cafe-image-mark{flex-shrink:0;color:var(--text-gray)}.cafe-notice-badge{display:inline-flex;align-items:center;height:21px;padding:0 7px;border-radius:5px;background:var(--cafe-accent);color:var(--cafe-accent-ink);font-size:11px;font-weight:800}.cafe-empty{align-items:center;gap:12px;padding:56px 16px;color:var(--text-gray);font-size:14px;line-height:1.6;text-align:center}.cafe-cards,.cafe-empty{display:flex;flex-direction:column}.cafe-cards>li{border-bottom:1px solid var(--cafe-line)}.cafe-card-item{display:flex;gap:16px;padding:16px 2px}.cafe-card-item:hover .cafe-card-title .cafe-row-text{text-decoration:underline;text-underline-offset:3px}.cafe-card-text{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.cafe-card-title{display:flex;align-items:center;gap:5px;min-width:0;font-size:15.5px;font-weight:700;line-height:1.4}.cafe-card-excerpt{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);font-size:13.5px;line-height:1.6;overflow-wrap:anywhere}.cafe-album-meta,.cafe-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;color:var(--text-gray);font-size:12px;font-variant-numeric:tabular-nums}.cafe-album-meta>span,.cafe-card-meta>span{display:inline-flex;align-items:center;gap:3px}.cafe-card-thumb{position:relative;width:112px;height:112px;flex-shrink:0;overflow:hidden;border-radius:10px;background:var(--background-input)}.cafe-card-thumb img{object-fit:cover}.cafe-card-thumb>b{position:absolute;right:6px;bottom:6px;padding:1px 6px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-size:11px}.cafe-album{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 14px;padding-top:16px}.cafe-album a{display:flex;flex-direction:column;gap:6px;min-width:0}.cafe-album-thumb{position:relative;aspect-ratio:1;overflow:hidden;border-radius:10px;background:var(--background-input)}.cafe-album-thumb img{object-fit:cover;transition:transform .25s}.cafe-album a:hover .cafe-album-thumb img{transform:scale(1.04)}.cafe-album-thumb>span.cafe-album-blank{position:absolute;inset:0;display:grid;place-items:center;padding:12px;color:var(--text-gray);font-size:12.5px;line-height:1.5;text-align:center}.cafe-album-title{display:flex;align-items:center;gap:4px;min-width:0;font-size:13.5px;font-weight:700}.cafe-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;padding-top:18px}.cafe-pagination a,.cafe-pagination span{display:inline-grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border-radius:8px;color:var(--text-secondary);font-size:13px;font-variant-numeric:tabular-nums}.cafe-pagination a:hover{background:var(--cafe-hover)}.cafe-pagination [aria-current=page]{border:1px solid var(--cafe-line);color:var(--text-primary);font-weight:800}.cafe-search-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding-top:16px}.cafe-search-bar select{width:auto;padding:7px 28px 7px 10px;font-size:13px}.cafe-search-bar input{width:min(280px,100%);padding:7px 12px;font-size:13px}.cafe-list-footer{display:flex;justify-content:flex-end;padding-top:12px}.cafe-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cafe-widget{min-width:0;padding:16px 18px;border:1px solid var(--cafe-line);border-radius:var(--cafe-radius);background:var(--background-card)}.cafe-widget.is-wide{grid-column:1/-1}.cafe-widget-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.cafe-widget-head h2{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:800}.cafe-widget-head h2 svg{color:var(--cafe-accent)}.cafe-widget-head a{display:inline-flex;align-items:center;gap:2px;color:var(--text-gray);font-size:12.5px}.cafe-widget-head a:hover{color:var(--text-primary)}.cafe-widget-list li a{display:flex;align-items:center;gap:6px;min-height:36px;font-size:13.5px}.cafe-widget-list li+li a{border-top:1px dashed var(--cafe-line)}.cafe-widget-list .cafe-row-text{flex:1}.cafe-widget-list li a:hover .cafe-row-text{text-decoration:underline;text-underline-offset:3px}.cafe-widget-date{flex-shrink:0;color:var(--text-gray);font-size:12px;font-variant-numeric:tabular-nums}.cafe-widget-rank{display:inline-grid;place-items:center;flex-shrink:0;width:18px;height:18px;border-radius:5px;background:var(--background-input);color:var(--text-secondary);font-size:11px;font-weight:800}.cafe-widget-list li:nth-child(-n+3) .cafe-widget-rank{background:var(--cafe-accent);color:var(--cafe-accent-ink)}.cafe-widget-empty{padding:18px 0 8px;color:var(--text-gray);font-size:13px}.cafe-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cafe-photo-grid a{position:relative;aspect-ratio:1;overflow:hidden;border-radius:10px;background:var(--background-input)}.cafe-photo-grid img{object-fit:cover;transition:transform .25s}.cafe-photo-grid a:hover img{transform:scale(1.05)}.cafe-welcome{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:var(--cafe-radius);background:var(--cafe-soft)}.cafe-welcome img{width:36px;height:36px;flex-shrink:0;border-radius:50%;object-fit:cover}.cafe-welcome b{font-size:13px;font-weight:800}.cafe-welcome p{margin-top:2px;font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.cafe-broadcast{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.cafe-broadcast-dot{width:9px;height:9px;flex-shrink:0;border-radius:50%;background:var(--border)}.cafe-broadcast-dot.is-live{background:var(--cafe-like);box-shadow:0 0 0 4px color-mix(in srgb,var(--cafe-like) 18%,transparent)}.cafe-broadcast-copy{flex:1;min-width:180px}.cafe-broadcast-copy b{font-size:14.5px;font-weight:800}.cafe-broadcast-copy p{margin-top:2px;color:var(--text-gray);font-size:13px;line-height:1.5}.cafe-channel-links{display:flex;flex-wrap:wrap;gap:6px}.community-profile-tile{position:relative;min-width:0;border-radius:12px}.community-profile-original>div{display:block}.community-profile-original>div>div:not([data-profile-card]){display:none}.community-profile-original [data-profile-card]{position:static;height:auto;max-height:none;margin:0;overflow:visible}@media (max-width:1023px){.community-profile-original [data-profile-card]{display:flex;flex-direction:column;padding-bottom:4px;border:2px solid var(--border);border-radius:12px;background:var(--background-card)}.community-profile-original [data-profile-card]>*{flex-shrink:0}.community-profile-original [data-profile-banner-frame]{padding:0}.community-profile-original [data-profile-banner]{border-radius:0}.community-profile-original [data-profile-banner-links]{display:none}.community-profile-original [data-profile-links]{display:flex}.community-profile-original [data-profile-head-body]{padding-inline:12px}.community-profile-original [data-profile-head-body]>*{margin-left:2px;margin-right:2px}.community-profile-original [data-profile-name]{font-size:18px}.community-profile-original [data-profile-handle]{font-size:12px}.community-profile-original [data-profile-bio]{font-size:13px}.community-profile-original [data-profile-stats]{gap:14px}.community-profile-original :is([data-profile-stats] span,[data-profile-links] .text-sm,[data-profile-actions] button){font-size:13px}.community-profile-original [data-profile-two-tone]{--background:var(--tt-primary);--background-card:var(--tt-card);--background-input:var(--tt-fill);--text-primary:var(--tt-text);--text-secondary:var(--tt-text-2);--text-tertiary:var(--tt-text-3);--text-gray:var(--tt-text-3);--border:var(--tt-line);background:linear-gradient(180deg,var(--tt-primary),var(--tt-accent));color:var(--tt-text)}}.cafe-article{padding:26px 30px;border:1px solid var(--cafe-line);border-radius:var(--cafe-radius);background:var(--background-card)}.cafe-article-board{display:inline-flex;align-items:center;gap:2px;color:var(--cafe-accent);font-size:13px;font-weight:800}.cafe-article-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:8px;font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.35;overflow-wrap:anywhere}.cafe-article-title .cafe-prefix{font-size:18px}.cafe-article-author{display:flex;align-items:center;gap:10px;margin-top:16px;padding-bottom:16px;border-bottom:1px solid var(--cafe-line)}.cafe-article-author>a:first-child img{width:40px;height:40px;border-radius:50%;object-fit:cover}.cafe-article-who{flex:1;min-width:0}.cafe-article-name{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:800}.cafe-article-name a:hover{text-decoration:underline;text-underline-offset:3px}.cafe-article-meta{display:flex;flex-wrap:wrap;gap:0 10px;margin-top:2px;color:var(--text-gray);font-size:12.5px;font-variant-numeric:tabular-nums}.cafe-article-body{padding:26px 0 8px;font-size:15.5px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.cafe-article-body a,.cafe-comment-body a{color:var(--cafe-accent);text-decoration:underline;text-underline-offset:3px;word-break:break-all}.cafe-article-images{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:12px 0 8px}.cafe-article-images button{position:relative;display:block;width:100%;max-width:720px;overflow:hidden;border-radius:10px;background:var(--background-input)}.cafe-article-images button img{display:block;width:100%;height:auto}.cafe-creator-liked{display:inline-flex;align-items:center;gap:5px;margin-top:18px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--cafe-like) 10%,transparent);color:var(--cafe-like);font-size:12.5px;font-weight:700}.cafe-article-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;padding-top:16px;border-top:1px solid var(--cafe-line)}.cafe-like-button{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1px solid var(--cafe-line);border-radius:999px;font-size:13.5px;font-weight:700;font-variant-numeric:tabular-nums}.cafe-like-button:hover{background:var(--cafe-hover)}.cafe-like-button.is-on{border-color:color-mix(in srgb,var(--cafe-like) 45%,transparent);color:var(--cafe-like)}.cafe-article-actions .cafe-spacer{flex:1}.cafe-menu-pop{position:relative}.cafe-menu-pop>[role=menu]{position:absolute;top:40px;right:0;z-index:30;display:flex;flex-direction:column;min-width:150px;padding:4px;border:1px solid var(--cafe-line);border-radius:10px;background:var(--background-card);box-shadow:0 10px 28px rgba(0,0,0,.16)}.cafe-menu-pop [role=menuitem]{height:36px;padding:0 12px;border-radius:7px;font-size:13px;text-align:left;white-space:nowrap}.cafe-menu-pop [role=menuitem]:hover{background:var(--cafe-hover)}.cafe-menu-pop [role=menuitem].is-danger{color:var(--cafe-like)}.cafe-article-nav{overflow:hidden;border:1px solid var(--cafe-line);border-radius:var(--cafe-radius);background:var(--background-card)}.cafe-article-nav a{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 18px;font-size:13.5px}.cafe-article-nav a+a{border-top:1px solid var(--cafe-line)}.cafe-article-nav a:hover{background:var(--cafe-hover)}.cafe-article-nav a>b{display:inline-flex;align-items:center;gap:4px;width:64px;flex-shrink:0;color:var(--text-gray);font-size:12.5px;font-weight:700}.cafe-article-nav a>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cafe-article-buttons{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.cafe-article-buttons>div{display:flex;gap:6px}.cafe-comments{margin-top:22px}.cafe-comments>h2{display:flex;align-items:center;gap:6px;padding-bottom:10px;font-size:15px;font-weight:800}.cafe-comments>h2 b{color:var(--cafe-accent)}.cafe-comment{display:flex;gap:10px;padding:14px 0;border-top:1px solid var(--cafe-line)}.cafe-comment.is-reply{padding-left:28px;background:linear-gradient(90deg,transparent 14px,color-mix(in srgb,var(--text-primary) 2.5%,transparent) 14px)}.cafe-comment.is-reply:before{content:"ㄴ";flex-shrink:0;width:0;margin-left:-18px;margin-right:18px;color:var(--text-gray);font-size:13px}.cafe-comment-avatar img{width:34px;height:34px;border-radius:50%;object-fit:cover}.cafe-comment-main{flex:1;min-width:0}.cafe-comment-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:800}.cafe-comment-head a:hover{text-decoration:underline;text-underline-offset:3px}.cafe-writer-mark{display:inline-flex;align-items:center;height:18px;padding:0 6px;border:1px solid var(--cafe-accent);border-radius:999px;color:var(--cafe-accent);font-size:10.5px;font-weight:700}.cafe-comment-body{margin-top:3px;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.cafe-comment-foot{display:flex;align-items:center;gap:10px;margin-top:4px;color:var(--text-gray);font-size:12px;font-variant-numeric:tabular-nums}.cafe-comment-foot button{color:var(--text-gray);font-size:12px;font-weight:600}.cafe-comment-foot button:hover{color:var(--text-primary)}.cafe-comment-form{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:12px;border:1px solid var(--cafe-line);border-radius:10px;background:var(--background)}.cafe-comment-form.is-reply{margin:8px 0 4px}.cafe-comment-form b{font-size:13px}.cafe-comment-form textarea{min-height:64px;padding:0;border:0;background:transparent;color:var(--text-primary);font-size:14px;line-height:1.6;resize:vertical;outline:none}.cafe-comment-form>div{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--text-gray);font-size:12px}.cafe-comment-form>div>span{margin-right:auto}.cafe-comments-note{padding:14px 0;color:var(--text-gray);font-size:13px}.cafe-comments-note button{color:var(--text-primary);font-weight:700;text-decoration:underline;text-underline-offset:3px}.cafe-write{display:flex;flex-direction:column;gap:14px;padding:22px 24px;border:1px solid var(--cafe-line);border-radius:var(--cafe-radius);background:var(--background-card)}.cafe-write-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:2px solid var(--text-primary)}.cafe-write-head h1{font-size:20px;font-weight:800}.cafe-write-head>div{display:flex;gap:6px}.cafe-write-selects{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:8px}.cafe-write-title{width:100%;height:50px;padding:0 2px;border:0;border-bottom:1px solid var(--cafe-line);background:transparent;color:var(--text-primary);font-size:19px;font-weight:700;outline:none}.cafe-write-title:focus{border-bottom-color:var(--cafe-accent)}.cafe-write-body{min-height:380px;padding:14px 16px;border:1px solid var(--cafe-line);border-radius:10px;background:var(--background);color:var(--text-primary);font-size:15px;line-height:1.8;resize:vertical}.cafe-write-body:focus{outline:2px solid color-mix(in srgb,var(--cafe-accent) 50%,transparent);outline-offset:0}.cafe-write-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;color:var(--text-gray);font-size:12.5px}.cafe-write-guide{padding:10px 12px;border-radius:10px;background:var(--cafe-soft);font-size:12.5px;line-height:1.6;white-space:pre-wrap}.cafe-draft{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border:1px dashed var(--cafe-line);border-radius:10px;font-size:13px}.cafe-draft>span{margin-right:auto}.cafe-image-picker{display:flex;flex-wrap:wrap;gap:8px}.cafe-image-picker-thumb{position:relative;width:84px;height:84px;overflow:hidden;border-radius:10px;background:var(--background-input)}.cafe-image-picker-thumb img{object-fit:cover}.cafe-image-picker-thumb>button{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.65);color:#fff}.cafe-image-picker-thumb>i{position:absolute;left:4px;bottom:4px;padding:0 5px;border-radius:4px;background:rgba(0,0,0,.6);color:#fff;font-size:10.5px;font-style:normal;font-weight:700}.cafe-image-picker-add{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:84px;height:84px;border:1px dashed var(--cafe-line);border-radius:10px;color:var(--text-gray);font-size:11.5px;line-height:1.3}.cafe-image-picker-add:hover:not(:disabled){background:var(--cafe-hover);color:var(--text-primary)}.cafe-image-viewer{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgba(0,0,0,.9)}.cafe-image-viewer-frame{position:relative;width:min(92vw,1200px);height:86dvh}.cafe-image-viewer-frame img{object-fit:contain}.cafe-image-viewer>button{position:absolute;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#fff}.cafe-image-viewer>button:hover{background:rgba(255,255,255,.12)}.cafe-image-viewer-close{top:12px;right:12px}.cafe-image-viewer-prev{left:12px;top:50%;transform:translateY(-50%)}.cafe-image-viewer-next{right:12px;top:50%;transform:translateY(-50%)}.cafe-image-viewer-count{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.8);font-size:13px;font-variant-numeric:tabular-nums}.cafe-dialog-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.5)}.cafe-dialog{display:flex;flex-direction:column;gap:14px;width:min(460px,100%);max-height:calc(100dvh - 32px);padding:22px;overflow-y:auto;border-radius:16px;background:var(--background-card);color:var(--text-primary);box-shadow:0 24px 60px rgba(0,0,0,.3)}.cafe-dialog h2{font-size:18px;font-weight:800}.cafe-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.cafe-skeleton{display:flex;flex-direction:column;gap:10px}.cafe-skeleton>span{height:44px;border-radius:10px;background:linear-gradient(90deg,var(--background-input) 25%,color-mix(in srgb,var(--background-input) 55%,var(--background)) 50%,var(--background-input) 75%);background-size:200% 100%;animation:cafe-shimmer 1.2s ease-in-out infinite}.cafe-skeleton>span.is-head{height:58px;margin-bottom:6px}@keyframes cafe-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cafe-locked{display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 20px;border:1px solid var(--cafe-line);border-radius:var(--cafe-radius);background:var(--background-card);text-align:center}.cafe-locked svg{color:var(--text-gray)}.cafe-locked h2{font-size:17px;font-weight:800}.cafe-locked p{max-width:420px;color:var(--text-gray);font-size:13.5px;line-height:1.6}.cafe-member-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.cafe-member{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--cafe-line);border-radius:12px;background:var(--background-card)}.cafe-member img{width:40px;height:40px;flex-shrink:0;border-radius:50%;object-fit:cover}.cafe-member>div{min-width:0}.cafe-member strong{display:flex;align-items:center;gap:6px;min-width:0;font-size:13.5px;font-weight:800}.cafe-member strong>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cafe-member p{margin-top:2px;color:var(--text-gray);font-size:12px}.cafe-tabs{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--cafe-line);scrollbar-width:none}.cafe-tabs a{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;height:42px;padding:0 14px;color:var(--text-gray);font-size:14px;font-weight:700;white-space:nowrap}.cafe-tabs a[aria-current=page]{color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--cafe-accent)}.cafe-activity{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cafe-activity>div{padding:14px;border:1px solid var(--cafe-line);border-radius:12px;background:var(--background-card)}.cafe-activity dt{color:var(--text-gray);font-size:12px}.cafe-activity dd{margin-top:2px;font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}.cafe-comment-list li a{display:block;padding:12px 2px;border-bottom:1px solid var(--cafe-line)}.cafe-comment-list li a:hover p:first-child{text-decoration:underline;text-underline-offset:3px}.cafe-comment-list p:first-child{font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.cafe-comment-list p+p{margin-top:4px;color:var(--text-gray);font-size:12px}.cafe-manage-grid{display:grid;gap:16px}.cafe-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cafe-form-grid>.is-wide{grid-column:1/-1}.cafe-label{display:grid;gap:6px;font-size:13px;font-weight:700}.cafe-label>small{color:var(--text-gray);font-size:12px;font-weight:400}.cafe-upload{display:flex;align-items:center;gap:12px}.cafe-upload-preview{position:relative;flex-shrink:0;overflow:hidden;border:1px solid var(--cafe-line);border-radius:12px;background:var(--background-input)}.cafe-upload-preview img{object-fit:cover}.cafe-upload-preview.is-icon{width:64px;height:64px;border-radius:16px}.cafe-upload-preview.is-banner{width:180px;height:64px}.cafe-upload>div{display:flex;flex-wrap:wrap;gap:6px}.cafe-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cafe-swatches button{width:30px;height:30px;border-radius:50%}.cafe-swatches button[aria-checked=true]{outline:2px solid var(--text-primary);outline-offset:2px}.cafe-swatches button.is-default{width:auto;padding:0 12px;border:1px solid var(--cafe-line);border-radius:999px;font-size:12.5px;font-weight:600}.cafe-save-bar{position:sticky;bottom:12px;z-index:20;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 12px;border:1px solid var(--cafe-line);border-radius:12px;background:var(--background-card);box-shadow:0 10px 28px rgba(0,0,0,.12)}.cafe-save-bar>span{margin-right:auto;color:var(--text-gray);font-size:12.5px}.cafe-menu-editor{display:flex;flex-direction:column;gap:6px}.cafe-menu-editor>li{border:1px solid var(--cafe-line);border-radius:10px;background:var(--background)}.cafe-menu-editor>li.is-header{background:color-mix(in srgb,var(--text-primary) 3%,var(--background))}.cafe-menu-editor-row{display:flex;align-items:center;gap:6px;padding:6px 8px}.cafe-menu-editor-row>svg{flex-shrink:0;color:var(--text-gray)}.cafe-menu-editor-row>input{flex:1;min-width:0;height:34px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-primary);font-size:14px;font-weight:600}.cafe-menu-editor-row>input:focus,.cafe-menu-editor-row>input:hover{border-color:var(--cafe-line);background:var(--background-input)}.cafe-menu-editor-row .cafe-kind{flex-shrink:0;color:var(--text-gray);font-size:11.5px}.cafe-menu-editor-row .cafe-divider-line{flex:1;height:1px;margin:0 8px;background:var(--cafe-line)}.cafe-menu-editor-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:4px 12px 14px 40px}.cafe-menu-editor-detail>.is-wide{grid-column:1/-1}.cafe-menu-add{display:flex;flex-wrap:wrap;gap:6px}.cafe-grade-table{display:flex;flex-direction:column;gap:6px}.cafe-grade-row{display:grid;grid-template-columns:34px minmax(0,1.4fr) repeat(3,minmax(0,1fr)) auto auto;align-items:center;gap:6px}.cafe-grade-row.is-head{color:var(--text-gray);font-size:11.5px;font-weight:700}.cafe-grade-row>b{color:var(--text-gray);font-size:12px;text-align:center}.cafe-grade-row input[type=number],.cafe-grade-row input[type=text]{height:34px;padding:0 8px;font-size:13px}.cafe-member-rows{display:flex;flex-direction:column}.cafe-member-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 2px;border-bottom:1px solid var(--cafe-line)}.cafe-member-row>img{width:38px;height:38px;flex-shrink:0;border-radius:50%;object-fit:cover}.cafe-member-row>div:nth-child(2){flex:1;min-width:160px}.cafe-member-row strong{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;font-weight:800}.cafe-member-row p{margin-top:2px;color:var(--text-gray);font-size:12px;font-variant-numeric:tabular-nums}.cafe-member-row ol{margin-top:6px;padding-left:0;color:var(--text-secondary);font-size:12.5px;line-height:1.55}.cafe-member-row ol b{color:var(--text-gray);font-weight:600}.cafe-member-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.cafe-member-actions select{width:auto;height:30px;padding:0 24px 0 8px;font-size:12.5px}.cafe-wizard{--cafe-accent:#9984f4;--cafe-accent-ink:#ffffff;--cafe-line:var(--border-light);--cafe-soft:color-mix(in srgb,var(--cafe-accent) 12%,transparent);--cafe-hover:color-mix(in srgb,var(--text-primary) 6%,transparent);--cafe-radius:14px;--cafe-like:#e5484d;display:flex;flex-direction:column;gap:18px;width:100%;max-width:680px;margin:0 auto}.cafe-wizard-steps{display:flex;gap:6px}.cafe-wizard-steps>span{flex:1;height:4px;border-radius:999px;background:var(--cafe-line)}.cafe-wizard-steps>span[data-done=true]{background:var(--cafe-accent)}.cafe-wizard h1{font-size:24px;font-weight:800;letter-spacing:-.02em}.cafe-wizard-lead{margin-top:4px;color:var(--text-gray);font-size:14px;line-height:1.6}.cafe-template-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cafe-template-cards button{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--cafe-line);border-radius:14px;background:var(--background-card);text-align:left}.cafe-template-cards button[aria-pressed=true]{border-color:var(--cafe-accent);background:var(--cafe-soft);box-shadow:inset 0 0 0 1px var(--cafe-accent)}.cafe-template-cards b{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:800}.cafe-template-cards p{color:var(--text-gray);font-size:12.5px;line-height:1.55}.cafe-wizard-actions{display:flex;justify-content:space-between;gap:8px}.cafe-wizard-preview{display:flex;align-items:center;gap:12px;padding:14px;border:1px dashed var(--cafe-line);border-radius:14px}.cafe-wizard-preview img{width:52px;height:52px;border-radius:14px;object-fit:cover}.cafe-platforms{display:grid;gap:8px}.cafe-platforms a,.cafe-platforms span{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border:1px solid var(--cafe-line);border-radius:12px;font-size:14px;font-weight:600}.cafe-platforms a:hover{background:var(--cafe-hover)}.cafe-platforms span{opacity:.5}.cafe-platforms small{margin-left:auto;color:var(--text-gray);font-size:12px}@media (max-width:1023px){.cafe{--cafe-topbar:52px}.cafe-topbar-me>span,.cafe-topbar-search{display:none}.cafe-topbar-mobile{display:flex;margin-left:auto}.cafe-search-sheet[data-open=true]{position:sticky;top:var(--cafe-topbar);z-index:39;display:block;padding:8px var(--cafe-gutter);border-bottom:1px solid var(--cafe-line);background:var(--background)}.cafe-search-sheet form{display:flex;gap:6px}.cafe-cover{margin-top:0}.cafe-cover .cafe-wrap{padding:0}.cafe-cover-frame{height:210px;border-radius:0}.cafe-cover[data-home=false]{display:none}.cafe-cover-copy{left:16px;right:16px;bottom:16px;gap:12px;flex-wrap:wrap}.cafe-cover-icon{width:56px;height:56px;border-radius:15px}.cafe-cover-join{display:flex;flex-basis:100%;gap:6px}.cafe-cover-join>*{flex:1}.cafe-quick-tabs{position:sticky;top:var(--cafe-topbar);z-index:30;display:flex;overflow-x:auto;padding:0 calc(var(--cafe-gutter) - 10px);border-bottom:1px solid var(--cafe-line);background:var(--background);scrollbar-width:none}.cafe-quick-tabs::-webkit-scrollbar{display:none}.cafe-quick-tabs>:is(a,button){display:inline-flex;align-items:center;gap:4px;flex-shrink:0;height:46px;padding:0 12px;color:var(--text-gray);font-size:14.5px;font-weight:700;white-space:nowrap}.cafe-quick-tabs>[aria-current=page]{color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--cafe-accent)}.cafe-quick-tabs>button{margin-left:auto}.cafe-body{grid-template-columns:minmax(0,1fr);margin-top:16px}.cafe-side{position:fixed;top:0;bottom:0;left:0;z-index:70;width:min(330px,88vw);max-height:none;padding:14px;background:var(--background);box-shadow:8px 0 32px rgba(0,0,0,.18);transform:translateX(-105%);transition:transform .24s cubic-bezier(.2,.8,.2,1);visibility:hidden}.cafe-side[data-open=true]{transform:none;visibility:visible}.cafe-side-close{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:800}.cafe-scrim{position:fixed;inset:0;z-index:65;display:block;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .2s}.cafe-scrim[data-open=true]{opacity:1;pointer-events:auto}.cafe-fab{position:fixed;right:16px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:35;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--cafe-accent);color:var(--cafe-accent-ink);box-shadow:0 10px 24px rgba(0,0,0,.22)}.cafe-article{padding:20px 18px}}@media (max-width:767px){.cafe{--cafe-gutter:16px}.cafe-page-head h1{font-size:19px}.cafe-list-head{display:none}.cafe-list-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title thumb" "meta thumb";row-gap:3px;padding:12px 0;text-align:left}.cafe-row-no{display:none}.cafe-row-title{grid-area:title;padding:0}.cafe-row-meta{grid-area:meta;display:flex;flex-wrap:wrap;gap:0 8px;color:var(--text-gray);font-size:12px}.cafe-row-meta>span+span:before{content:"·";margin-right:8px}.cafe-row-author{justify-content:flex-start}.cafe-meta-label{display:inline}.cafe-mobile-only{display:inline-flex!important}.cafe-row-likes{display:none}.cafe-row-thumb{position:relative;grid-area:thumb;display:block;width:58px;height:58px;margin-left:12px;overflow:hidden;border-radius:9px;background:var(--background-input)}.cafe-row-thumb img{object-fit:cover}.cafe-list-row.is-notice{margin-inline:calc(var(--cafe-gutter) * -1);padding-inline:var(--cafe-gutter)}.cafe-card-thumb{width:84px;height:84px}.cafe-album{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.cafe-home-grid{grid-template-columns:minmax(0,1fr)}.cafe-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cafe-article{margin-inline:calc(var(--cafe-gutter) * -1);padding:18px var(--cafe-gutter);border-inline:0;border-radius:0}.cafe-article-title{font-size:20px}.cafe-article-body{font-size:15px}.cafe-write{margin-inline:calc(var(--cafe-gutter) * -1);padding:16px var(--cafe-gutter);border-inline:0;border-radius:0}.cafe-form-grid,.cafe-menu-editor-detail,.cafe-write-selects{grid-template-columns:minmax(0,1fr)}.cafe-menu-editor-detail{padding-left:12px}.cafe-activity{grid-template-columns:repeat(2,minmax(0,1fr))}.cafe-template-cards{grid-template-columns:minmax(0,1fr)}.cafe-grade-row{grid-template-columns:24px minmax(0,1fr) repeat(3,48px)}.cafe-grade-row>:nth-child(6){grid-column:2/4}.cafe-grade-row>:nth-child(7){grid-column:4/6;justify-self:end}.cafe-grade-row.is-head>:nth-child(n+6){display:none}}@media (prefers-reduced-motion:reduce){.cafe *,.cafe-wizard *{transition-duration:0s!important;animation:none!important}}