:root{--point:#fc0;--point-hover:#f2bd00;--point-soft:#fff6cc;--ink:#141414;--text:#222;--sub:#7d848b;--line:#e4e6e9;--soft:#f4f5f7;--danger:#e5484d;--radius:4px;--radius-panel:8px;--control-h:40px;--control-h-sm:32px;--gutter:16px;--font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}@media (width>=768px){:root{--gutter:24px;--control-h:36px;--control-h-sm:28px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}h1,h2,p{margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.container{width:100%;max-width:1048px;padding:0 var(--gutter);margin:0 auto}@media (width<=767px){.hide-mobile{display:none}}.tabs-scroll,.chips,.quick,.banner-track{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.tabs-scroll::-webkit-scrollbar{display:none}.chips::-webkit-scrollbar{display:none}.quick::-webkit-scrollbar{display:none}.banner-track::-webkit-scrollbar{display:none}.btn{height:var(--control-h);border-radius:var(--radius);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:700;transition:background .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:default}.btn-point{background:var(--point);color:var(--ink)}.btn-point:hover:not(:disabled){background:var(--point-hover)}.btn-line{border-color:var(--line);background:#fff}.btn-line:hover:not(:disabled){background:var(--soft)}.btn:focus-visible{box-shadow:0 0 0 2px var(--point);outline:none}.btn-sm{height:var(--control-h-sm);padding:0 10px;font-size:12px;font-weight:600}.btn-block{width:100%}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-top{align-items:center;gap:16px;height:56px;display:flex}.logo{letter-spacing:-.03em;color:var(--ink);align-items:center;gap:6px;font-size:20px;font-weight:800;display:inline-flex}.logo-mark{width:26px;height:26px;color:var(--point);stroke:var(--ink)}.header-search{width:280px;margin-left:auto;display:none}.auth-area{margin-left:auto;position:relative}.search{align-items:center;display:flex;position:relative}.search input{width:100%;height:var(--control-h);border-radius:var(--radius);background:var(--soft);border:1px solid #0000;outline:none;padding:0 12px 0 40px}.search input:focus{border-color:var(--point);background:#fff}.search-icon{width:20px;height:20px;color:var(--sub);position:absolute;left:12px}.header-search-mobile{padding-bottom:8px}.header-tabs{align-items:center;gap:8px;display:flex}.tabs-scroll{flex:1;gap:20px;min-width:0;display:flex}.tab{color:var(--sub);flex:none;padding:10px 0 12px;font-size:16px;font-weight:700;position:relative}.tab.active{color:var(--ink)}.tab.active:after{content:"";background:var(--point);border-radius:2px;height:3px;position:absolute;bottom:0;left:0;right:0}.all-genres{flex:none;align-items:center;gap:4px;font-size:14px;font-weight:600;display:inline-flex}.all-genres svg{width:22px;height:22px}@media (width>=768px){.header-top{height:64px}.header-search{display:block}.auth-area{margin-left:0}.header-search-mobile{display:none}.tabs-scroll{gap:28px}.tab{font-size:17px}}.menu-backdrop{z-index:10;position:fixed;inset:0}.user-menu{z-index:11;border:1px solid var(--line);border-radius:var(--radius-panel);background:#fff;width:200px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0000001a}.user-menu-head{border-bottom:1px solid var(--line);flex-direction:column;margin-bottom:4px;padding:8px 10px 10px;display:flex}.user-menu-head span{color:var(--sub);font-size:13px}.user-menu a,.user-menu button{border-radius:var(--radius);text-align:left;background:0 0;border:0;width:100%;padding:9px 10px;font-size:14px;display:block}.user-menu a:hover,.user-menu button:hover{background:var(--soft)}.site{flex-direction:column;min-height:100vh;display:flex}.site-main{flex:1}.chips-row{padding-top:12px}.chips{gap:6px;display:flex}.chip{height:var(--control-h-sm);border-radius:var(--radius);color:var(--text);background:0 0;border:0;flex:none;padding:0 12px;font-size:14px;font-weight:600}.chip:hover{background:var(--soft)}.chip[aria-selected=true]{background:var(--point);color:var(--ink)}.banner{margin:12px calc(-1 * var(--gutter)) 0;position:relative}.banner-track{padding:0 var(--gutter);scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter);gap:12px;display:flex}.banner-card{aspect-ratio:1;border-radius:var(--radius-panel);color:#fff;text-align:center;scroll-snap-align:start;flex-direction:column;flex:0 0 calc(100% - 40px);justify-content:flex-end;gap:8px;padding:24px 20px;display:flex;position:relative;overflow:hidden}.banner-card:before{content:"";aspect-ratio:1;background:#ffffff1f;border-radius:50%;width:70%;position:absolute;inset:-30% -30% auto auto}.tone-a{background:linear-gradient(160deg,#3b2a20,#7a4b2a 60%,#c78b4a)}.tone-b{background:linear-gradient(160deg,#1f2a44,#36508a 60%,#6f8fd6)}.tone-c{background:linear-gradient(160deg,#3a1f3d,#7b3a74 60%,#d17ab0)}.tone-d{background:linear-gradient(160deg,#183a36,#2e6e60 60%,#63b39a)}.banner-badge{background:var(--point);color:var(--ink);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:800;position:absolute;top:14px;left:14px}.banner-title{white-space:pre-line;word-break:keep-all;font-size:24px;font-weight:800;line-height:1.3;position:relative}.banner-sub{opacity:.85;font-size:14px;position:relative}.banner-count{top:14px;right:calc(var(--gutter) + 52px);border-radius:var(--radius);color:#fff;background:#00000059;padding:2px 8px;font-size:12px;position:absolute}.banner-nav{display:none}@media (width>=768px){.banner{margin:16px 0 0}.banner-track{padding:0;scroll-padding:0}.banner-card{aspect-ratio:4/3;flex-basis:calc(50% - 6px)}.banner-count{display:none}.banner-nav{z-index:1;border:1px solid var(--line);border-radius:var(--radius);background:#fff;place-items:center;width:40px;height:40px;margin-top:-20px;display:grid;position:absolute;top:50%;box-shadow:0 2px 8px #0000001f}.banner-nav svg{width:20px;height:20px}.banner-nav.prev{left:-20px}.banner-nav.next{right:-20px}}@media (width>=1024px){.banner-card{aspect-ratio:6/7;flex-basis:calc(33.3333% - 8px)}}.quick{margin:20px calc(-1 * var(--gutter)) 0;padding:0 var(--gutter);gap:4px;display:flex}.quick-item{flex-direction:column;flex:none;align-items:center;gap:6px;width:68px;display:flex}.quick-icon{background:var(--soft);width:52px;height:52px;color:var(--ink);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.quick-item:hover .quick-icon{background:var(--point-soft)}.quick-label{color:var(--text);font-size:12px}@media (width>=768px){.quick{justify-content:center;gap:16px;margin:28px 0 0;padding:0}.quick-icon{width:60px;height:60px}}.shelf{margin-top:36px}.shelf-title{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:2px;margin-bottom:12px;font-size:19px;font-weight:800;display:flex}.shelf-more{width:20px;height:20px;color:var(--sub)}.empty-shelf{border-radius:var(--radius-panel);background:var(--soft);color:var(--sub);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:36px 16px;display:flex}@media (width>=768px){.shelf{margin-top:48px}.shelf-title{font-size:21px}}.site-footer{background:var(--soft);color:var(--sub);margin-top:64px;padding:28px 0 40px;font-size:13px}.footer-links{color:var(--text);flex-wrap:wrap;gap:8px 16px;margin-bottom:12px;display:flex}.page-message{text-align:center;flex-direction:column;align-items:center;gap:12px;padding-top:80px;display:flex}.page-message h1{color:var(--ink);font-size:22px}.page-message p{color:var(--sub)}.doc{max-width:760px;padding-top:32px}.doc h1{color:var(--ink);margin-bottom:8px;font-size:24px}.doc h2{margin:24px 0 6px;font-size:16px}.doc p{color:#444;word-break:keep-all}.doc-note{border-radius:var(--radius);background:var(--point-soft);padding:10px 12px;font-size:13px}.auth-page{background:#fafafa;min-height:100vh}.auth-header{border-bottom:1px solid var(--line);background:#fff;justify-content:center;align-items:center;height:56px;display:flex}.auth-main{padding:32px var(--gutter) 64px}.auth-box{max-width:360px;margin:0 auto}.auth-box-wide{max-width:400px}.auth-title{text-align:center;color:var(--ink);margin-bottom:20px;font-size:22px;font-weight:800}@media (width>=768px){.auth-main{padding-top:56px}}.field-group{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:12px;overflow:hidden}.field+.field{border-top:1px solid var(--line)}.field-box{align-items:center;display:flex;position:relative}.field input{width:100%;height:calc(var(--control-h) + 4px);background:0 0;border:0;outline:none;padding:0 14px;font-size:16px}@media (width>=768px){.field input{font-size:14px}}.field-box:focus-within{box-shadow:inset 0 0 0 2px var(--point)}.field.has-error .field-box{box-shadow:inset 0 0 0 1px var(--danger)}.field-eye{width:44px;height:44px;color:var(--sub);background:0 0;border:0;flex:none;place-items:center;display:grid}.field-eye svg{width:20px;height:20px}.field-error,.field-hint{padding:0 14px 10px;font-size:13px}.field-error{color:var(--danger)}.field-hint{color:var(--sub)}.agree-box+.field-error{padding:6px 2px 0}.form-error{border-radius:var(--radius);color:var(--danger);background:#fdecec;margin:12px 0 0;padding:10px 12px;font-size:14px}.auth-box .btn-block{margin-top:16px}.checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;display:inline-flex}.checkbox input{opacity:0;pointer-events:none;position:absolute}.checkbox-box{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c5c9ce' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") 50%/14px no-repeat;border:1.5px solid #c5c9ce;border-radius:3px;flex:none;width:20px;height:20px}.checkbox input:checked+.checkbox-box{border-color:var(--point);background-color:var(--point);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E")}.checkbox input:focus-visible+.checkbox-box{outline:2px solid var(--ink);outline-offset:2px}.agree-box{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-top:4px}.agree-box.has-error{border-color:var(--danger)}.agree-all{border-bottom:1px solid var(--line);padding:14px}.agree-item{justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.agree-item .checkbox-text{font-size:13px}.agree-view{color:var(--sub);flex:none;align-items:center;font-size:12px;display:inline-flex}.agree-view svg{width:14px;height:14px}.auth-links{color:var(--sub);flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:18px;font-size:13px;display:flex}.auth-links a{color:var(--text)}.auth-links a:hover{text-decoration:underline}.create{padding-top:20px}.create-hero{border-radius:var(--radius-panel);color:#fff;background:linear-gradient(150deg,#241a12,#4a3020 60%,#8a5a34);flex-direction:column;align-items:flex-start;gap:10px;padding:28px 20px;display:flex;position:relative;overflow:hidden}.create-hero h1{letter-spacing:-.02em;font-size:24px;font-weight:800}.create-hero p{opacity:.85;word-break:keep-all;font-size:14px}.create-badge{background:var(--point);color:var(--ink);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:800}.create-cta{margin-top:8px}.create-steps{counter-reset:step;gap:10px;margin:20px 0 0;padding:0;list-style:none;display:grid}.create-steps li{border-radius:var(--radius-panel);background:var(--soft);counter-increment:step;flex-direction:column;gap:2px;padding:16px 16px 16px 56px;display:flex;position:relative}.create-steps li:before{content:counter(step);background:var(--point);width:28px;height:28px;color:var(--ink);border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid;position:absolute;top:16px;left:16px}.create-steps span{color:var(--sub);font-size:14px}@media (width>=768px){.create{padding-top:32px}.create-hero{padding:48px 40px}.create-hero h1{font-size:30px}.create-steps{grid-template-columns:repeat(3,1fr)}}.badge{border-radius:var(--radius);white-space:nowrap;align-items:center;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.badge-point{background:var(--point);color:var(--ink)}.badge-dark{background:var(--ink);color:#fff}.badge-line{border:1px solid var(--line);color:var(--sub);font-weight:600}.btn-danger{background:var(--danger);color:#fff}.btn-danger-line{color:var(--danger);background:#fff;border-color:#f3c2c4}.btn-on-dark{color:#fff;background:#ffffff1f;border-color:#ffffff59}.btn[aria-disabled=true]{opacity:.4;pointer-events:none}.confirm-inline{color:var(--danger);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.loading-block{border-radius:var(--radius-panel);background:linear-gradient(90deg, var(--soft) 25%, #eceef1 50%, var(--soft) 75%);background-size:200% 100%;height:160px;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.shelf-title a{align-items:center;gap:2px;display:inline-flex}.cover{aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius);width:100%;display:block}img.cover{background:var(--soft)}.cover-empty{color:#fff;align-items:flex-end;padding:10px;display:flex;overflow:hidden}.cover-empty span{word-break:keep-all;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.work-card{flex-direction:column;gap:8px;min-width:0;display:flex}.work-card-cover{position:relative}.work-card-cover .badge{position:absolute;top:6px;left:6px}.work-card:hover .cover{filter:brightness(.95)}.work-card-body{gap:8px;min-width:0;display:flex}.work-rank{color:var(--ink);flex:none;font-size:18px;font-weight:800;line-height:1.2}.work-card-text{flex-direction:column;min-width:0;display:flex}.work-title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.work-meta{color:var(--sub);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.work-shelf{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:calc(31.25% - 7.5px);grid-auto-flow:column;gap:12px;display:grid;overflow-x:auto}.work-shelf::-webkit-scrollbar{display:none}.work-shelf>*{scroll-snap-align:start}.work-grid{grid-template-columns:repeat(3,1fr);gap:20px 12px;display:grid}@media (width>=768px){.work-shelf{grid-auto-columns:calc(25% - 12px);gap:16px}.work-grid{grid-template-columns:repeat(4,1fr);gap:28px 16px}}@media (width>=1024px){.work-shelf{grid-auto-columns:calc(16.6667% - 13.3333px)}.work-grid{grid-template-columns:repeat(6,1fr)}}.list-page{padding-top:20px}.page-title{color:var(--ink);letter-spacing:-.02em;margin-bottom:6px;font-size:22px;font-weight:800}.page-note{color:var(--sub);font-size:13px}.list-page .chips{margin:14px 0 20px}.search-body{margin-top:16px}.empty-hint{margin-top:-8px;font-size:13px}.chips-wrap{flex-wrap:wrap;overflow:visible}.work-page{padding-top:20px}.work-head{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.work-head-cover{width:180px;box-shadow:0 6px 20px #0000001f}.work-head-info{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.work-head-badges{flex-wrap:wrap;gap:4px;display:flex}.work-head-title{color:var(--ink);word-break:keep-all;font-size:22px;font-weight:800}.work-head-author{color:var(--text);font-size:14px}.work-head-meta{color:var(--sub);font-size:13px}.work-head-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}@media (width>=768px){.work-head{text-align:left;flex-direction:row;align-items:flex-start;gap:28px}.work-head-cover{flex:none;width:200px}.work-head-info{align-items:flex-start;padding-top:4px}.work-head-title{font-size:28px}.work-head-actions{justify-content:flex-start}}.work-section{margin-top:32px}.section-title{color:var(--ink);align-items:baseline;gap:6px;margin-bottom:12px;font-size:17px;font-weight:800;display:flex}.section-title .count{color:var(--sub);font-size:14px;font-weight:600}.work-desc{color:#444;white-space:pre-line;word-break:keep-all;font-size:14px}.episode-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.episode-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:56px;padding:8px 4px;display:flex}.episode-row:hover{background:var(--soft)}.episode-no{width:44px;color:var(--sub);flex:none;font-size:13px;font-weight:700}.episode-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;overflow:hidden}.episode-date{color:var(--sub);flex:none;font-size:12px}.episode-go{width:18px;height:18px;color:var(--sub);flex:none}.player{background:#000;flex-direction:column;height:100dvh;display:flex}.player-bar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:8px;height:52px;padding:0 8px;display:flex}.player-back{border-radius:var(--radius);place-items:center;width:36px;height:36px;display:grid}.player-back:hover{background:var(--soft)}.player-back svg{width:22px;height:22px}.player-title{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.player-title strong,.player-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-title strong{color:var(--ink);font-size:14px}.player-title span{color:var(--sub);font-size:12px}.player-nav{flex:none;gap:6px;display:flex}.player-stage{flex:1;min-height:0;position:relative}.player-frame{background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.create-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.studio{padding-top:20px}.crumbs{color:var(--sub);gap:6px;margin-bottom:8px;font-size:13px;display:flex}.crumbs a:hover{color:var(--ink);text-decoration:underline}.studio-grid{gap:16px;margin-top:16px;display:grid}@media (width>=1024px){.studio-grid{grid-template-columns:280px 1fr;align-items:start}}.panel{border:1px solid var(--line);border-radius:var(--radius-panel);background:#fff;margin-top:16px;padding:16px}.studio-grid .panel{margin-top:0}.panel-danger .page-note{margin-bottom:10px}.form{flex-direction:column;gap:16px;display:flex}.studio>.form{max-width:640px;margin-top:16px}.form-row{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--ink);font-size:13px;font-weight:700}.form-hint{color:var(--sub);align-self:flex-end;font-size:12px}.form-actions{align-items:center;gap:10px;display:flex}.form-saved{color:var(--sub);font-size:13px}.input{width:100%;height:var(--control-h);border:1px solid var(--line);border-radius:var(--radius);background:#fff;outline:none;padding:0 10px;font-size:16px}.input:focus{border-color:var(--point);box-shadow:0 0 0 1px var(--point)}.textarea{resize:vertical;height:auto;padding:8px 10px;line-height:1.5}.input-sm{height:var(--control-h-sm)}@media (width>=768px){.input{font-size:14px}}.segmented{border-radius:var(--radius);background:var(--soft);align-self:flex-start;padding:2px;display:inline-flex}.segmented button{height:calc(var(--control-h-sm) - 4px);color:var(--sub);background:0 0;border:0;border-radius:3px;padding:0 14px;font-size:13px;font-weight:600}.segmented button.on{background:var(--point);color:var(--ink)}.my-works{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.my-work{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.my-work-cover{flex:none;width:56px}.my-work-cover.cover-empty{padding:4px}.my-work-cover.cover-empty span{font-size:9px}.my-work-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.my-work-actions{flex-direction:column;flex:none;gap:6px;display:flex}@media (width>=768px){.my-work-actions{flex-direction:row}}.cover-editor{align-items:flex-start;gap:14px;display:flex}.cover-editor-img{flex:none;width:120px}.cover-editor-side{flex-direction:column;align-items:flex-start;gap:10px;display:flex}@media (width>=1024px){.cover-editor{flex-direction:column}.cover-editor-img{width:100%}}.manage-list{border-top:1px solid var(--line);margin:0 0 12px;padding:0;list-style:none}.manage-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 0;display:flex}.manage-title{flex-direction:column;flex:1;min-width:140px;font-size:14px;display:flex}.manage-title small{color:var(--sub);font-size:12px}.manage-actions{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.manage-edit{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.manage-edit .input{flex:1;min-width:160px}.add-episode{margin-top:4px}.picker{border-radius:var(--radius-panel);background:var(--soft);margin-top:12px;padding:12px}.picker-head{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;display:flex}.like-btn{gap:4px}.like-btn svg{width:18px;height:18px}.like-btn.on{border-color:var(--point);background:var(--point-soft);color:var(--ink)}.like-btn.on svg{color:#e5484d}.episode-stats{color:var(--sub);flex:none;font-size:12px}@media (width<=767px){.episode-date{display:none}}.comment-toggle{gap:4px}.comment-toggle svg{width:16px;height:16px}.comment-toggle.on{border-color:var(--point);background:var(--point-soft)}.icon-btn{border-radius:var(--radius);width:32px;height:32px;color:var(--sub);background:0 0;border:0;place-items:center;display:grid}.icon-btn:hover{background:var(--soft);color:var(--ink)}.icon-btn svg{width:20px;height:20px}.comments{z-index:2;border-radius:var(--radius-panel) var(--radius-panel) 0 0;background:#fff;flex-direction:column;max-height:70%;padding:0 16px 16px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 24px #00000040}@media (width>=768px){.comments{border-radius:0;width:360px;max-height:none;top:0;left:auto;box-shadow:-8px 0 24px #00000040}}.comments-head{color:var(--ink);background:#fff;justify-content:space-between;align-items:center;padding:12px 0 8px;font-size:15px;display:flex;position:sticky;top:0}.comments-head .count{color:var(--sub);font-weight:600}.comment-form{flex-direction:column;gap:6px;display:flex}.comment-form-foot{justify-content:space-between;align-items:center;display:flex}.comment-form-foot .form-hint{align-self:center}.comment-login{border-radius:var(--radius);background:var(--soft);color:var(--sub);padding:12px;font-size:13px}.comment-login a{color:var(--ink);font-weight:700;text-decoration:underline}.comment-list{margin:12px 0 0;padding:0;list-style:none}.comment{border-top:1px solid var(--line);padding:12px 0}.comment-meta{color:var(--sub);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.comment-meta strong{color:var(--ink);font-size:13px}.comment-del{margin-left:auto}.comment-text{white-space:pre-wrap;word-break:break-word;margin-top:4px;font-size:14px}.comment-empty{text-align:center;color:var(--sub);padding:24px 0;font-size:13px}.comment-more{align-self:center;margin-top:8px}.admin{padding-top:20px}.admin-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 16px;margin-bottom:16px;display:flex}.admin-tabs{gap:18px;display:flex}.admin-tabs a{color:var(--sub);padding:8px 0 10px;font-size:15px;font-weight:700;position:relative}.admin-tabs a.active{color:var(--ink)}.admin-tabs a.active:after{content:"";background:var(--point);border-radius:2px;height:3px;position:absolute;bottom:-1px;left:0;right:0}.admin-body{flex-direction:column;gap:16px;display:flex}.admin-body .panel{margin-top:0}.badge-danger{background:var(--danger);color:#fff}.confirm-plain{color:var(--text)}.stat-tiles{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (width>=768px){.stat-tiles{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.stat-tiles{grid-template-columns:repeat(6,1fr)}}.stat-tile{border:1px solid var(--line);border-radius:var(--radius-panel);background:#fff;flex-direction:column;gap:2px;padding:14px;display:flex}.stat-label{color:var(--sub);font-size:12px}.stat-value{color:var(--ink);font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.stat-sub{color:var(--sub);font-size:12px}.admin-charts{gap:16px;display:grid}@media (width>=1024px){.admin-charts{grid-template-columns:repeat(3,1fr)}}.bars{grid-template-columns:repeat(7,1fr);gap:6px;height:140px;display:grid}.bar-col{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.bar-value{color:var(--sub);font-variant-numeric:tabular-nums;font-size:11px}.bar-track{background:var(--soft);border-radius:3px 3px 0 0;flex:1;width:100%;max-width:28px;position:relative}.bar{background:var(--point);border-radius:3px 3px 0 0;min-height:2px;position:absolute;bottom:0;left:0;right:0}.bar-label{color:var(--sub);font-size:11px}.action-list{margin:0;padding:0;list-style:none}.action-list li{border-top:1px solid var(--line);flex-wrap:wrap;gap:2px 10px;padding:8px 0;font-size:13px;display:flex}.action-list em{font-style:normal;font-weight:700}.action-when,.action-detail{color:var(--sub)}.admin-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-search{flex:1;gap:6px;min-width:220px;max-width:420px;display:flex}.admin-users{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.admin-user{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 16px;padding:12px 0;display:flex}.admin-user.is-suspended{background:#fff7f7}.admin-user-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.admin-user-name{color:var(--ink);flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;display:flex}.admin-user-id{color:var(--sub);font-size:13px}.admin-user-meta{color:var(--sub);word-break:break-all;flex-wrap:wrap;gap:2px 12px;font-size:12px;display:flex}.admin-user-suspend{color:var(--danger);font-size:12px}.admin-user-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.suspend-form{flex-wrap:wrap;gap:6px;display:flex}.suspend-form .input{width:240px;max-width:100%}.admin-more{align-self:center}