@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}:root{--color-surface-surface:#f4f4f5;--color-surface-surface-container-lowest:#fff;--color-surface-on-surface:#09090b;--color-surface-on-surface-variant:#3f3f46;--color-surface-outline:#d4d4d8;--color-surface-outline-variant:#e4e4e7;--color-surface-inverse-surface:#09090b;--color-surface-inverse-on-surface:#fff;--color-schemes-primary:#863dfb;--color-schemes-on-primary:#fff;--color-schemes-secondary:#003bc4;--color-schemes-error:#ba1a1a;--font-family-plain:"Manrope", ui-sans-serif, system-ui, sans-serif;--font-family-brand:"Nohemi", "Manrope", ui-sans-serif, sans-serif;--space-s1:4px;--space-s2:8px;--space-s3:12px;--space-s4:16px;--space-s5:20px;--space-s6:24px;--space-s7:32px;--space-s8:40px;--space-s9:48px;--space-s10:64px;--shape-radius-6:6px;--shape-radius-8:8px;--shape-radius-12:12px;--shape-radius-16:16px;--shape-radius-20:20px;--shape-radius-24:24px;--shape-radius-full:1000px;--elevation-1:0 1px 2px #09090b0a, 0 2px 6px #09090b09;--state-on-surface-08:var(--color-surface-on-surface)}@supports (color:color-mix(in lab, red, red)){:root{--state-on-surface-08:color-mix(in srgb, var(--color-surface-on-surface) 8%, transparent)}}:root{--state-primary-08:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){:root{--state-primary-08:color-mix(in srgb, var(--color-schemes-primary) 8%, transparent)}}:root{--state-primary-12:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){:root{--state-primary-12:color-mix(in srgb, var(--color-schemes-primary) 12%, transparent)}}:root{--dur-ui:.18s;--ease-out:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-surface-surface);color:var(--color-surface-on-surface);font-family:var(--font-family-plain);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img,svg{max-width:100%;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-body,.app-body{--feed-card-width:220px;--feed-gap:16px;background:linear-gradient(90deg, var(--color-surface-surface-container-lowest) 0, var(--color-surface-surface-container-lowest) 232px, var(--color-surface-surface-container-lowest) 360px, var(--color-surface-surface) 100%);min-height:100vh;padding-left:232px}@supports (color:color-mix(in lab, red, red)){.home-body,.app-body{background:linear-gradient(90deg, var(--color-surface-surface-container-lowest) 0, color-mix(in srgb, var(--color-surface-surface-container-lowest) 94%, var(--color-surface-surface)) 232px, color-mix(in srgb, var(--color-surface-surface-container-lowest) 42%, var(--color-surface-surface)) 360px, var(--color-surface-surface) 100%)}}.home-body,.app-body{background-attachment:fixed}.home-sidebar{gap:var(--space-s5);width:232px;height:100vh;padding:var(--space-s5) var(--space-s4);background:var(--color-surface-surface-container-lowest);grid-template-rows:auto 1fr auto;display:grid;position:fixed;top:0;left:0}@supports (color:color-mix(in lab, red, red)){.home-sidebar{background:color-mix(in srgb, var(--color-surface-surface-container-lowest) 96%, transparent)}}.home-sidebar{border-right:1px solid var(--color-surface-outline-variant);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30}.home-body .home-sidebar,.app-body .home-sidebar{background:var(--color-surface-surface-container-lowest);border-right:0}@supports (color:color-mix(in lab, red, red)){.home-body .home-sidebar,.app-body .home-sidebar{background:color-mix(in srgb, var(--color-surface-surface-container-lowest) 82%, var(--color-surface-surface))}}.home-body .home-sidebar,.app-body .home-sidebar{box-shadow:none}.home-body .home-sidebar:after,.app-body .home-sidebar:after{content:"";pointer-events:none;background:linear-gradient(90deg, var(--color-surface-surface-container-lowest) 0, transparent 100%);width:64px;height:100%;position:absolute;top:0;right:-64px}@supports (color:color-mix(in lab, red, red)){.home-body .home-sidebar:after,.app-body .home-sidebar:after{background:linear-gradient(90deg, color-mix(in srgb, var(--color-surface-surface-container-lowest) 78%, var(--color-surface-surface)) 0, transparent 100%)}}.home-nav{align-content:start;gap:var(--space-s2);display:grid}.home-nav a{align-items:center;gap:var(--space-s3);min-height:40px;padding:0 var(--space-s3);border-radius:var(--shape-radius-8);color:var(--color-surface-on-surface-variant);transition:background var(--dur-ui) var(--ease-out), color var(--dur-ui) var(--ease-out);font-size:15px;font-weight:800;display:flex}.home-nav a:hover,.home-nav a.active{background:var(--state-primary-08);color:var(--color-schemes-primary)}.home-body .home-nav a,.app-body .home-nav a{border-radius:var(--shape-radius-12);padding:0 var(--space-s4);line-height:22px}.home-body .home-nav a:hover,.app-body .home-nav a:hover{background:var(--color-surface-on-surface)}@supports (color:color-mix(in lab, red, red)){.home-body .home-nav a:hover,.app-body .home-nav a:hover{background:color-mix(in srgb, var(--color-surface-on-surface) 5%, var(--color-surface-surface-container-lowest))}}.home-body .home-nav a:hover,.app-body .home-nav a:hover{color:var(--color-surface-on-surface)}.home-body .home-nav a.active,.app-body .home-nav a.active{background:var(--color-surface-on-surface)}@supports (color:color-mix(in lab, red, red)){.home-body .home-nav a.active,.app-body .home-nav a.active{background:color-mix(in srgb, var(--color-surface-on-surface) 7%, var(--color-surface-surface-container-lowest))}}.home-body .home-nav a.active,.app-body .home-nav a.active{color:var(--color-surface-on-surface)}.nav-icon{width:24px;height:24px;color:inherit;background:0 0;flex:none;place-items:center;display:grid;position:relative}.nav-icon:before{content:"";width:18px;height:18px;-webkit-mask:var(--nav-icon-mask) center / contain no-repeat;-webkit-mask:var(--nav-icon-mask) center / contain no-repeat;-webkit-mask:var(--nav-icon-mask) center / contain no-repeat;-webkit-mask:var(--nav-icon-mask) center / contain no-repeat;mask:var(--nav-icon-mask) center / contain no-repeat;background:currentColor;display:block}.home-nav a[href=index\.html] .nav-icon{--nav-icon-mask:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M4%2010.5%2012%204l8%206.5V20a1%201%200%200%201-1%201h-5.2v-6h-3.6v6H5a1%201%200%200%201-1-1v-9.5Z'/%3E%3C/svg%3E")}.home-nav a[href=publish\.html] .nav-icon{--nav-icon-mask:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M11%204h2v7h7v2h-7v7h-2v-7H4v-2h7V4Z'/%3E%3C/svg%3E")}.home-nav a[href=messages\.html] .nav-icon{--nav-icon-mask:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M5%205h14a2%202%200%200%201%202%202v8a2%202%200%200%201-2%202h-8.2L6.7%2020c-.7.5-1.7%200-1.7-.9V17a2%202%200%200%201-2-2V7a2%202%200%200%201%202-2Zm1.4%203.2%205.6%204.1%205.6-4.1-1.1-1.4-4.5%203.3-4.5-3.3-1.1%201.4Z'/%3E%3C/svg%3E")}.home-nav a[href=profile\.html] .nav-icon{--nav-icon-mask:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M12%2012a4%204%200%201%200%200-8%204%204%200%200%200%200%208Zm0%202c-4.4%200-8%202.2-8%205v1h16v-1c0-2.8-3.6-5-8-5Z'/%3E%3C/svg%3E")}.home-nav a[href=admin\.html] .nav-icon{--nav-icon-mask:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M4%204h7v7H4V4Zm9%200h7v4h-7V4ZM4%2013h7v7H4v-7Zm9%206V9h7v10h-7Z'/%3E%3C/svg%3E")}.nav-label{min-width:0}.sidebar-footer{gap:var(--space-s3);display:grid}.home-main{width:min(1180px,100% - clamp(28px,5vw,72px));min-width:0;padding:var(--space-s5) 0 var(--space-s9);margin:0 auto}.home-body .home-main{width:min(1240px,100% - clamp(24px,4vw,56px))}.app-body .page{width:min(1120px,100% - clamp(28px,7vw,80px))}.app-body .page.narrow{width:min(980px,100% - clamp(32px,7vw,88px))}.home-top{gap:var(--space-s6);margin-bottom:var(--space-s6);grid-template-columns:minmax(0,1fr) minmax(320px,480px);align-items:end;display:grid}.home-top h1{margin:var(--space-s4) 0 0;font-family:var(--font-family-brand);letter-spacing:0;max-width:720px;font-size:clamp(24px,2.8vw,32px);line-height:1.16}.home-search{gap:var(--space-s2);min-height:52px;padding:var(--space-s1);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-16);background:var(--color-surface-surface-container-lowest);box-shadow:var(--elevation-1);grid-template-columns:minmax(0,1fr) auto;display:grid}.home-search input{min-width:0;padding:0 var(--space-s3);background:0 0;border:0;outline:none}.home-search button{border-radius:var(--shape-radius-12);min-height:44px;padding:0 var(--space-s5);background:var(--color-schemes-primary);color:var(--color-schemes-on-primary);border:0;font-weight:800}.feed-searchbar{top:var(--space-s4);z-index:18;gap:var(--space-s2);width:min(640px,100%);min-height:52px;margin:0 auto var(--space-s6);padding:var(--space-s1);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-full);background:var(--color-surface-surface-container-lowest);grid-template-columns:minmax(0,1fr) auto;display:grid;position:sticky}@supports (color:color-mix(in lab, red, red)){.feed-searchbar{background:color-mix(in srgb, var(--color-surface-surface-container-lowest) 94%, transparent)}}.feed-searchbar{box-shadow:var(--elevation-1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.feed-searchbar input{min-width:0;height:44px;padding:0 var(--space-s4);border-radius:var(--shape-radius-full);color:var(--color-surface-on-surface);background:0 0;border:0;outline:none}.feed-searchbar input::placeholder{color:var(--color-surface-on-surface-variant)}.feed-searchbar button{border-radius:var(--shape-radius-full);min-width:76px;min-height:44px;padding:0 var(--space-s5);background:var(--color-surface-inverse-surface);color:var(--color-surface-inverse-on-surface);border:0;font-weight:900}.home-body .feed-searchbar{border-color:var(--color-surface-on-surface)}@supports (color:color-mix(in lab, red, red)){.home-body .feed-searchbar{border-color:color-mix(in srgb, var(--color-surface-on-surface) 10%, transparent)}}.home-body .feed-searchbar{background:var(--color-surface-surface-container-lowest)}@supports (color:color-mix(in lab, red, red)){.home-body .feed-searchbar{background:color-mix(in srgb, var(--color-surface-surface-container-lowest) 96%, var(--color-surface-surface))}}.home-body .feed-searchbar{box-shadow:0 8px 22px #09090b0d}.home-body .feed-searchbar:focus-within{background:var(--color-surface-surface-container-lowest);border-color:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){.home-body .feed-searchbar:focus-within{border-color:color-mix(in srgb, var(--color-schemes-primary) 34%, transparent)}}.home-body .feed-searchbar:focus-within{box-shadow:0 10px 26px #09090b14}.home-body .feed-searchbar button{background:var(--color-schemes-primary);min-width:72px;color:var(--color-schemes-on-primary)}.topbar{z-index:30;align-items:center;gap:var(--space-s5);background:var(--color-surface-surface-container-lowest);height:64px;padding:0 clamp(16px,4vw,48px);display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.topbar{background:color-mix(in srgb, var(--color-surface-surface-container-lowest) 92%, transparent)}}.topbar{border-bottom:1px solid var(--color-surface-outline-variant);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{align-items:center;gap:var(--space-s3);letter-spacing:0;white-space:nowrap;font-weight:800;display:inline-flex}.brand-mark{border-radius:var(--shape-radius-8);background:var(--color-schemes-primary);width:30px;height:30px;color:var(--color-schemes-on-primary);place-items:center;display:grid;box-shadow:inset 0 -1px #00000029}.nav{align-items:center;gap:var(--space-s1);scrollbar-width:none;flex:1;min-width:0;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{height:36px;padding:0 var(--space-s3);border-radius:var(--shape-radius-8);color:var(--color-surface-on-surface-variant);white-space:nowrap;transition:background var(--dur-ui) var(--ease-out), color var(--dur-ui) var(--ease-out);align-items:center;font-size:13px;font-weight:700;display:inline-flex}.nav a:hover,.nav a.active{background:var(--state-on-surface-08);color:var(--color-surface-on-surface)}.top-actions{align-items:center;gap:var(--space-s2);display:flex}.page{width:min(1180px,100% - clamp(28px,8vw,88px));padding:var(--space-s7) 0 var(--space-s9);margin:0 auto}.page.narrow{width:min(1040px,100% - 32px)}.page-title{max-width:860px}.hero{gap:var(--space-s8);min-height:min(520px,100vh - 64px);padding:var(--space-s6) 0;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);align-items:center;display:grid}.eyebrow{align-items:center;gap:var(--space-s2);width:fit-content;min-height:28px;padding:0 var(--space-s3);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-full);color:var(--color-schemes-primary);background:var(--color-surface-surface-container-lowest);letter-spacing:.2px;font-size:12px;font-weight:800;display:inline-flex}.hero h1,.page-title h1{margin:var(--space-s4) 0 var(--space-s3);font-family:var(--font-family-brand);letter-spacing:0;font-size:clamp(24px,2.4vw,30px);line-height:1.16}.page-title h1{font-size:clamp(24px,2.2vw,30px);line-height:1.16}.lead{color:var(--color-surface-on-surface-variant);max-width:760px;margin:0;font-size:14px;line-height:1.58}.hero-actions,.row-actions{gap:var(--space-s3);margin-top:var(--space-s5);flex-wrap:wrap;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-s2);min-height:44px;padding:0 var(--space-s5);border-radius:var(--shape-radius-8);border:1px solid var(--color-surface-outline);background:var(--color-surface-surface-container-lowest);color:var(--color-surface-on-surface);transition:transform var(--dur-ui) var(--ease-out), background var(--dur-ui) var(--ease-out), border-color var(--dur-ui) var(--ease-out);font-size:14px;font-weight:800;display:inline-flex}.btn:hover{background:var(--state-on-surface-08);transform:translateY(-1px)}.btn[aria-disabled=true]{opacity:.48;pointer-events:auto;cursor:not-allowed}.btn.primary{border-color:var(--color-schemes-primary);background:var(--color-schemes-primary);color:var(--color-schemes-on-primary)}.btn.inverse{border-color:var(--color-surface-inverse-surface);background:var(--color-surface-inverse-surface);color:var(--color-surface-inverse-on-surface)}.icon-btn{border-radius:var(--shape-radius-8);border:1px solid var(--color-surface-outline-variant);background:var(--color-surface-surface-container-lowest);place-items:center;width:40px;height:40px;display:inline-grid}.panel,.card{background:var(--color-surface-surface-container-lowest);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-16);box-shadow:var(--elevation-1);padding:var(--space-s5)}.section-title{justify-content:space-between;align-items:end;gap:var(--space-s5);margin:var(--space-s9) 0 var(--space-s5);display:flex}.section-title h2{margin:0;font-size:clamp(18px,1.6vw,21px);line-height:1.22}.section-title p{margin:var(--space-s2) 0 0;color:var(--color-surface-on-surface-variant);line-height:1.5}.grid{gap:var(--space-s5);display:grid}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-compose{justify-content:space-between;align-items:center;gap:var(--space-s5);padding:var(--space-s5);margin-bottom:var(--space-s6);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-16);background:var(--color-surface-surface-container-lowest);box-shadow:var(--elevation-1);display:flex}.quick-compose b{margin-bottom:var(--space-s1);font-size:15px;display:block}.quick-compose p{color:var(--color-surface-on-surface-variant);margin:0;line-height:1.5}.home-layout{gap:var(--space-s6);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}.home-layout.feed-only{grid-template-columns:minmax(0,1fr)}.feed-stack{min-width:0}.feed-tabs{z-index:20;gap:var(--space-s2);padding:var(--space-s3) 0;margin-bottom:var(--space-s3);background:var(--color-surface-surface);display:flex;position:sticky;top:0;overflow-x:auto}@supports (color:color-mix(in lab, red, red)){.feed-tabs{background:color-mix(in srgb, var(--color-surface-surface) 92%, transparent)}}.feed-tabs{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:none}.feed-tabs::-webkit-scrollbar{display:none}.masonry-feed{grid-template-columns:repeat(auto-fill, var(--feed-card-width));justify-content:center;align-items:start;gap:var(--feed-gap);grid-auto-rows:4px;display:grid}.story-card{width:var(--feed-card-width);min-width:0;padding:var(--space-s2);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-16);background:var(--color-surface-surface-container-lowest);box-shadow:var(--elevation-1);transition:transform var(--dur-ui) var(--ease-out), border-color var(--dur-ui) var(--ease-out), box-shadow var(--dur-ui) var(--ease-out);align-self:start;overflow:hidden}.story-card:hover{border-color:var(--color-schemes-primary);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.story-card:hover{border-color:color-mix(in srgb, var(--color-schemes-primary) 22%, var(--color-surface-outline-variant))}}.story-card:hover{box-shadow:0 8px 18px #09090b14}.story-card h2{margin:var(--space-s3) var(--space-s1) var(--space-s1);letter-spacing:0;font-size:13.5px;line-height:1.38}.story-card p{margin:0 var(--space-s1) var(--space-s3);color:var(--color-surface-on-surface-variant);font-size:12px;line-height:1.46}.cover{min-height:176px;padding:var(--space-s4);border-radius:var(--shape-radius-12);border:1px solid var(--color-surface-outline-variant);background:radial-gradient(circle at 80% 18%, var(--color-schemes-primary), transparent 30%), linear-gradient(145deg, var(--color-surface-surface-container-lowest), var(--color-schemes-primary) 56%, var(--color-surface-outline-variant));align-content:end;display:grid}@supports (color:color-mix(in lab, red, red)){.cover{background:radial-gradient(circle at 80% 18%, color-mix(in srgb, var(--color-schemes-primary) 18%, transparent), transparent 30%), linear-gradient(145deg, var(--color-surface-surface-container-lowest), color-mix(in srgb, var(--color-schemes-primary) 8%, var(--color-surface-surface)) 56%, var(--color-surface-outline-variant))}}.story-card.tall .cover{min-height:248px}.story-card.short .cover{min-height:148px}.feed-empty{margin:var(--space-s8) auto 0;width:min(420px,100%);padding:var(--space-s5);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-20);background:var(--color-surface-surface-container-lowest);color:var(--color-surface-on-surface-variant);text-align:center}.cover.dark{color:var(--color-schemes-on-primary);background:radial-gradient(circle at 80% 18%, #863dfb6b, transparent 32%), linear-gradient(145deg, var(--color-surface-on-surface), var(--color-schemes-primary) 58%, var(--color-surface-inverse-surface))}@supports (color:color-mix(in lab, red, red)){.cover.dark{background:radial-gradient(circle at 80% 18%, #863dfb6b, transparent 32%), linear-gradient(145deg, var(--color-surface-on-surface), color-mix(in srgb, var(--color-schemes-primary) 16%, var(--color-surface-on-surface)) 58%, var(--color-surface-inverse-surface))}}.cover.blue{color:var(--color-schemes-on-primary);background:radial-gradient(circle at 16% 12%, #738bff75, transparent 34%), linear-gradient(145deg, var(--color-schemes-secondary), var(--color-schemes-secondary) 58%, var(--color-surface-inverse-surface))}@supports (color:color-mix(in lab, red, red)){.cover.blue{background:radial-gradient(circle at 16% 12%, #738bff75, transparent 34%), linear-gradient(145deg, color-mix(in srgb, var(--color-schemes-secondary) 24%, var(--color-surface-on-surface)), color-mix(in srgb, var(--color-schemes-secondary) 48%, var(--color-surface-on-surface)) 58%, var(--color-surface-inverse-surface))}}.cover.violet{background:radial-gradient(circle at 82% 18%, #863dfb52, transparent 36%), linear-gradient(145deg, var(--color-surface-surface-container-lowest), var(--color-schemes-primary) 62%, var(--color-surface-surface))}@supports (color:color-mix(in lab, red, red)){.cover.violet{background:radial-gradient(circle at 82% 18%, #863dfb52, transparent 36%), linear-gradient(145deg, var(--color-surface-surface-container-lowest), color-mix(in srgb, var(--color-schemes-primary) 12%, var(--color-surface-surface-container-lowest)) 62%, var(--color-surface-surface))}}.cover span{max-width:11em;font-family:var(--font-family-brand);font-size:16px;font-weight:800;line-height:1.18}.creator-line{padding:0 var(--space-s1) var(--space-s1);color:var(--color-surface-on-surface-variant);grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:7px;font-size:12px;display:grid}.creator-line .avatar{background:radial-gradient(circle at 68% 24%, #ffffffb8, transparent 24%), linear-gradient(145deg, var(--color-schemes-primary), var(--color-schemes-primary));width:26px;height:26px;font-size:12px}@supports (color:color-mix(in lab, red, red)){.creator-line .avatar{background:radial-gradient(circle at 68% 24%, #ffffffb8, transparent 24%), linear-gradient(145deg, color-mix(in srgb, var(--color-schemes-primary) 18%, var(--color-surface-surface-container-lowest)), color-mix(in srgb, var(--color-schemes-primary) 10%, var(--color-surface-surface-container-lowest)))}}.creator-line .avatar{border:1px solid var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){.creator-line .avatar{border:1px solid color-mix(in srgb, var(--color-schemes-primary) 22%, var(--color-surface-outline-variant))}}.creator-line .avatar{box-shadow:inset 0 0 0 1px #ffffffb8}.creator-line button{border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-full);background:var(--color-surface-surface);min-height:28px;color:var(--color-surface-on-surface-variant);padding:0 10px;font-size:11px;font-weight:800}.viewer-modal{--viewer-modal-gutter:clamp(14px, 2.6vw, 36px);--viewer-dialog-w:1360px;--viewer-dialog-h:850px;--viewer-side-w:390px;z-index:90;padding:var(--viewer-modal-gutter);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#09090b6b;display:none;position:fixed;inset:0}.viewer-modal.is-open{place-items:center;display:grid}.viewer-dialog{width:min(var(--viewer-dialog-w), calc(100vw - (var(--viewer-modal-gutter) * 2)));height:min(var(--viewer-dialog-h), calc(100vh - (var(--viewer-modal-gutter) * 2)));grid-template-columns:minmax(0, 1fr) clamp(380px, 28vw, var(--viewer-side-w));border:1px solid var(--color-surface-outline);display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.viewer-dialog{border:1px solid color-mix(in srgb, var(--color-surface-outline) 72%, transparent)}}.viewer-dialog{border-radius:var(--shape-radius-20);background:var(--color-surface-surface-container-lowest);box-shadow:0 24px 80px #09090b47}.viewer-dialog button,.viewer-dialog input{font:inherit}.viewer-dialog button{appearance:none}.viewer-preview-pane{background:var(--color-surface-surface);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.viewer-preview-pane{background:color-mix(in srgb, var(--color-surface-surface) 72%, #fff)}}.barrage-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.danmu-avatar{border:2px solid var(--color-surface-surface-container-lowest);border-radius:var(--shape-radius-full);background:var(--danmu-bg,var(--color-schemes-primary));width:32px;height:32px;color:var(--danmu-fg,var(--color-schemes-on-primary));cursor:pointer;pointer-events:auto;animation:danmu-pop var(--dur-modal) var(--ease-out) both;transition:opacity var(--dur-ui) var(--ease-out), transform var(--dur-ui) var(--ease-out);place-items:center;padding:0;font-size:11px;font-weight:900;display:grid;position:absolute;transform:translate(-50%,-50%)scale(1);box-shadow:0 8px 24px #09090b38}.danmu-avatar.is-offscreen{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.72)}.danmu-avatar:before{content:"";border:1px solid var(--danmu-bg,var(--color-schemes-primary));position:absolute;inset:-6px}@supports (color:color-mix(in lab, red, red)){.danmu-avatar:before{border:1px solid color-mix(in srgb, var(--danmu-bg,var(--color-schemes-primary)) 36%, transparent)}}.danmu-avatar:before{border-radius:inherit;opacity:.42}.danmu-avatar:after{content:attr(data-note);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-12);background:var(--color-surface-surface-container-lowest);width:max-content;max-width:210px;padding:7px 10px;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}@supports (color:color-mix(in lab, red, red)){.danmu-avatar:after{background:color-mix(in srgb, var(--color-surface-surface-container-lowest) 96%, transparent)}}.danmu-avatar:after{color:var(--color-surface-on-surface);opacity:0;box-shadow:var(--elevation-1);pointer-events:none;transition:opacity var(--dur-ui) var(--ease-out);font-size:12px;font-weight:700;line-height:1.4}.danmu-avatar:hover,.danmu-avatar:focus-visible{transform:translate(-50%,-50%)scale(1.04)}.danmu-avatar:hover:after,.danmu-avatar:focus-visible:after{opacity:1}.barrage-hint{top:var(--space-s4);z-index:4;border:1px solid var(--color-schemes-primary);width:min(360px,100% - 32px);position:absolute;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.barrage-hint{border:1px solid color-mix(in srgb, var(--color-schemes-primary) 32%, var(--color-surface-outline-variant))}}.barrage-hint{border-radius:var(--shape-radius-16);padding:var(--space-s3) var(--space-s4);background:var(--color-surface-surface-container-lowest)}@supports (color:color-mix(in lab, red, red)){.barrage-hint{background:color-mix(in srgb, var(--color-surface-surface-container-lowest) 94%, transparent)}}.barrage-hint{color:var(--color-surface-on-surface);box-shadow:var(--elevation-1);pointer-events:none}.barrage-hint b,.barrage-hint span{display:block}.barrage-hint b{font-size:13px}.barrage-hint span{color:var(--color-surface-on-surface-variant);margin-top:2px;font-size:12px;line-height:1.45}.barrage-composer{z-index:5;border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-16);width:min(300px,100% - 28px);padding:var(--space-s3);background:var(--color-surface-surface-container-lowest);position:absolute;box-shadow:0 18px 50px #09090b33}.barrage-composer>span{margin-bottom:var(--space-s2);color:var(--color-surface-on-surface-variant);font-size:12px;font-weight:800;display:block}.barrage-composer input{border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-12);width:100%;min-height:38px;padding:0 var(--space-s3);background:var(--color-surface-surface);color:var(--color-surface-on-surface);font-size:13px}.barrage-composer div{justify-content:flex-end;gap:var(--space-s2);margin-top:var(--space-s3);display:flex}.barrage-composer button{border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-full);min-height:32px;padding:0 var(--space-s3);background:var(--color-surface-surface-container-lowest);color:var(--color-surface-on-surface);font-size:12px;font-weight:900}.barrage-composer button[type=submit]{background:var(--color-schemes-primary);color:var(--color-schemes-on-primary);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.viewer-preview-pane.is-barrage-selecting:after{background:color-mix(in srgb, var(--color-schemes-primary) 7%, transparent)}}@keyframes danmu-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.72)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.viewer-note-pane{border-left:1px solid var(--color-surface-outline-variant);background:var(--color-surface-surface-container-lowest);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.viewer-note-header{gap:var(--space-s3);min-height:72px;padding:0 var(--space-s5);border-bottom:1px solid var(--color-surface-outline-variant);background:var(--color-surface-surface-container-lowest);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;display:grid}.viewer-modal-title{gap:var(--space-s3);grid-template-columns:34px minmax(0,1fr);align-items:center;min-width:0;display:grid}.modal-author-avatar{border-radius:var(--shape-radius-full);background:radial-gradient(circle at 68% 24%, #ffffffc7, transparent 26%), linear-gradient(145deg, var(--color-schemes-primary), var(--color-schemes-primary));place-items:center;width:34px;height:34px;display:grid}@supports (color:color-mix(in lab, red, red)){.modal-author-avatar{background:radial-gradient(circle at 68% 24%, #ffffffc7, transparent 26%), linear-gradient(145deg, color-mix(in srgb, var(--color-schemes-primary) 20%, var(--color-surface-surface-container-lowest)), color-mix(in srgb, var(--color-schemes-primary) 12%, var(--color-surface-surface-container-lowest)))}}.modal-author-avatar{border:1px solid var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){.modal-author-avatar{border:1px solid color-mix(in srgb, var(--color-schemes-primary) 24%, var(--color-surface-outline-variant))}}.modal-author-avatar{color:var(--color-schemes-primary);font-size:13px;font-weight:900;box-shadow:inset 0 0 0 1px #ffffffb8}.viewer-title-copy{min-width:0;display:block}.viewer-title-copy b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.viewer-title-copy>span{text-overflow:ellipsis;white-space:nowrap;color:var(--color-surface-on-surface-variant);margin-top:2px;font-size:12px;display:block;overflow:hidden}.follow-btn{min-height:36px;padding:0 var(--space-s4);border-radius:var(--shape-radius-full);background:var(--color-schemes-primary);color:var(--color-schemes-on-primary);box-shadow:0 8px 20px var(--color-schemes-primary);border:0;font-size:13px;font-weight:900}@supports (color:color-mix(in lab, red, red)){.follow-btn{box-shadow:0 8px 20px color-mix(in srgb, var(--color-schemes-primary) 22%, transparent)}}.follow-btn{transition:background var(--dur-ui) var(--ease-out), color var(--dur-ui) var(--ease-out), transform var(--dur-ui) var(--ease-out), box-shadow var(--dur-ui) var(--ease-out)}.preview-action-stack{top:var(--space-s4);right:var(--space-s4);z-index:4;align-items:flex-end;gap:var(--space-s2);flex-direction:column;justify-items:end;display:flex;position:absolute}.preview-danmu-control{border:1px solid var(--color-schemes-primary);justify-content:space-between;align-items:center;width:62px;height:38px;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.preview-danmu-control{border:1px solid color-mix(in srgb, var(--color-schemes-primary) 24%, var(--color-surface-outline-variant))}}.preview-danmu-control{border-radius:var(--shape-radius-12);padding:0 6px 0 var(--space-s3);background:var(--color-surface-surface-container-lowest)}@supports (color:color-mix(in lab, red, red)){.preview-danmu-control{background:color-mix(in srgb, var(--color-surface-surface-container-lowest) 96%, transparent)}}.preview-danmu-control{color:var(--color-schemes-primary);cursor:pointer;transition:width var(--dur-ui) var(--ease-out), background var(--dur-ui) var(--ease-out), border-color var(--dur-ui) var(--ease-out), color var(--dur-ui) var(--ease-out), transform var(--dur-ui) var(--ease-out), box-shadow var(--dur-ui) var(--ease-out);box-shadow:0 10px 28px #09090b29}.preview-danmu-control:hover,.preview-danmu-control:focus-within{background:var(--color-schemes-primary);width:126px;color:var(--color-schemes-on-primary);box-shadow:0 12px 32px var(--color-schemes-primary);border-color:#0000;transform:translateY(-1px)}.preview-danmu-control:has(.preview-danmu-trigger[aria-pressed=true]){background:var(--color-schemes-primary);width:126px;color:var(--color-schemes-on-primary);box-shadow:0 12px 32px var(--color-schemes-primary);border-color:#0000;transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.preview-danmu-control:hover,.preview-danmu-control:focus-within{box-shadow:0 12px 32px color-mix(in srgb, var(--color-schemes-primary) 24%, transparent)}.preview-danmu-control:has(.preview-danmu-trigger[aria-pressed=true]){box-shadow:0 12px 32px color-mix(in srgb, var(--color-schemes-primary) 24%, transparent)}}.preview-danmu-trigger{min-width:42px;height:100%;color:inherit;cursor:pointer;background:0 0;border:0;flex:auto;align-self:stretch;place-items:center;padding:0;display:inline-grid}.preview-danmu-label{letter-spacing:0;white-space:nowrap;font-size:13px;font-weight:950;line-height:1;display:inline-block}.preview-danmu-trigger:focus-visible{outline:2px solid}@supports (color:color-mix(in lab, red, red)){.preview-danmu-trigger:focus-visible{outline:2px solid color-mix(in srgb, currentColor 46%, transparent)}}.preview-danmu-trigger:focus-visible{outline-offset:3px;border-radius:var(--shape-radius-8)}.preview-danmu-switch{width:38px;min-width:38px;height:22px;margin-left:var(--space-s2);opacity:0;pointer-events:none;cursor:pointer;transition:opacity var(--dur-ui) var(--ease-out), transform var(--dur-ui) var(--ease-out);place-items:center;display:grid;position:relative;transform:translate(8px)}.preview-danmu-control:hover .preview-danmu-switch,.preview-danmu-control:focus-within .preview-danmu-switch{opacity:1;pointer-events:auto;transform:translate(0)}.preview-danmu-control:has(.preview-danmu-trigger[aria-pressed=true]) .preview-danmu-switch{opacity:1;pointer-events:auto;transform:translate(0)}.preview-danmu-switch input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.preview-danmu-switch span{border:1px solid var(--color-schemes-on-primary);width:38px;height:22px;display:block;position:relative}@supports (color:color-mix(in lab, red, red)){.preview-danmu-switch span{border:1px solid color-mix(in srgb, var(--color-schemes-on-primary) 48%, transparent)}}.preview-danmu-switch span{border-radius:var(--shape-radius-full);background:var(--color-schemes-on-primary)}@supports (color:color-mix(in lab, red, red)){.preview-danmu-switch span{background:color-mix(in srgb, var(--color-schemes-on-primary) 20%, transparent)}}.preview-danmu-switch span{cursor:pointer;transition:background var(--dur-ui) var(--ease-out), border-color var(--dur-ui) var(--ease-out)}.preview-danmu-switch span:after{content:"";border-radius:var(--shape-radius-full);background:var(--color-schemes-on-primary);width:14px;height:14px;transition:transform var(--dur-ui) var(--ease-out), background var(--dur-ui) var(--ease-out);border:0;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #09090b2e}.preview-danmu-switch input:checked+span{border-color:var(--color-schemes-on-primary)}@supports (color:color-mix(in lab, red, red)){.preview-danmu-switch input:checked+span{border-color:color-mix(in srgb, var(--color-schemes-on-primary) 64%, transparent)}}.preview-danmu-switch input:checked+span{background:var(--color-schemes-on-primary)}@supports (color:color-mix(in lab, red, red)){.preview-danmu-switch input:checked+span{background:color-mix(in srgb, var(--color-schemes-on-primary) 28%, transparent)}}.preview-danmu-switch input:checked+span:after{transform:translate(16px)}.preview-danmu-switch input:focus-visible+span{outline:2px solid var(--color-schemes-on-primary)}@supports (color:color-mix(in lab, red, red)){.preview-danmu-switch input:focus-visible+span{outline:2px solid color-mix(in srgb, var(--color-schemes-on-primary) 58%, transparent)}}.preview-danmu-switch input:focus-visible+span{outline-offset:2px}.viewer-share-panel{top:calc(var(--space-s4) + 48px);right:var(--space-s4);z-index:5;gap:var(--space-s3);border:1px solid var(--color-schemes-primary);width:min(340px,100% - 32px);display:grid;position:absolute}@supports (color:color-mix(in lab, red, red)){.viewer-share-panel{border:1px solid color-mix(in srgb, var(--color-schemes-primary) 24%, var(--color-surface-outline-variant))}}.viewer-share-panel{border-radius:var(--shape-radius-16);padding:var(--space-s3);background:var(--color-surface-surface-container-lowest)}@supports (color:color-mix(in lab, red, red)){.viewer-share-panel{background:color-mix(in srgb, var(--color-surface-surface-container-lowest) 97%, transparent)}}.viewer-share-panel{color:var(--color-surface-on-surface);box-shadow:0 18px 54px #09090b33}.viewer-share-panel[hidden]{display:none}.viewer-share-head{justify-content:space-between;align-items:center;gap:var(--space-s3);display:flex}.viewer-share-head b{font-size:13px;font-weight:900}.viewer-share-head button{border-radius:var(--shape-radius-full);background:var(--color-surface-surface);width:30px;min-width:30px;min-height:30px;color:var(--color-surface-on-surface-variant);border:0;font-size:18px;font-weight:700}.viewer-share-panel p{color:var(--color-surface-on-surface-variant);margin:0;font-size:12px;line-height:1.55}.viewer-share-option{align-items:center;gap:var(--space-s2);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-12);min-height:34px;padding:0 var(--space-s3);background:var(--color-surface-surface);color:var(--color-surface-on-surface);font-size:12px;font-weight:800;display:flex}.viewer-share-option input{width:16px;height:16px;accent-color:var(--color-schemes-primary)}.viewer-share-actions{gap:var(--space-s2);grid-template-columns:1fr 1fr;display:grid}.viewer-share-actions button{border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-full);min-height:34px;padding:0 var(--space-s3);background:var(--color-surface-surface-container-lowest);color:var(--color-surface-on-surface);font-size:12px;font-weight:900}.viewer-share-actions button[type=submit]{background:var(--color-schemes-primary);color:var(--color-schemes-on-primary);border-color:#0000}.viewer-share-head button:hover,.viewer-share-actions button:hover{background:var(--state-primary-08);color:var(--color-schemes-primary)}.viewer-share-actions button[type=submit]:hover{background:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){.viewer-share-actions button[type=submit]:hover{background:color-mix(in srgb, var(--color-schemes-primary) 88%, #fff)}}.viewer-share-actions button[type=submit]:hover{color:var(--color-schemes-on-primary)}.viewer-share-link,.viewer-share-panel input[data-viewer-share-link]{border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-10);width:100%;min-height:34px;padding:0 var(--space-s3);background:var(--color-surface-surface);color:var(--color-surface-on-surface-variant);font-size:11px;font-weight:700}.follow-btn:hover{background:var(--color-schemes-primary);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.follow-btn:hover{background:color-mix(in srgb, var(--color-schemes-primary) 88%, #fff)}}.follow-btn[aria-pressed=true]{background:var(--state-primary-08);color:var(--color-schemes-primary);box-shadow:none}.viewer-note-scroll{min-height:0;padding:var(--space-s5) var(--space-s5) var(--space-s6);scrollbar-width:thin;scrollbar-color:var(--color-surface-outline) transparent;overflow:auto}.viewer-note-scroll::-webkit-scrollbar{width:8px}.viewer-note-scroll::-webkit-scrollbar-thumb{border-radius:var(--shape-radius-full);background:var(--color-surface-outline)}.viewer-note-copy{padding-bottom:var(--space-s5);border-bottom:1px solid var(--color-surface-outline-variant)}.viewer-note-copy h2{margin:0 0 var(--space-s3);letter-spacing:0;font-size:18px;line-height:1.35}.viewer-note-copy p{color:var(--color-surface-on-surface);margin:0;font-size:14px;line-height:1.75}.viewer-note-tags{gap:var(--space-s2);margin-top:var(--space-s4);flex-wrap:wrap;display:flex}.viewer-note-tags span{border-radius:var(--shape-radius-full);min-height:28px;padding:0 var(--space-s3);background:var(--state-primary-08);color:var(--color-schemes-primary);align-items:center;font-size:13px;font-weight:800;display:inline-flex}.viewer-comments{gap:var(--space-s3);padding-top:var(--space-s4);display:grid}.viewer-comments-title{justify-content:space-between;align-items:center;gap:var(--space-s3);color:var(--color-surface-on-surface-variant);font-size:13px;font-weight:800;display:flex}.viewer-comments-title button{border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-full);min-height:30px;padding:0 var(--space-s3);background:var(--color-surface-surface-container-lowest);color:var(--color-surface-on-surface-variant);cursor:pointer;transition:background var(--dur-ui) var(--ease-out), color var(--dur-ui) var(--ease-out), border-color var(--dur-ui) var(--ease-out);font-size:12px;font-weight:800}.viewer-comments-title button:hover{border-color:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){.viewer-comments-title button:hover{border-color:color-mix(in srgb, var(--color-schemes-primary) 28%, var(--color-surface-outline-variant))}}.viewer-comments-title button:hover{background:var(--state-primary-08);color:var(--color-schemes-primary)}.viewer-comment-list{gap:var(--space-s5);display:grid}.viewer-comment{gap:var(--space-s3);padding-bottom:var(--space-s2);grid-template-columns:34px minmax(0,1fr);align-items:start;display:grid}.comment-avatar{border-radius:var(--shape-radius-full);border:1px solid var(--color-schemes-primary);flex:none;place-items:center;width:34px;height:34px;display:grid}@supports (color:color-mix(in lab, red, red)){.comment-avatar{border:1px solid color-mix(in srgb, var(--color-schemes-primary) 18%, var(--color-surface-outline-variant))}}.comment-avatar{background:radial-gradient(circle at 66% 26%, #ffffffbf, transparent 28%), var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){.comment-avatar{background:radial-gradient(circle at 66% 26%, #ffffffbf, transparent 28%), color-mix(in srgb, var(--color-schemes-primary) 11%, var(--color-surface-surface-container-lowest))}}.comment-avatar{color:var(--color-schemes-primary);font-size:13px;font-weight:900}.viewer-comment b{align-items:center;gap:var(--space-s2);color:var(--color-surface-on-surface);letter-spacing:0;margin-bottom:3px;font-size:13px;font-weight:900;display:inline-flex}.comment-badge{border-radius:var(--shape-radius-full);background:var(--state-primary-08);min-height:18px;color:var(--color-schemes-primary);align-items:center;padding:0 7px;font-size:11px;font-weight:900;display:inline-flex}.viewer-comment p{color:var(--color-surface-on-surface);margin:0;font-size:13px;line-height:1.55}.comment-meta-row>span{color:var(--color-surface-on-surface-variant);font-size:12px;line-height:18px;display:block}.comment-meta-row,.comment-actions{align-items:center;gap:var(--space-s2);flex-wrap:wrap;display:flex}.comment-actions{margin-top:var(--space-s2)}.comment-actions button,.comment-reply-actions button{border-radius:var(--shape-radius-full);min-height:28px;color:var(--color-surface-on-surface-variant);background:0 0;border:0;padding:0 9px;font-size:12px;font-weight:900;line-height:1}.comment-replies{gap:var(--space-s3);margin-top:var(--space-s3);border:1px solid var(--color-surface-outline-variant);display:grid}@supports (color:color-mix(in lab, red, red)){.comment-replies{border:1px solid color-mix(in srgb, var(--color-surface-outline-variant) 70%, transparent)}}.comment-replies{border-radius:var(--shape-radius-16);padding:var(--space-s3);background:var(--color-surface-surface)}@supports (color:color-mix(in lab, red, red)){.comment-replies{background:color-mix(in srgb, var(--color-surface-surface) 82%, var(--color-surface-surface-container-lowest))}}.comment-reply{gap:var(--space-s2);grid-template-columns:26px minmax(0,1fr);align-items:start;display:grid}.comment-reply .comment-avatar{width:26px;height:26px;font-size:11px}.comment-reply p{margin-top:1px;font-size:12px}.comment-reply-actions{align-items:center;gap:var(--space-s2);flex-wrap:wrap;margin-top:6px;display:flex}.comment-more{justify-self:start;min-height:28px!important;color:var(--color-schemes-primary)!important;background:0 0!important;border:0!important;padding:0 2px!important}.viewer-comment button,.viewer-note-actions button{border-radius:var(--shape-radius-full);min-height:32px;color:var(--color-surface-on-surface-variant);cursor:pointer;transition:background var(--dur-ui) var(--ease-out), border-color var(--dur-ui) var(--ease-out), color var(--dur-ui) var(--ease-out), transform var(--dur-ui) var(--ease-out);background:0 0;border:0;font-family:inherit;font-size:12px;font-weight:900}.viewer-comment button:hover,.viewer-note-actions button:hover{background:var(--state-primary-08);color:var(--color-schemes-primary)}.viewer-comment button:active,.viewer-note-actions button:active{transform:translateY(1px)}.viewer-comment button[aria-pressed=true],.viewer-note-actions button[aria-pressed=true]{background:var(--state-primary-08);color:var(--color-schemes-primary)}.viewer-note-actions{gap:var(--space-s2);min-height:62px;padding:var(--space-s2) var(--space-s4);border-top:1px solid var(--color-surface-outline-variant);background:var(--color-surface-surface-container-lowest);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.viewer-note-actions{background:color-mix(in srgb, var(--color-surface-surface-container-lowest) 96%, var(--color-surface-surface))}}.viewer-reply-state{border-radius:var(--shape-radius-full);background:var(--state-primary-08);width:fit-content;color:var(--color-schemes-primary);grid-column:1/-1;padding:4px 10px;font-size:12px;font-weight:900}.viewer-comment-default{gap:var(--space-s2);grid-template-columns:32px minmax(0,1fr);align-items:center;min-width:0;display:grid}.viewer-action-avatar{background:radial-gradient(circle at 66% 24%, #ffffffb8, transparent 28%), var(--color-schemes-primary);width:32px;height:32px}@supports (color:color-mix(in lab, red, red)){.viewer-action-avatar{background:radial-gradient(circle at 66% 24%, #ffffffb8, transparent 28%), color-mix(in srgb, var(--color-schemes-primary) 12%, var(--color-surface-surface))}}.viewer-action-avatar{color:var(--color-schemes-primary)}.viewer-reply-box{min-width:0}.viewer-reply-box input{border:1px solid var(--color-surface-outline-variant);width:100%;min-height:36px}@supports (color:color-mix(in lab, red, red)){.viewer-reply-box input{border:1px solid color-mix(in srgb, var(--color-surface-outline-variant) 72%, transparent)}}.viewer-reply-box input{border-radius:var(--shape-radius-full);padding:0 var(--space-s4);background:var(--color-surface-surface);color:var(--color-surface-on-surface);transition:background var(--dur-ui) var(--ease-out), border-color var(--dur-ui) var(--ease-out), box-shadow var(--dur-ui) var(--ease-out);font-family:inherit;font-size:13px}.viewer-reply-box input::placeholder{color:var(--color-surface-on-surface-variant)}.viewer-reply-box input:focus{border-color:var(--color-schemes-primary);outline:none}@supports (color:color-mix(in lab, red, red)){.viewer-reply-box input:focus{border-color:color-mix(in srgb, var(--color-schemes-primary) 38%, var(--color-surface-outline))}}.viewer-reply-box input:focus{background:var(--color-surface-surface-container-lowest);box-shadow:0 0 0 3px var(--state-primary-12)}.viewer-note-actions button{min-width:40px;padding:0 var(--space-s3)}.viewer-input-tools{align-items:center;gap:var(--space-s2);grid-column:1/-1;grid-template-columns:auto auto minmax(0,1fr) auto auto;padding-top:2px;display:none}.viewer-note-actions.is-composing .viewer-input-tools{display:grid}.viewer-input-tools .comment-send{background:var(--color-schemes-primary);color:var(--color-schemes-on-primary);border-color:#0000}.viewer-input-tools button:not(.comment-send){border:1px solid var(--color-surface-outline-variant)}@supports (color:color-mix(in lab, red, red)){.viewer-input-tools button:not(.comment-send){border:1px solid color-mix(in srgb, var(--color-surface-outline-variant) 84%, transparent)}}.viewer-input-tools button:not(.comment-send){background:var(--color-surface-surface-container-lowest)}.viewer-action-row{justify-content:flex-end;align-items:center;gap:2px;display:flex}.viewer-note-actions.is-composing .viewer-action-row{display:none}.viewer-action-row button,.viewer-open-link{border-radius:var(--shape-radius-full);min-width:32px;min-height:32px;color:var(--color-surface-on-surface);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:3px;padding:0 8px;font-size:17px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.viewer-action-row button span{color:var(--color-surface-on-surface);font-size:13px;font-weight:900}.viewer-action-row .viewer-share-action{border-color:var(--color-surface-outline-variant);min-width:48px}@supports (color:color-mix(in lab, red, red)){.viewer-action-row .viewer-share-action{border-color:color-mix(in srgb, var(--color-surface-outline-variant) 74%, transparent)}}.viewer-action-row .viewer-share-action{background:var(--color-surface-surface-container-lowest);color:var(--color-surface-on-surface);font-size:12px;font-weight:900}.viewer-action-row .viewer-share-action[aria-expanded=true]{border-color:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){.viewer-action-row .viewer-share-action[aria-expanded=true]{border-color:color-mix(in srgb, var(--color-schemes-primary) 34%, transparent)}}.viewer-action-row .viewer-share-action[aria-expanded=true]{background:var(--state-primary-08);color:var(--color-schemes-primary)}.viewer-open-link{min-width:max-content;color:var(--color-surface-on-surface);letter-spacing:0;padding-inline:10px;font-size:12px}.viewer-action-row button:hover,.viewer-open-link:hover{background:var(--state-primary-08);color:var(--color-schemes-primary);transform:translateY(-1px)}.viewer-note-actions button[data-toast]{border:1px solid var(--color-surface-outline-variant);background:var(--color-surface-surface-container-lowest);min-width:52px}.viewer-note-actions .btn{border-color:var(--color-schemes-primary);flex:none;min-height:40px}@supports (color:color-mix(in lab, red, red)){.viewer-note-actions .btn{border-color:color-mix(in srgb, var(--color-schemes-primary) 34%, var(--color-surface-outline-variant))}}.viewer-note-actions .btn{padding:0 var(--space-s4);background:var(--color-surface-surface-container-lowest);color:var(--color-schemes-primary);font-size:13px;font-weight:900}.viewer-note-actions .btn:hover{background:var(--state-primary-08)}.viewer-dialog button:focus-visible,.viewer-dialog a:focus-visible,.viewer-dialog input:focus-visible{outline:2px solid var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){.viewer-dialog button:focus-visible,.viewer-dialog a:focus-visible,.viewer-dialog input:focus-visible{outline:2px solid color-mix(in srgb, var(--color-schemes-primary) 52%, transparent)}}.viewer-dialog button:focus-visible,.viewer-dialog a:focus-visible,.viewer-dialog input:focus-visible{outline-offset:2px}.viewer-frame{background:var(--color-surface-surface-container-lowest);border:0;width:100%;height:100%}.home-aside{top:var(--space-s5);gap:var(--space-s5);display:grid;position:sticky}.feed-layout{gap:var(--space-s6);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.feed-grid{gap:var(--space-s5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.work-card{gap:var(--space-s4);flex-direction:column;display:flex;overflow:hidden}.thumb{border-radius:var(--shape-radius-16);border:1px solid var(--color-surface-outline-variant);background:radial-gradient(circle at 82% 20%, var(--color-schemes-primary), transparent 28%), linear-gradient(135deg, var(--color-surface-surface-container-lowest), var(--color-schemes-primary) 58%, var(--color-surface-outline-variant));min-height:190px}@supports (color:color-mix(in lab, red, red)){.thumb{background:radial-gradient(circle at 82% 20%, color-mix(in srgb, var(--color-schemes-primary) 20%, transparent), transparent 28%), linear-gradient(135deg, var(--color-surface-surface-container-lowest), color-mix(in srgb, var(--color-schemes-primary) 8%, var(--color-surface-surface)) 58%, var(--color-surface-outline-variant))}}.thumb{padding:var(--space-s4);color:var(--color-surface-on-surface);align-content:end;display:grid}.thumb.dark{background:radial-gradient(circle at 80% 18%, #863dfb61, transparent 28%), linear-gradient(135deg, var(--color-surface-on-surface), var(--color-schemes-primary) 58%, var(--color-surface-inverse-surface))}@supports (color:color-mix(in lab, red, red)){.thumb.dark{background:radial-gradient(circle at 80% 18%, #863dfb61, transparent 28%), linear-gradient(135deg, var(--color-surface-on-surface), color-mix(in srgb, var(--color-schemes-primary) 16%, var(--color-surface-on-surface)) 58%, var(--color-surface-inverse-surface))}}.thumb.dark{color:var(--color-schemes-on-primary)}.thumb-title{font-size:17px;font-weight:800;line-height:1.18}.meta{color:var(--color-surface-on-surface-variant);font-size:13px;line-height:1.45}.card h3,.panel h3{margin:0 0 var(--space-s2);font-size:15.5px;line-height:1.28}.card p,.panel p{color:var(--color-surface-on-surface-variant);margin:0;line-height:1.55}.chip-row{gap:var(--space-s2);flex-wrap:wrap;display:flex}.chip{min-height:32px;padding:0 var(--space-s3);border-radius:var(--shape-radius-full);border:1px solid var(--color-surface-outline-variant);background:var(--color-surface-surface-container-lowest);color:var(--color-surface-on-surface-variant);align-items:center;font-size:13px;font-weight:700;display:inline-flex}.chip.active{color:var(--color-schemes-primary);background:var(--state-primary-08);border-color:var(--state-primary-12)}.stat-row{gap:var(--space-s3);grid-template-columns:repeat(3,1fr);display:grid}.stat{padding:var(--space-s4);border-radius:var(--shape-radius-16);background:var(--color-surface-surface)}.stat b{font-variant-numeric:tabular-nums;font-size:20px;display:block}.stat span{color:var(--color-surface-on-surface-variant);font-size:12px;font-weight:700}.rail-list{gap:var(--space-s3);display:grid}.rail-item{gap:var(--space-s3);padding:var(--space-s3);border-radius:var(--shape-radius-12);border:1px solid var(--color-surface-outline-variant);background:var(--color-surface-surface-container-lowest);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;display:grid}.rank{border-radius:var(--shape-radius-8);background:var(--color-surface-surface);place-items:center;width:36px;height:36px;font-weight:800;display:grid}.avatar{border-radius:var(--shape-radius-full);background:var(--state-primary-08);width:42px;height:42px;color:var(--color-schemes-primary);place-items:center;font-weight:900;display:grid}.toolbar{align-items:center;gap:var(--space-s3);padding:var(--space-s3);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-16);background:var(--color-surface-surface-container-lowest);display:flex}.search{min-width:180px;min-height:44px;padding:0 var(--space-s4);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-12);background:var(--color-surface-surface);flex:1}.split{gap:var(--space-s6);grid-template-columns:260px minmax(0,1fr);align-items:start;display:grid}.side-nav{gap:var(--space-s2);display:grid;position:sticky;top:88px}.side-nav a,.side-nav button{width:100%;min-height:40px;padding:0 var(--space-s3);border-radius:var(--shape-radius-8);text-align:left;color:var(--color-surface-on-surface-variant);background:0 0;border:0;font-weight:800}.side-nav a.active,.side-nav button.active{background:var(--state-primary-08);color:var(--color-schemes-primary)}.preview-window{border-radius:var(--shape-radius-16);border:1px solid var(--color-surface-outline);background:var(--color-surface-surface-container-lowest);box-shadow:var(--elevation-1);overflow:hidden}.window-bar{height:42px;padding:0 var(--space-s4);background:var(--color-surface-surface);border-bottom:1px solid var(--color-surface-outline-variant);align-items:center;gap:7px;display:flex}.dot{background:var(--color-surface-outline);border-radius:50%;width:10px;height:10px}.preview-body{min-height:360px;padding:var(--space-s5);background:linear-gradient(180deg, var(--color-surface-surface-container-lowest), var(--color-surface-surface))}@supports (color:color-mix(in lab, red, red)){.preview-body{background:linear-gradient(180deg, var(--color-surface-surface-container-lowest), color-mix(in srgb, var(--color-surface-surface) 70%, var(--color-surface-surface-container-lowest)))}}.mini-page{border-radius:var(--shape-radius-16);border:1px solid var(--color-surface-outline-variant);height:100%;min-height:300px;padding:var(--space-s5);background:var(--color-surface-surface-container-lowest)}.mini-row{border-radius:var(--shape-radius-full);background:var(--color-surface-outline-variant);height:16px}@supports (color:color-mix(in lab, red, red)){.mini-row{background:color-mix(in srgb, var(--color-surface-outline-variant) 72%, var(--color-surface-surface))}}.mini-row{margin:var(--space-s3) 0}.mini-row.w40{width:40%}.mini-row.w70{width:70%}.mini-row.w90{width:90%}.editor-shell{grid-template-columns:280px minmax(0,1fr) 360px;min-height:100vh;display:grid}.editor-pane{border-right:1px solid var(--color-surface-outline-variant);background:var(--color-surface-surface-container-lowest);padding:var(--space-s4);overflow:auto}.editor-main{grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.code-area{min-height:520px;padding:var(--space-s5);background:var(--color-surface-on-surface);color:var(--color-surface-inverse-on-surface);margin:0;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.assistant-panel{background:var(--color-surface-surface-container-lowest);border-left:1px solid var(--color-surface-outline-variant);padding:var(--space-s4);gap:var(--space-s4);grid-template-rows:auto 1fr auto;display:grid}.message-stack{gap:var(--space-s3);align-content:start;display:grid;overflow:auto}.bubble{padding:var(--space-s3) var(--space-s4);border-radius:var(--shape-radius-16);background:var(--color-surface-surface);color:var(--color-surface-on-surface-variant);line-height:1.5}.bubble.me{background:var(--color-schemes-primary);color:var(--color-schemes-on-primary);justify-self:end}.composer{gap:var(--space-s3);display:grid}textarea{resize:vertical;width:100%;min-height:96px;padding:var(--space-s4);border:1px solid var(--color-surface-outline);border-radius:var(--shape-radius-16);background:var(--color-surface-surface)}.auth-wrap{gap:var(--space-s7);grid-template-columns:minmax(0,1fr) 400px;align-items:center;min-height:calc(100vh - 96px);display:grid}.form{gap:var(--space-s4);display:grid}.field{gap:var(--space-s2);display:grid}.field label{font-size:13px;font-weight:800}.field input,.field select{border:1px solid var(--color-surface-outline);border-radius:var(--shape-radius-12);height:46px;padding:0 var(--space-s4);background:var(--color-surface-surface-container-lowest)}.notification{gap:var(--space-s3);padding:var(--space-s4);border-bottom:1px solid var(--color-surface-outline-variant);grid-template-columns:42px minmax(0,1fr) auto;display:grid}.notification.unread{background:var(--state-primary-08)}.hidden{display:none!important}.publish-flow{gap:var(--space-s6);grid-template-columns:minmax(300px,.86fr) minmax(0,1.14fr);align-items:start;display:grid}.publish-panel{gap:var(--space-s4);padding:var(--space-s4);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-16);background:var(--color-surface-surface-container-lowest);box-shadow:var(--elevation-1);display:grid}.mode-grid{gap:var(--space-s2);display:grid}.mode-card{gap:var(--space-s3);width:100%;min-height:72px;padding:var(--space-s3);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-12);background:var(--color-surface-surface-container-lowest);text-align:left;color:var(--color-surface-on-surface);grid-template-columns:36px minmax(0,1fr);align-items:center;display:grid}.mode-card:hover,.mode-card.active{border-color:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){.mode-card:hover,.mode-card.active{border-color:color-mix(in srgb, var(--color-schemes-primary) 42%, var(--color-surface-outline-variant))}}.mode-card:hover,.mode-card.active{background:var(--state-primary-08)}.mode-card b{font-size:14px;display:block}.mode-card span:last-child{color:var(--color-surface-on-surface-variant);font-size:12px;line-height:1.4}.upload-drop{min-height:178px;padding:var(--space-s6);border:1px dashed var(--color-schemes-primary);place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.upload-drop{border:1px dashed color-mix(in srgb, var(--color-schemes-primary) 50%, var(--color-surface-outline))}}.upload-drop{border-radius:var(--shape-radius-16);background:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){.upload-drop{background:color-mix(in srgb, var(--color-schemes-primary) 5%, var(--color-surface-surface-container-lowest))}}.upload-drop{text-align:center}.upload-drop:focus-visible{outline:3px solid var(--state-primary-12);outline-offset:3px}.upload-drop.active{background:var(--state-primary-08);border-style:solid}.upload-drop strong{margin-bottom:var(--space-s2);font-size:16px;display:block}.upload-checklist{gap:var(--space-s2);display:grid}.check-row{gap:var(--space-s2);padding:var(--space-s3);border-radius:var(--shape-radius-12);background:var(--color-surface-surface);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;display:grid}.check-row .rank{width:24px;height:24px;font-size:10px}.publish-preview{border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-16);background:var(--color-surface-surface-container-lowest);min-height:560px;box-shadow:var(--elevation-1);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.publish-preview-head,.publish-preview-foot{justify-content:space-between;align-items:center;gap:var(--space-s3);min-height:52px;padding:0 var(--space-s4);border-bottom:1px solid var(--color-surface-outline-variant);display:flex}.publish-preview-foot{border-top:1px solid var(--color-surface-outline-variant);border-bottom:0}.publish-preview-body{align-content:start;gap:var(--space-s4);padding:var(--space-s5);background:linear-gradient(180deg, var(--color-surface-surface), var(--color-surface-surface-container-lowest));display:grid}.publish-mini-page{align-content:end;gap:var(--space-s3);min-height:300px;padding:var(--space-s5);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-16);background:radial-gradient(circle at 82% 20%, var(--color-schemes-primary), transparent 28%), var(--color-surface-surface-container-lowest);display:grid}@supports (color:color-mix(in lab, red, red)){.publish-mini-page{background:radial-gradient(circle at 82% 20%, color-mix(in srgb, var(--color-schemes-primary) 12%, transparent), transparent 28%), var(--color-surface-surface-container-lowest)}}.publish-page{width:min(1280px,100% - clamp(28px,6vw,88px))}.publish-header{justify-content:space-between;align-items:flex-start;gap:var(--space-s6);margin-bottom:var(--space-s6);display:flex}.publish-header h1{max-width:720px;margin:var(--space-s4) 0 0;font-family:var(--font-family-brand);letter-spacing:0;font-size:clamp(24px,2.2vw,30px);line-height:1.16}.publish-actions{align-items:center;gap:var(--space-s2);padding-top:var(--space-s1);display:flex}.publish-studio{gap:var(--space-s6);grid-template-columns:minmax(0,1fr) 390px;align-items:start;display:grid}.publish-editor,.phone-preview-panel{border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-20);background:var(--color-surface-surface-container-lowest);box-shadow:var(--elevation-1)}.publish-editor{gap:var(--space-s5);padding:var(--space-s5);display:grid}.publish-tabs{gap:var(--space-s2);padding:var(--space-s1);border-radius:var(--shape-radius-12);background:var(--color-surface-surface);flex-wrap:wrap;width:fit-content;display:inline-flex}.publish-tabs button{border-radius:var(--shape-radius-8);min-height:36px;padding:0 var(--space-s4);color:var(--color-surface-on-surface-variant);background:0 0;border:0;font-size:13px;font-weight:800}.publish-tabs button.active{background:var(--color-surface-surface-container-lowest);color:var(--color-surface-on-surface);box-shadow:var(--elevation-1)}.publish-upload-card{gap:var(--space-s4);min-height:180px;padding:var(--space-s5);border:1px dashed var(--color-schemes-primary);grid-template-columns:56px minmax(0,1fr) auto;align-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.publish-upload-card{border:1px dashed color-mix(in srgb, var(--color-schemes-primary) 46%, var(--color-surface-outline))}}.publish-upload-card{border-radius:var(--shape-radius-16);background:radial-gradient(circle at 96% 8%, var(--color-schemes-primary), transparent 24%), var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){.publish-upload-card{background:radial-gradient(circle at 96% 8%, color-mix(in srgb, var(--color-schemes-primary) 12%, transparent), transparent 24%), color-mix(in srgb, var(--color-schemes-primary) 4%, var(--color-surface-surface-container-lowest))}}.publish-upload-card:focus-visible{outline:3px solid var(--state-primary-12);outline-offset:3px}.publish-upload-card.active{background:var(--state-primary-08);border-style:solid}.publish-upload-card.is-ready{background:var(--state-primary-08);border-style:solid;min-height:112px}.upload-mark{border-radius:var(--shape-radius-16);background:var(--color-schemes-primary);width:56px;height:56px;color:var(--color-schemes-on-primary);place-items:center;font-size:32px;font-weight:500;line-height:1;display:grid}.publish-upload-card strong{margin-bottom:var(--space-s2);font-size:17px;display:block}.uploaded-file{justify-content:space-between;align-items:center;gap:var(--space-s4);padding:var(--space-s3) var(--space-s4);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-12);background:var(--color-surface-surface);display:flex}.uploaded-file b{display:block}.publish-form{gap:var(--space-s5);display:grid}.publish-form .field label{justify-content:space-between;align-items:center;gap:var(--space-s3);display:flex}.publish-form .field label span{color:var(--color-surface-on-surface-variant);font-size:12px;font-weight:700}.publish-form textarea{background:var(--color-surface-surface-container-lowest);min-height:156px}.publish-tool-row{gap:var(--space-s2);margin-top:calc(var(--space-s4) * -1);flex-wrap:wrap;display:flex}.publish-tool-row button{border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-full);background:var(--color-surface-surface-container-lowest);min-height:34px;color:var(--color-surface-on-surface-variant);padding:0 var(--space-s3);font-size:13px;font-weight:800}.publish-tool-row button:hover{color:var(--color-schemes-primary);border-color:var(--state-primary-12);background:var(--state-primary-08)}.publish-section{gap:var(--space-s3);padding:var(--space-s4);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-16);background:var(--color-surface-surface);display:grid}.publish-section-head{justify-content:space-between;align-items:baseline;gap:var(--space-s3);display:flex}.cover-grid{gap:var(--space-s3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cover-card{gap:var(--space-s2);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-12);background:var(--color-surface-surface-container-lowest);padding:var(--space-s2);text-align:left;color:var(--color-surface-on-surface);display:grid}.cover-card.active{border-color:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){.cover-card.active{border-color:color-mix(in srgb, var(--color-schemes-primary) 50%, var(--color-surface-outline))}}.cover-card.active{box-shadow:0 0 0 3px var(--state-primary-08)}.cover-card b{padding:0 var(--space-s1) var(--space-s1);font-size:12px}.cover-preview{border-radius:var(--shape-radius-8);min-height:86px;color:var(--color-surface-on-surface-variant);place-items:center;font-weight:900;display:grid;overflow:hidden}.cover-preview-work{background:linear-gradient(90deg, var(--color-schemes-primary) 0 1px, transparent 1px 16px), linear-gradient(0deg, var(--color-schemes-primary) 0 1px, transparent 1px 16px), linear-gradient(135deg, var(--color-surface-surface-container-lowest), var(--color-surface-surface))}@supports (color:color-mix(in lab, red, red)){.cover-preview-work{background:linear-gradient(90deg, color-mix(in srgb, var(--color-schemes-primary) 18%, transparent) 0 1px, transparent 1px 16px), linear-gradient(0deg, color-mix(in srgb, var(--color-schemes-primary) 12%, transparent) 0 1px, transparent 1px 16px), linear-gradient(135deg, var(--color-surface-surface-container-lowest), var(--color-surface-surface))}}.cover-preview-title{background:var(--color-surface-on-surface);color:var(--color-surface-inverse-on-surface)}.cover-preview-empty{border:1px dashed var(--color-surface-outline);background:var(--color-surface-surface);font-size:24px}.publish-settings{gap:var(--space-s2);display:grid}.publish-settings label{gap:var(--space-s3);min-height:46px;padding:0 var(--space-s3);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-12);background:var(--color-surface-surface-container-lowest);grid-template-columns:minmax(96px,.4fr) minmax(0,1fr);align-items:center;font-weight:800;display:grid}.publish-settings label span{color:var(--color-surface-on-surface-variant);font-size:13px}.publish-settings select{min-width:0;color:var(--color-surface-on-surface);background:0 0;border:0;outline:none;font-weight:800}.phone-preview-panel{top:var(--space-s5);gap:var(--space-s4);padding:var(--space-s4);display:grid;position:sticky}.phone-preview-head{justify-content:space-between;align-items:center;gap:var(--space-s3);display:flex}.phone-shell{border:10px solid var(--color-surface-on-surface);background:var(--color-surface-surface-container-lowest);border-radius:34px;width:min(100%,342px);margin:0 auto;overflow:hidden;box-shadow:0 18px 40px #09090b24}.phone-status{height:38px;padding:0 var(--space-s4);color:var(--color-surface-on-surface);justify-content:space-between;align-items:center;font-size:11px;font-weight:900;display:flex}.note-preview{gap:var(--space-s3);padding-bottom:var(--space-s4);background:var(--color-surface-surface-container-lowest);display:grid}.note-cover{aspect-ratio:1;margin:0 var(--space-s3);border-radius:var(--shape-radius-16);background:radial-gradient(circle at 72% 20%, var(--color-schemes-primary), transparent 26%), linear-gradient(135deg, var(--color-surface-surface), var(--color-surface-surface-container-lowest));place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.note-cover{background:radial-gradient(circle at 72% 20%, color-mix(in srgb, var(--color-schemes-primary) 24%, transparent), transparent 26%), linear-gradient(135deg, var(--color-surface-surface), var(--color-surface-surface-container-lowest))}}.note-cover{color:var(--color-surface-on-surface-variant);font-weight:900}.note-author{align-items:center;gap:var(--space-s3);padding:0 var(--space-s4);grid-template-columns:42px minmax(0,1fr) auto;display:grid}.note-author button{border-radius:var(--shape-radius-full);min-height:30px;padding:0 var(--space-s3);background:var(--color-schemes-primary);color:var(--color-schemes-on-primary);border:0;font-size:12px;font-weight:900}.note-preview h2,.note-preview p,.preview-topics,.preview-actions{padding:0 var(--space-s4);margin:0}.note-preview h2{font-size:17px;line-height:1.28}.note-preview p{color:var(--color-surface-on-surface-variant);white-space:pre-wrap;line-height:1.55}.preview-topics{gap:var(--space-s2);color:var(--color-schemes-primary);flex-wrap:wrap;font-size:13px;font-weight:800;display:flex}.preview-actions{gap:var(--space-s4);color:var(--color-surface-on-surface-variant);border-top:1px solid var(--color-surface-outline-variant);padding-top:var(--space-s3);font-size:12px;font-weight:800;display:flex}.editor-body{background:var(--color-surface-surface);min-height:100vh;overflow:hidden}.editor-workbench{grid-template-rows:56px minmax(0,1fr);height:100vh;display:grid}.editor-topbar{align-items:center;gap:var(--space-s3);padding:0 var(--space-s4);border-bottom:1px solid var(--color-surface-outline-variant);background:var(--color-surface-surface-container-lowest);grid-template-columns:minmax(220px,.72fr) minmax(0,1fr) auto;display:grid}@supports (color:color-mix(in lab, red, red)){.editor-topbar{background:color-mix(in srgb, var(--color-surface-surface-container-lowest) 94%, transparent)}}.editor-topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.editor-title{align-items:center;gap:var(--space-s3);min-width:0;display:flex}.editor-title b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-status{justify-content:center;align-items:center;gap:var(--space-s2);min-width:0;color:var(--color-surface-on-surface-variant);font-size:12px;display:flex}.editor-actions{justify-content:flex-end;align-items:center;gap:var(--space-s2);display:flex}.icon-btn{border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-8);background:var(--color-surface-surface-container-lowest);width:36px;height:36px;color:var(--color-surface-on-surface-variant);place-items:center;font-weight:900;display:grid}.icon-btn:hover,.icon-btn[aria-pressed=true]{background:var(--state-primary-08);color:var(--color-schemes-primary)}.editor-layout{grid-template-columns:264px minmax(0,1fr) 340px;min-height:0;display:grid}.editor-left,.editor-right{background:var(--color-surface-surface-container-lowest);min-width:0;transition:width var(--dur-ui) var(--ease-out), padding var(--dur-ui) var(--ease-out);overflow:auto}.editor-left{border-right:1px solid var(--color-surface-outline-variant);padding:var(--space-s4)}.editor-right{border-left:1px solid var(--color-surface-outline-variant);padding:var(--space-s4)}.editor-left.is-collapsed,.editor-right.is-collapsed{border:0;width:0;padding:0;overflow:hidden}.editor-layout:has(.editor-left.is-collapsed){grid-template-columns:0 minmax(0,1fr) 340px}.editor-layout:has(.editor-right.is-collapsed){grid-template-columns:264px minmax(0,1fr) 0}.editor-layout:has(.editor-left.is-collapsed):has(.editor-right.is-collapsed){grid-template-columns:0 minmax(0,1fr) 0}.editor-center{grid-template-rows:48px minmax(0,1fr);min-width:0;min-height:0;display:grid}.editor-toolbar{align-items:center;gap:var(--space-s2);padding:0 var(--space-s3);border-bottom:1px solid var(--color-surface-outline-variant);background:var(--color-surface-surface-container-lowest);display:flex}.editor-toolbar .chip{border:0}.editor-stage{grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);min-height:0;display:grid}.editor-stage .code-area{border-radius:0;height:100%;min-height:0}.live-preview{border-left:1px solid var(--color-surface-outline-variant);background:var(--color-surface-surface-container-lowest);grid-template-rows:44px minmax(0,1fr);min-width:0;min-height:0;display:grid}.preview-frame{margin:var(--space-s4);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-16);background:var(--color-surface-surface);overflow:hidden}.preview-frame iframe{background:#fff;border:0;width:100%;height:100%;min-height:520px}.editor-layout[data-layout-mode=code] .live-preview,.editor-layout[data-layout-mode=preview] .code-area{display:none}.editor-layout[data-layout-mode=preview] .editor-stage{grid-template-columns:1fr}.editor-layout[data-layout-mode=preview] .live-preview{border-left:0}.surface-row{gap:var(--space-s4);padding:var(--space-s4);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-16);background:var(--color-surface-surface-container-lowest);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.surface-row+.surface-row{margin-top:var(--space-s3)}.surface-row.compact{padding:var(--space-s3);border-radius:var(--shape-radius-12)}.surface-title{gap:3px;min-width:0;display:grid}.surface-title b,.surface-title a{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.surface-title span{color:var(--color-surface-on-surface-variant);font-size:12px;line-height:1.45}.metric-strip{gap:var(--space-s3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric{min-height:82px;padding:var(--space-s4);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-16);background:var(--color-surface-surface-container-lowest)}.metric b{font-variant-numeric:tabular-nums;font-size:20px;line-height:1;display:block}.metric span{margin-top:var(--space-s2);color:var(--color-surface-on-surface-variant);font-size:12px;font-weight:800;display:block}.workspace-grid{grid-template-columns:minmax(260px,.88fr) minmax(0,1.55fr) minmax(300px,.92fr);min-height:100vh;display:grid}.workspace-rail,.workspace-inspector{min-width:0;padding:var(--space-s4);background:var(--color-surface-surface-container-lowest);overflow:auto}.workspace-rail{border-right:1px solid var(--color-surface-outline-variant)}.workspace-inspector{border-left:1px solid var(--color-surface-outline-variant)}.workspace-canvas{background:var(--color-surface-surface);grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.workspace-top{align-items:center;gap:var(--space-s3);min-height:58px;padding:var(--space-s3) var(--space-s4);border-bottom:1px solid var(--color-surface-outline-variant);background:var(--color-surface-surface-container-lowest);display:flex}@supports (color:color-mix(in lab, red, red)){.workspace-top{background:color-mix(in srgb, var(--color-surface-surface-container-lowest) 94%, transparent)}}.workspace-top{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.workspace-top .meta{margin-left:auto}.file-tree{gap:var(--space-s2);margin-top:var(--space-s3);display:grid}.file-node{gap:var(--space-s2);width:100%;min-height:42px;padding:0 var(--space-s2);border-radius:var(--shape-radius-8);color:var(--color-surface-on-surface-variant);text-align:left;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;display:grid}.file-node:hover,.file-node.active{background:var(--state-on-surface-08);color:var(--color-surface-on-surface)}.file-node.active{box-shadow:inset 3px 0 0 var(--color-schemes-primary)}.file-node b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.file-node .rank{width:28px;height:28px;font-size:11px}.editor-canvas-split{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);min-height:0;display:grid}.editor-canvas-split .code-area{border-radius:0;height:100%;min-height:0}.draft-preview{border-left:1px solid var(--color-surface-outline-variant);background:var(--color-surface-surface-container-lowest);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.draft-preview-head{justify-content:space-between;align-items:center;gap:var(--space-s3);min-height:44px;padding:0 var(--space-s3);border-bottom:1px solid var(--color-surface-outline-variant);display:flex}.draft-mini{margin:var(--space-s4);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-16);background:radial-gradient(circle at 82% 18%, var(--color-schemes-primary), transparent 30%), linear-gradient(180deg, var(--color-surface-surface-container-lowest), var(--color-surface-surface));min-height:520px}@supports (color:color-mix(in lab, red, red)){.draft-mini{background:radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--color-schemes-primary) 14%, transparent), transparent 30%), linear-gradient(180deg, var(--color-surface-surface-container-lowest), color-mix(in srgb, var(--color-surface-surface) 70%, var(--color-surface-surface-container-lowest)))}}.draft-mini{padding:var(--space-s5);overflow:hidden}.draft-mini h2{margin:0;font-size:clamp(20px,2vw,26px);line-height:1.18}.draft-mini p{max-width:42ch;color:var(--color-surface-on-surface-variant);line-height:1.6}.inspect-card{border:1px solid var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){.inspect-card{border:1px solid color-mix(in srgb, var(--color-schemes-primary) 34%, var(--color-surface-outline-variant))}}.inspect-card{background:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){.inspect-card{background:color-mix(in srgb, var(--color-schemes-primary) 6%, var(--color-surface-surface-container-lowest))}}.inspect-card{border-radius:var(--shape-radius-16);padding:var(--space-s4)}.diff-list{gap:var(--space-s2);display:grid}.diff-line{gap:var(--space-s2);padding:var(--space-s2);border-radius:var(--shape-radius-8);grid-template-columns:24px minmax(0,1fr);align-items:start;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:grid}.diff-line.add{background:var(--color-schemes-secondary)}@supports (color:color-mix(in lab, red, red)){.diff-line.add{background:color-mix(in srgb, var(--color-schemes-secondary) 8%, var(--color-surface-surface-container-lowest))}}.diff-line.add{color:var(--color-schemes-secondary)}@supports (color:color-mix(in lab, red, red)){.diff-line.add{color:color-mix(in srgb, var(--color-schemes-secondary) 72%, var(--color-surface-on-surface))}}.diff-line.mod{background:var(--state-primary-08);color:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){.diff-line.mod{color:color-mix(in srgb, var(--color-schemes-primary) 80%, var(--color-surface-on-surface))}}.diff-line.del{background:var(--color-schemes-error)}@supports (color:color-mix(in lab, red, red)){.diff-line.del{background:color-mix(in srgb, var(--color-schemes-error) 8%, var(--color-surface-surface-container-lowest))}}.diff-line.del{color:var(--color-schemes-error)}@supports (color:color-mix(in lab, red, red)){.diff-line.del{color:color-mix(in srgb, var(--color-schemes-error) 78%, var(--color-surface-on-surface))}}.timeline{gap:var(--space-s3);padding-left:var(--space-s5);display:grid;position:relative}.timeline:before{content:"";background:var(--color-surface-outline-variant);width:1px;position:absolute;top:8px;bottom:8px;left:7px}.timeline-item{gap:2px;display:grid;position:relative}.timeline-item:before{content:"";background:var(--color-schemes-primary);width:10px;height:10px;box-shadow:0 0 0 4px var(--color-schemes-primary);border-radius:50%;position:absolute;top:5px;left:-20px}@supports (color:color-mix(in lab, red, red)){.timeline-item:before{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-schemes-primary) 12%, transparent)}}.lineage-map{gap:var(--space-s3);padding:var(--space-s4);border:1px dashed var(--color-surface-outline);border-radius:var(--shape-radius-16);background:var(--color-surface-surface);display:grid}.lineage-node{justify-content:space-between;align-items:center;gap:var(--space-s3);padding:var(--space-s3);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-12);background:var(--color-surface-surface-container-lowest);display:flex}.lineage-node.child{margin-left:var(--space-s6)}.lineage-node.current{border-color:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){.lineage-node.current{border-color:color-mix(in srgb, var(--color-schemes-primary) 38%, var(--color-surface-outline-variant))}}.lineage-node.current{background:var(--state-primary-08)}.permission-grid{gap:var(--space-s3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.permission-card{min-height:124px;padding:var(--space-s4);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-16);background:var(--color-surface-surface-container-lowest)}.permission-card strong{margin-bottom:var(--space-s2);display:block}.fork-shell{gap:var(--space-s6);grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:start;display:grid}.fork-source{align-content:end;gap:var(--space-s4);min-height:360px;padding:var(--space-s6);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-16);background:radial-gradient(circle at 78% 16%, var(--color-schemes-primary), transparent 30%), linear-gradient(145deg, var(--color-surface-surface-container-lowest), var(--color-schemes-primary) 62%, var(--color-surface-outline-variant));display:grid}@supports (color:color-mix(in lab, red, red)){.fork-source{background:radial-gradient(circle at 78% 16%, color-mix(in srgb, var(--color-schemes-primary) 22%, transparent), transparent 30%), linear-gradient(145deg, var(--color-surface-surface-container-lowest), color-mix(in srgb, var(--color-schemes-primary) 8%, var(--color-surface-surface)) 62%, var(--color-surface-outline-variant))}}.fork-source{box-shadow:var(--elevation-1)}.fork-source h2{margin:0;font-size:clamp(20px,2.2vw,27px);line-height:1.18}.fork-options{gap:var(--space-s3);display:grid}.option-card{gap:var(--space-s3);padding:var(--space-s4);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-16);background:var(--color-surface-surface-container-lowest);grid-template-columns:auto minmax(0,1fr);display:grid}.option-card input{width:18px;height:18px;accent-color:var(--color-schemes-primary)}.library-layout{gap:var(--space-s6);grid-template-columns:260px minmax(0,1fr);align-items:start;display:grid}.table-wrap{border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-16);background:var(--color-surface-surface-container-lowest);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px;font-size:13px}.data-table th,.data-table td{padding:var(--space-s3) var(--space-s4);border-bottom:1px solid var(--color-surface-outline-variant);text-align:left;vertical-align:middle}.data-table th{color:var(--color-surface-on-surface-variant);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:900}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:var(--state-on-surface-08)}.mini-search{gap:var(--space-s2);margin-bottom:var(--space-s4);grid-template-columns:minmax(0,1fr) auto;display:grid}.mini-search input{min-width:0;min-height:42px;padding:0 var(--space-s4);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-12);background:var(--color-surface-surface-container-lowest)}.feed-searchbar,.home-search,.toolbar,.mini-search input,.search,.field input,.field select,textarea{border-color:var(--color-surface-on-surface)}@supports (color:color-mix(in lab, red, red)){.feed-searchbar,.home-search,.toolbar,.mini-search input,.search,.field input,.field select,textarea{border-color:color-mix(in srgb, var(--color-surface-on-surface) 11%, transparent)}}.feed-searchbar,.home-search,.toolbar,.mini-search input,.search,.field input,.field select,textarea{background:var(--color-surface-surface-container-lowest)}@supports (color:color-mix(in lab, red, red)){.feed-searchbar,.home-search,.toolbar,.mini-search input,.search,.field input,.field select,textarea{background:color-mix(in srgb, var(--color-surface-surface-container-lowest) 96%, var(--color-surface-surface))}}.feed-searchbar,.home-search,.toolbar,.mini-search input,.search,.field input,.field select,textarea{color:var(--color-surface-on-surface)}.feed-searchbar,.home-search{box-shadow:0 8px 22px #09090b0d}.feed-searchbar input::placeholder,.home-search input::placeholder,.mini-search input::placeholder,.search::placeholder,.field input::placeholder,textarea::placeholder{color:var(--color-surface-on-surface-variant)}@supports (color:color-mix(in lab, red, red)){.feed-searchbar input::placeholder,.home-search input::placeholder,.mini-search input::placeholder,.search::placeholder,.field input::placeholder,textarea::placeholder{color:color-mix(in srgb, var(--color-surface-on-surface-variant) 82%, var(--color-surface-surface-container-lowest))}}.feed-searchbar:focus-within,.home-search:focus-within,.mini-search input:focus,.search:focus,.field input:focus,.field select:focus,textarea:focus{border-color:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){.feed-searchbar:focus-within,.home-search:focus-within,.mini-search input:focus,.search:focus,.field input:focus,.field select:focus,textarea:focus{border-color:color-mix(in srgb, var(--color-schemes-primary) 36%, var(--color-surface-outline))}}.feed-searchbar:focus-within,.home-search:focus-within,.mini-search input:focus,.search:focus,.field input:focus,.field select:focus,textarea:focus{background:var(--color-surface-surface-container-lowest);box-shadow:0 0 0 3px var(--state-primary-08);outline:none}.flow-steps{gap:var(--space-s3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.flow-step{padding:var(--space-s4);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-16);background:var(--color-surface-surface-container-lowest)}.flow-step b{margin-bottom:var(--space-s2);display:block}.flow-step.active{border-color:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){.flow-step.active{border-color:color-mix(in srgb, var(--color-schemes-primary) 38%, var(--color-surface-outline-variant))}}.flow-step.active{background:var(--state-primary-08)}.toast-lite{left:50%;bottom:var(--space-s6);z-index:120;opacity:0;pointer-events:none;max-width:min(420px,100% - 32px);padding:var(--space-s3) var(--space-s4);border-radius:var(--shape-radius-full);background:var(--color-surface-inverse-surface);color:var(--color-surface-inverse-on-surface);box-shadow:var(--elevation-1);transition:opacity var(--dur-ui) var(--ease-out), transform var(--dur-ui) var(--ease-out);position:fixed;transform:translate(-50%,12px)}.toast-lite.show{opacity:1;transform:translate(-50%)}@media (width>=1500px){.viewer-modal{--viewer-dialog-w:1560px;--viewer-dialog-h:900px;--viewer-side-w:420px}}@media (width>=1800px){.viewer-modal{--viewer-modal-gutter:48px;--viewer-dialog-w:1680px;--viewer-dialog-h:940px;--viewer-side-w:440px}}@media (width<=1180px){.home-body,.app-body{--feed-card-width:214px;--feed-gap:var(--space-s4)}.home-layout,.feed-layout,.hero,.auth-wrap{grid-template-columns:1fr}.home-aside{grid-template-columns:repeat(3,minmax(0,1fr));position:static}.editor-shell{grid-template-columns:220px minmax(0,1fr)}.assistant-panel{border-left:0;border-top:1px solid var(--color-surface-outline-variant);grid-column:1/-1}.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-grid{grid-template-columns:220px minmax(0,1fr)}.workspace-inspector{border-left:0;border-top:1px solid var(--color-surface-outline-variant);grid-column:1/-1}.metric-strip,.flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.publish-flow,.publish-studio,.permission-grid,.fork-shell,.library-layout{grid-template-columns:1fr}.phone-preview-panel{position:static}:is(.editor-layout,.editor-layout:has(.editor-left.is-collapsed),.editor-layout:has(.editor-right.is-collapsed),.editor-layout:has(.editor-left.is-collapsed):has(.editor-right.is-collapsed)){grid-template-columns:220px minmax(0,1fr)}.editor-right{border-left:0;border-top:1px solid var(--color-surface-outline-variant);grid-column:1/-1}.editor-stage{grid-template-columns:1fr}.live-preview{border-left:0;border-top:1px solid var(--color-surface-outline-variant)}.viewer-dialog{grid-template-columns:minmax(0,1fr) 360px}}@media (width<=820px){.home-body,.app-body{--feed-card-width:176px;--feed-gap:var(--space-s4);background:linear-gradient(180deg, var(--color-surface-surface-container-lowest) 0, var(--color-surface-surface-container-lowest) 112px, var(--color-surface-surface) 220px);padding-left:0}@supports (color:color-mix(in lab, red, red)){.home-body,.app-body{background:linear-gradient(180deg, var(--color-surface-surface-container-lowest) 0, color-mix(in srgb, var(--color-surface-surface-container-lowest) 62%, var(--color-surface-surface)) 112px, var(--color-surface-surface) 220px)}}.home-body,.app-body{background-attachment:fixed}.home-sidebar{align-items:center;gap:var(--space-s3);width:100%;height:auto;padding:var(--space-s3) var(--space-s4);border-right:0;border-bottom:1px solid var(--color-surface-outline-variant);grid-template-columns:auto minmax(0,1fr);display:grid;position:sticky;top:0}.home-body .home-sidebar,.app-body .home-sidebar{background:var(--color-surface-surface-container-lowest);border-bottom:0}@supports (color:color-mix(in lab, red, red)){.home-body .home-sidebar,.app-body .home-sidebar{background:color-mix(in srgb, var(--color-surface-surface-container-lowest) 88%, var(--color-surface-surface))}}.home-body .home-sidebar:after,.app-body .home-sidebar:after{background:linear-gradient(180deg, var(--color-surface-surface-container-lowest) 0, transparent 100%);width:100%;height:36px;top:auto;bottom:-36px;right:0}@supports (color:color-mix(in lab, red, red)){.home-body .home-sidebar:after,.app-body .home-sidebar:after{background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface-surface-container-lowest) 74%, var(--color-surface-surface)) 0, transparent 100%)}}.home-sidebar .brand{min-width:max-content}.home-nav{scrollbar-width:none;display:flex;overflow-x:auto}.home-nav::-webkit-scrollbar{display:none}.home-nav a{min-width:max-content}.sidebar-footer{display:none}.home-main{width:min(100% - 28px,760px);padding-top:var(--space-s5)}.app-body .page,.app-body .page.narrow{width:min(100% - 28px,760px)}.feed-searchbar{margin-bottom:var(--space-s5);top:74px}.home-top{grid-template-columns:1fr;align-items:start}.publish-header{flex-direction:column}.publish-actions{width:100%}.publish-actions .btn{flex:1}.quick-compose{flex-direction:column;align-items:stretch}.home-aside{grid-template-columns:1fr}.topbar{height:auto;min-height:64px;padding-top:var(--space-s3);padding-bottom:var(--space-s3);flex-wrap:wrap;align-items:flex-start}.nav{flex-basis:100%;order:3}.page{width:min(100% - 28px,760px);padding-top:var(--space-s6)}.feed-grid,.grid.cols-2,.grid.cols-3,.grid.cols-4,.split{grid-template-columns:1fr}.side-nav{grid-auto-flow:column;position:static;overflow-x:auto}.editor-shell{grid-template-columns:1fr}.editor-pane{border-right:0;border-bottom:1px solid var(--color-surface-outline-variant)}.stat-row,.workspace-grid,.editor-canvas-split{grid-template-columns:1fr}.workspace-rail,.workspace-inspector,.draft-preview{border:0;border-bottom:1px solid var(--color-surface-outline-variant)}.metric-strip,.flow-steps{grid-template-columns:1fr}.editor-body{overflow:auto}.editor-workbench{height:auto;min-height:100vh}.editor-topbar{height:auto;padding-top:var(--space-s3);padding-bottom:var(--space-s3);grid-template-columns:1fr}.editor-status,.editor-actions{flex-wrap:wrap;justify-content:flex-start}:is(.editor-layout,.editor-layout:has(.editor-left.is-collapsed),.editor-layout:has(.editor-right.is-collapsed),.editor-layout:has(.editor-left.is-collapsed):has(.editor-right.is-collapsed)){grid-template-columns:1fr}.editor-left,.editor-right{border:0;border-bottom:1px solid var(--color-surface-outline-variant)}.editor-left.is-collapsed,.editor-right.is-collapsed{display:none}.preview-frame iframe{min-height:420px}.viewer-modal{--viewer-modal-gutter:var(--space-s3);padding:var(--viewer-modal-gutter)}.viewer-dialog{grid-template-rows:minmax(320px,52vh) minmax(0,1fr);grid-template-columns:1fr;height:min(900px,100%)}.viewer-note-pane{border-left:0;border-top:1px solid var(--color-surface-outline-variant)}.viewer-note-header{min-height:60px;padding:0 var(--space-s3);grid-template-columns:minmax(0,1fr) auto auto}.viewer-note-scroll{padding:var(--space-s4) var(--space-s3) var(--space-s5)}.viewer-note-actions{padding:var(--space-s3)}.viewer-action-row{flex-wrap:wrap}}@media (width<=520px){.home-body,.app-body{--feed-card-width:174px;--feed-gap:14px}.top-actions .btn:not(.primary){display:none}.hero h1,.page-title h1{font-size:clamp(24px,7vw,30px)}.publish-page{width:min(100% - 28px,760px)}.publish-editor,.phone-preview-panel{border-radius:var(--shape-radius-16)}.publish-editor{padding:var(--space-s4)}.publish-upload-card{text-align:center;grid-template-columns:1fr}.upload-mark{margin:0 auto}.cover-grid{grid-template-columns:1fr}.publish-settings label{padding:var(--space-s3);grid-template-columns:1fr}.phone-shell{border-width:8px;border-radius:28px}.hero-actions,.row-actions,.toolbar{flex-direction:column;align-items:stretch}.btn{width:100%}.viewer-modal{--viewer-modal-gutter:var(--space-s2)}.viewer-dialog{border-radius:var(--shape-radius-16);grid-template-rows:minmax(260px,42vh) minmax(0,1fr)}.viewer-note-header{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.viewer-modal-title{grid-area:1/1/auto/3}.viewer-note-header .icon-btn{grid-area:1/3}.preview-action-stack{top:var(--space-s3);right:var(--space-s3)}.viewer-share-panel{top:calc(var(--space-s3) + 46px);right:var(--space-s3)}.follow-btn{grid-area:2/2/auto/4;width:100%}.viewer-note-actions button[data-toast]{flex:1}.viewer-note-actions .btn{width:auto}}@media (width<=380px){.home-body,.app-body{--feed-card-width:160px;--feed-gap:12px}.home-main{width:calc(100% - 28px)}.feed-searchbar{min-height:48px}.feed-searchbar input,.feed-searchbar button{height:40px;min-height:40px}.feed-searchbar button{min-width:64px;padding:0 var(--space-s3)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--shape-radius-0:0;--shape-radius-4:4px;--shape-radius-6:6px;--shape-radius-8:8px;--shape-radius-12:12px;--shape-radius-16:16px;--shape-radius-20:20px;--shape-radius-24:24px;--shape-radius-28:28px;--shape-radius-32:32px;--shape-radius-36:36px;--shape-radius-40:40px;--shape-radius-full:1000px;--color-schemes-primary:#863dfb;--color-schemes-on-primary:#fff;--color-schemes-secondary:#003bc4;--color-schemes-on-secondary:#fff;--color-schemes-secondary-container:#2e5fff;--color-schemes-on-secondary-container:#fff;--color-schemes-error:#ba1a1a;--color-schemes-on-error:#fff;--color-schemes-brand:#863dfb;--color-surface-background:#f4f4f5;--color-surface-surface:#f4f4f5;--color-surface-on-surface:#09090b;--color-surface-on-surface-variant:#3f3f46;--color-surface-outline:#d4d4d8;--color-surface-outline-variant:#e4e4e7;--color-surface-surface-container-lowest:#fff;--color-surface-inverse-surface:#09090b;--color-surface-inverse-on-surface:#fff;--shape-corner-none:var(--shape-radius-0);--shape-corner-extra-small-h24:var(--shape-radius-4);--shape-corner-medium-small-h32:var(--shape-radius-6);--shape-corner-small-h40:var(--shape-radius-8);--shape-corner-medium-h48:var(--shape-radius-12);--shape-corner-large-h56:var(--shape-radius-16);--shape-corner-extra-large:var(--shape-radius-20);--shape-corner-full:var(--shape-radius-full);--font-family-plain:"Manrope", ui-sans-serif, system-ui, sans-serif;--font-family-brand:"Nohemi", "Manrope", ui-sans-serif, sans-serif;--type-label-medium-size:12px;--type-label-medium-leading:17px;--type-label-medium-tracking:.2px;--type-label-medium-weight:500;--type-label-medium-prominent-size:12px;--type-label-medium-prominent-leading:17px;--type-label-medium-prominent-tracking:.2px;--type-label-medium-prominent-weight:600;--type-label-large-size:14px;--type-label-large-leading:20px;--type-label-large-tracking:.1px;--type-label-large-weight:500;--type-label-large-prominent-size:14px;--type-label-large-prominent-leading:20px;--type-label-large-prominent-tracking:.1px;--type-label-large-prominent-weight:600;--type-title-medium-size:16px;--type-title-medium-leading:24px;--type-title-medium-tracking:.15px;--type-title-medium-weight:600;--type-body-medium-size:14px;--type-body-medium-leading:20px;--type-body-medium-tracking:.1px;--type-body-medium-weight:600;--space-s0:0;--space-s1:4px;--space-s2:8px;--space-s3:12px;--space-s4:16px;--space-s5:20px;--space-s6:24px;--space-s7:32px;--space-s8:40px;--space-s9:48px;--space-s10:64px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-schemes-primary:#863dfb;--color-schemes-on-primary:#fff;--color-schemes-secondary-container:#738bff;--color-schemes-error:#ffb4ab;--color-schemes-brand:#863dfb;--color-surface-background:#17141a;--color-surface-surface:#17141a;--color-surface-on-surface:#e5e3e8;--color-surface-on-surface-variant:#a49daf;--color-surface-outline:#413d48;--color-surface-outline-variant:#3c3842;--color-surface-surface-container-lowest:#2d2932;--color-surface-inverse-surface:#e0ccff;--color-surface-inverse-on-surface:#313031}}:root[data-theme=dark]{--color-schemes-primary:#863dfb;--color-schemes-on-primary:#fff;--color-schemes-secondary-container:#738bff;--color-schemes-error:#ffb4ab;--color-schemes-brand:#863dfb;--color-surface-background:#17141a;--color-surface-surface:#17141a;--color-surface-on-surface:#e5e3e8;--color-surface-on-surface-variant:#a49daf;--color-surface-outline:#413d48;--color-surface-outline-variant:#3c3842;--color-surface-surface-container-lowest:#2d2932;--color-surface-inverse-surface:#e0ccff;--color-surface-inverse-on-surface:#313031}:root[data-theme=light]{--color-schemes-primary:#863dfb;--color-schemes-on-primary:#fff;--color-schemes-secondary:#003bc4;--color-schemes-on-secondary:#fff;--color-schemes-secondary-container:#2e5fff;--color-schemes-on-secondary-container:#fff;--color-schemes-error:#ba1a1a;--color-schemes-on-error:#fff;--color-schemes-brand:#863dfb;--color-surface-background:#f4f4f5;--color-surface-surface:#f4f4f5;--color-surface-on-surface:#09090b;--color-surface-on-surface-variant:#3f3f46;--color-surface-outline:#d4d4d8;--color-surface-outline-variant:#e4e4e7;--color-surface-surface-container-lowest:#fff;--color-surface-inverse-surface:#09090b;--color-surface-inverse-on-surface:#fff}.o2x-type-label-medium{font-family:var(--font-family-plain);font-size:var(--type-label-medium-size);line-height:var(--type-label-medium-leading);letter-spacing:var(--type-label-medium-tracking);font-weight:var(--type-label-medium-weight)}.o2x-type-label-large{font-family:var(--font-family-plain);font-size:var(--type-label-large-size);line-height:var(--type-label-large-leading);letter-spacing:var(--type-label-large-tracking);font-weight:var(--type-label-large-weight)}.o2x-type-title-medium{font-family:var(--font-family-plain);font-size:var(--type-title-medium-size);line-height:var(--type-title-medium-leading);letter-spacing:var(--type-title-medium-tracking);font-weight:var(--type-title-medium-weight)}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.size-\[10px\]{width:10px;height:10px}.size-\[12px\]{width:12px;height:12px}.size-\[13px\]{width:13px;height:13px}.size-\[14px\]{width:14px;height:14px}.size-\[16px\]{width:16px;height:16px}.size-\[18px\]{width:18px;height:18px}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}body.modal-open{overflow:hidden}.toast-viewport{left:50%;bottom:max(28px, env(safe-area-inset-bottom));z-index:140;pointer-events:none;justify-items:center;gap:8px;width:max-content;max-width:calc(100vw - 36px);display:grid;position:fixed;transform:translate(-50%)}.toast-card{border-radius:var(--shape-radius-full);color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;cursor:pointer;text-align:center;background:#161618e0;border:0;grid-template-columns:minmax(0,1fr);align-items:center;max-width:min(360px,100vw - 36px);min-height:34px;padding:8px 15px;font-size:13px;font-weight:760;line-height:1.3;animation:.18s cubic-bezier(.16,1,.3,1) both toast-in;display:grid;box-shadow:0 10px 28px #09090b33}.toast-dot{display:none}.toast-card.tone-error{background:#c51f36eb}.toast-card.tone-success{background:#161618e0}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.home-nav a[href=\/discover] .nav-icon{--nav-icon-mask:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M4%2010.5%2012%204l8%206.5V20a1%201%200%200%201-1%201h-5.2v-6h-3.6v6H5a1%201%200%200%201-1-1v-9.5Z'/%3E%3C/svg%3E")}.home-nav a[href=\/publish] .nav-icon{--nav-icon-mask:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M11%204h2v7h7v2h-7v7h-2v-7H4v-2h7V4Z'/%3E%3C/svg%3E")}.home-nav a[href=\/messages] .nav-icon{--nav-icon-mask:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M5%205h14a2%202%200%200%201%202%202v8a2%202%200%200%201-2%202h-8.2L6.7%2020c-.7.5-1.7%200-1.7-.9V17a2%202%200%200%201-2-2V7a2%202%200%200%201%202-2Zm1.4%203.2%205.6%204.1%205.6-4.1-1.1-1.4-4.5%203.3-4.5-3.3-1.1%201.4Z'/%3E%3C/svg%3E")}.home-nav a[href=\/profile] .nav-icon{--nav-icon-mask:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M12%2012a4%204%200%201%200%200-8%204%204%200%200%200%200%208Zm0%202c-4.4%200-8%202.2-8%205v1h16v-1c0-2.8-3.6-5-8-5Z'/%3E%3C/svg%3E")}.home-nav a[href=\/admin] .nav-icon{--nav-icon-mask:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M4%204h7v7H4V4Zm9%200h7v4h-7V4ZM4%2013h7v7H4v-7Zm9%206V9h7v10h-7Z'/%3E%3C/svg%3E")}.sidebar-footer{position:relative}.settings-trigger{align-items:center;gap:var(--space-s3);border-radius:var(--shape-radius-12);width:100%;min-height:40px;padding:0 var(--space-s4);color:var(--color-surface-on-surface-variant);font-family:var(--font-family-plain);font-size:var(--type-label-large-size);line-height:var(--type-label-large-leading);letter-spacing:var(--type-label-large-tracking);font-weight:var(--type-label-large-prominent-weight);cursor:pointer;background:0 0;border:1px solid #0000;transition:background-color .15s,border-color .15s,color .15s;display:flex}.settings-trigger:hover,.settings-trigger:focus-visible,.settings-trigger[aria-expanded=true]{border-color:var(--color-surface-outline-variant)}@supports (color:color-mix(in lab, red, red)){.settings-trigger:hover,.settings-trigger:focus-visible,.settings-trigger[aria-expanded=true]{border-color:color-mix(in srgb, var(--color-surface-outline-variant) 82%, transparent)}}.settings-trigger:hover,.settings-trigger:focus-visible,.settings-trigger[aria-expanded=true]{background:var(--color-surface-on-surface)}@supports (color:color-mix(in lab, red, red)){.settings-trigger:hover,.settings-trigger:focus-visible,.settings-trigger[aria-expanded=true]{background:color-mix(in srgb, var(--color-surface-on-surface) 5%, var(--color-surface-surface-container-lowest))}}.settings-trigger:hover,.settings-trigger:focus-visible,.settings-trigger[aria-expanded=true]{color:var(--color-surface-on-surface);outline:none}.settings-trigger-icon,.settings-menu-icon{width:24px;height:24px;color:inherit;flex:none;place-items:center;display:grid}.settings-trigger-icon:before,.settings-menu-icon:before{content:"";width:18px;height:18px;-webkit-mask:var(--settings-icon-mask) center / contain no-repeat;-webkit-mask:var(--settings-icon-mask) center / contain no-repeat;-webkit-mask:var(--settings-icon-mask) center / contain no-repeat;-webkit-mask:var(--settings-icon-mask) center / contain no-repeat;mask:var(--settings-icon-mask) center / contain no-repeat;background:currentColor;display:block}.settings-trigger-icon{--settings-icon-mask:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M19.4%2013.5c.1-.5.1-1%20.1-1.5s0-1-.1-1.5l2-1.5-2-3.5-2.4%201a8%208%200%200%200-2.6-1.5L14%202h-4l-.4%202.5A8%208%200%200%200%207%206L4.6%205l-2%203.5%202%201.5c-.1.5-.1%201-.1%201.5s0%201%20.1%201.5l-2%201.5%202%203.5%202.4-1a8%208%200%200%200%202.6%201.5L10%2022h4l.4-2.5a8%208%200%200%200%202.6-1.5l2.4%201%202-3.5-2-1.5ZM12%2015.5A3.5%203.5%200%201%201%2012%208a3.5%203.5%200%200%201%200%207.5Z'/%3E%3C/svg%3E")}.settings-menu{left:0;bottom:calc(100% + var(--space-s2));z-index:60;gap:var(--space-s2);border:1px solid var(--color-surface-outline-variant);width:100%;min-width:0;display:grid;position:absolute}@supports (color:color-mix(in lab, red, red)){.settings-menu{border:1px solid color-mix(in srgb, var(--color-surface-outline-variant) 88%, transparent)}}.settings-menu{border-radius:var(--shape-radius-16);padding:var(--space-s2);background:var(--color-surface-surface-container-lowest)}@supports (color:color-mix(in lab, red, red)){.settings-menu{background:color-mix(in srgb, var(--color-surface-surface-container-lowest) 98%, transparent)}}.settings-menu{color:var(--color-surface-on-surface);box-shadow:0 var(--space-s2) var(--space-s6) var(--color-surface-on-surface)}@supports (color:color-mix(in lab, red, red)){.settings-menu{box-shadow:0 var(--space-s2) var(--space-s6) color-mix(in srgb, var(--color-surface-on-surface) 12%, transparent)}}.settings-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform-origin:0 100%;animation:.16s cubic-bezier(.215,.61,.355,1) both settings-menu-in}.settings-menu-head{gap:var(--space-s1);padding:var(--space-s2) var(--space-s3);display:grid}.settings-menu-title{color:var(--color-surface-on-surface);font-family:var(--font-family-plain);font-size:var(--type-title-medium-size);line-height:var(--type-title-medium-leading);letter-spacing:var(--type-title-medium-tracking);font-weight:var(--type-title-medium-weight)}.settings-menu-subtitle{min-width:0;color:var(--color-surface-on-surface-variant);font-family:var(--font-family-plain);font-size:var(--type-label-medium-size);line-height:var(--type-label-medium-leading);letter-spacing:var(--type-label-medium-tracking);font-weight:var(--type-label-medium-weight);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-menu-item{align-items:center;gap:var(--space-s3);border-radius:var(--shape-radius-12);width:100%;min-height:40px;padding:0 var(--space-s3);color:var(--color-surface-on-surface);font-family:var(--font-family-plain);font-size:var(--type-label-large-size);line-height:var(--type-label-large-leading);letter-spacing:var(--type-label-large-tracking);font-weight:var(--type-label-large-prominent-weight);text-align:left;cursor:pointer;background:0 0;border:0;transition:background-color .15s,color .15s;display:flex}.settings-menu-item:hover,.settings-menu-item:focus-visible{background:var(--color-surface-on-surface)}@supports (color:color-mix(in lab, red, red)){.settings-menu-item:hover,.settings-menu-item:focus-visible{background:color-mix(in srgb, var(--color-surface-on-surface) 6%, var(--color-surface-surface-container-lowest))}}.settings-menu-item:hover,.settings-menu-item:focus-visible{outline:none}.settings-menu-item.danger{color:var(--color-schemes-error)}.settings-menu-icon.logout{--settings-icon-mask:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M5%203h8a2%202%200%200%201%202%202v3h-2V5H5v14h8v-3h2v3a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2Zm12.6%205.6L21%2012l-3.4%203.4-1.4-1.4%201-1H9v-2h8.2l-1-1%201.4-1.4Z'/%3E%3C/svg%3E")}.settings-menu-icon.user{--settings-icon-mask:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M12%2012a4%204%200%201%200%200-8%204%204%200%200%200%200%208Zm0%202c-4.4%200-8%202.2-8%205v1h16v-1c0-2.8-3.6-5-8-5Z'/%3E%3C/svg%3E")}@keyframes settings-menu-in{0%{opacity:0;transform:translateY(var(--space-s2)) scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.settings-menu{animation:none}.settings-trigger,.settings-menu-item{transition:none}}.viewer-note-actions.is-composing{grid-template-columns:minmax(0,1fr);align-items:stretch}.viewer-preview-pane.is-barrage-selecting{cursor:crosshair}.viewer-preview-pane.is-barrage-selecting .viewer-frame{pointer-events:auto}.viewer-preview-pane.is-barrage-selecting:after{content:"";z-index:3;background:var(--color-schemes-primary);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.viewer-preview-pane.is-barrage-selecting:after{background:color-mix(in srgb, var(--color-schemes-primary) 7%, transparent)}}.viewer-preview-pane.is-barrage-selecting:after{pointer-events:none}body[data-section=discover],body[data-section=discover] .home-body{--feed-card-width:228px;--feed-max-card-width:288px;--feed-gap:16px;--feed-row-gap:12px}body[data-section=discover] .home-main{width:min(calc(100% - clamp(24px, 3vw, 64px)), calc(var(--feed-max-card-width) * 5 + var(--feed-gap) * 4))}body[data-section=discover] .home-sidebar{background:var(--color-surface-surface-container-lowest)}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .home-sidebar{background:color-mix(in srgb, var(--color-surface-surface-container-lowest) 64%, var(--color-surface-surface))}}body[data-section=discover] .home-sidebar:after{display:none}body[data-section=discover] .masonry-feed{width:100%;max-width:calc(var(--feed-max-card-width) * 5 + var(--feed-gap) * 4);grid-template-columns:repeat(auto-fill, minmax(min(var(--feed-card-width), 100%), 1fr));row-gap:0;column-gap:var(--feed-gap);grid-auto-rows:1px;margin-inline:auto}body[data-section=discover] .masonry-feed .story-card{width:100%;margin-bottom:var(--feed-row-gap)}body[data-section=discover] .story-card h2{margin:10px var(--space-s1) 8px;font-size:14px;line-height:1.35}body[data-section=discover] .creator-line{padding-bottom:var(--space-s1)}body[data-section=discover] .viewer-modal.is-open{animation:.22s cubic-bezier(.16,1,.3,1) both viewer-overlay-in}body[data-section=discover] .viewer-dialog{transform-origin:50%;will-change:transform, opacity}body[data-section=discover] .viewer-preview-pane{will-change:transform}body[data-section=discover] .viewer-comments{gap:12px;padding-top:8px}body[data-section=discover] .viewer-comments-title{-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--color-surface-on-surface);background:0 0;padding:0;position:static}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .viewer-comments-title{color:color-mix(in srgb, var(--color-surface-on-surface) 82%, transparent)}}body[data-section=discover] .viewer-comments-title{font-size:14px}body[data-section=discover] .viewer-comments-title button{min-height:24px;color:var(--color-surface-on-surface-variant);background:0 0;border:0;padding:0}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .viewer-comments-title button{color:color-mix(in srgb, var(--color-surface-on-surface-variant) 86%, transparent)}}body[data-section=discover] .viewer-comments-title button{font-size:12px}body[data-section=discover] .viewer-comment-list{gap:18px}body[data-section=discover] .viewer-comment{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:0}body[data-section=discover] .viewer-comment>.comment-avatar{width:38px;height:38px;margin-top:2px;font-size:13px}body[data-section=discover] .comment-body{gap:5px;min-width:0;display:grid}body[data-section=discover] .comment-head{grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:6px;min-height:22px;display:grid}body[data-section=discover] .viewer-comment b{min-width:0;color:var(--color-surface-on-surface-variant);margin:0}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .viewer-comment b{color:color-mix(in srgb, var(--color-surface-on-surface-variant) 78%, #8c8792)}}body[data-section=discover] .viewer-comment b{font-size:13px;font-weight:750;line-height:1.25}body[data-section=discover] .comment-head>b{text-overflow:ellipsis;white-space:nowrap;max-width:172px;overflow:hidden}body[data-section=discover] .comment-badge{background:var(--color-surface-outline-variant);min-height:18px;padding:0 7px}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .comment-badge{background:color-mix(in srgb, var(--color-surface-outline-variant) 46%, transparent)}}body[data-section=discover] .comment-badge{color:var(--color-surface-on-surface-variant);font-size:11px;font-weight:850}body[data-section=discover] .comment-menu{width:28px;min-width:28px;min-height:24px;color:var(--color-surface-on-surface-variant);grid-column:4;justify-self:end;place-items:center;padding:0;display:grid}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .comment-menu{color:color-mix(in srgb, var(--color-surface-on-surface-variant) 72%, transparent)}}body[data-section=discover] .comment-menu{letter-spacing:1px;font-size:15px}body[data-section=discover] .viewer-comment p{color:var(--color-surface-on-surface);word-break:break-word;margin:0;font-size:14px;line-height:1.52}body[data-section=discover] .comment-meta-row{align-items:center;gap:6px;min-height:18px;margin-top:1px;display:flex}body[data-section=discover] .comment-meta-row>span{color:var(--color-surface-on-surface-variant)}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .comment-meta-row>span{color:color-mix(in srgb, var(--color-surface-on-surface-variant) 78%, transparent)}}body[data-section=discover] .comment-meta-row>span{font-size:12px;line-height:18px}body[data-section=discover] .comment-actions,body[data-section=discover] .comment-reply-actions{align-items:center;gap:14px;margin-top:1px;display:flex}body[data-section=discover] .viewer-comment button.comment-like-action,body[data-section=discover] .viewer-comment button.comment-reply-action{min-width:24px;min-height:24px;color:var(--color-surface-on-surface-variant);background:0 0;border-radius:0;justify-content:center;align-items:center;gap:5px;padding:0;display:inline-flex}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .viewer-comment button.comment-like-action,body[data-section=discover] .viewer-comment button.comment-reply-action{color:color-mix(in srgb, var(--color-surface-on-surface-variant) 88%, transparent)}}body[data-section=discover] .viewer-comment button.comment-like-action,body[data-section=discover] .viewer-comment button.comment-reply-action{font-size:13px;font-weight:760}body[data-section=discover] .story-action-icon{stroke-width:2px;width:15px;height:15px}body[data-section=discover] .creator-line button[data-toggle]{align-items:center;gap:5px;display:inline-flex}body[data-section=discover] .creator-line button[data-toggle][aria-pressed=true]{color:var(--color-schemes-primary)}body[data-section=discover] .creator-line button[data-toggle][aria-pressed=true] .story-action-icon path{fill:currentColor}@keyframes viewer-overlay-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@media (prefers-reduced-motion:reduce){body[data-section=discover] .viewer-modal.is-open{animation:none}body[data-section=discover] .viewer-dialog,body[data-section=discover] .viewer-preview-pane,body[data-section=discover] .viewer-note-pane{will-change:auto}}@media (width<=1180px){body[data-section=discover],body[data-section=discover] .home-body{--feed-card-width:212px;--feed-max-card-width:260px;--feed-gap:14px}}@media (width<=820px){body[data-section=discover],body[data-section=discover] .home-body{--feed-card-width:188px;--feed-max-card-width:236px;--feed-gap:16px;padding-left:0}}@media (width<=520px){body[data-section=discover],body[data-section=discover] .home-body{--feed-card-width:160px;--feed-max-card-width:210px;--feed-gap:14px}}@media (width<=380px){body[data-section=discover],body[data-section=discover] .home-body{--feed-card-width:146px;--feed-max-card-width:180px;--feed-gap:12px}}body[data-section=discover] .viewer-comment button.comment-like-action:hover,body[data-section=discover] .viewer-comment button.comment-reply-action:hover,body[data-section=discover] .viewer-comment button.comment-menu:hover{color:var(--color-schemes-primary);background:0 0}body[data-section=discover] .comment-action-icon{stroke-width:1.8px;width:18px;height:18px}body[data-section=discover] .viewer-confirm-backdrop{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1d1b202e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}body[data-section=discover] .viewer-confirm-dialog{border:1px solid var(--color-surface-outline-variant);gap:12px;width:min(360px,100vw - 48px);display:grid}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .viewer-confirm-dialog{border:1px solid color-mix(in srgb, var(--color-surface-outline-variant) 86%, transparent)}}body[data-section=discover] .viewer-confirm-dialog{background:var(--color-surface-surface);border-radius:18px;padding:18px}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .viewer-confirm-dialog{background:color-mix(in srgb, var(--color-surface-surface) 98%, white)}}body[data-section=discover] .viewer-confirm-dialog{box-shadow:0 24px 60px #1d1b202e}body[data-section=discover] .viewer-confirm-icon{color:#b42318;background:#fbeae9;border-radius:999px;place-items:center;width:36px;height:36px;display:grid}body[data-section=discover] .viewer-confirm-dialog h3{color:var(--color-surface-on-surface);margin:0;font-size:17px;line-height:1.3}body[data-section=discover] .viewer-confirm-dialog p{color:var(--color-surface-on-surface-variant);margin:0;font-size:13px;line-height:1.45}body[data-section=discover] .viewer-confirm-dialog blockquote{border-left:3px solid var(--color-schemes-primary);gap:4px;margin:0;display:grid}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .viewer-confirm-dialog blockquote{border-left:3px solid color-mix(in srgb, var(--color-schemes-primary) 42%, transparent)}}body[data-section=discover] .viewer-confirm-dialog blockquote{background:var(--color-schemes-primary);padding:8px 10px}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .viewer-confirm-dialog blockquote{background:color-mix(in srgb, var(--color-schemes-primary) 6%, transparent)}}body[data-section=discover] .viewer-confirm-dialog blockquote{color:var(--color-surface-on-surface-variant);font-size:13px}body[data-section=discover] .viewer-confirm-dialog blockquote span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}body[data-section=discover] .viewer-confirm-actions{justify-content:flex-end;gap:8px;display:flex}body[data-section=discover] .viewer-confirm-actions button{border-radius:999px;min-height:34px;padding:0 14px}body[data-section=discover] .viewer-confirm-actions .is-danger{color:#fff;background:#d92d20}body[data-section=discover] .comment-replies{background:0 0;border:0;border-radius:0;gap:12px;margin-top:11px;padding:0}body[data-section=discover] .comment-reply{grid-template-columns:30px minmax(0,1fr);gap:10px}body[data-section=discover] .comment-reply .comment-avatar{width:30px;height:30px;margin-top:2px;font-size:11px}body[data-section=discover] .comment-reply p{font-size:14px}body[data-section=discover] .comment-reply-prefix{color:var(--color-surface-on-surface)}body[data-section=discover] .comment-reply-prefix b{color:var(--color-surface-on-surface-variant)}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .comment-reply-prefix b{color:color-mix(in srgb, var(--color-surface-on-surface-variant) 78%, #8c8792)}}body[data-section=discover] .comment-reply-prefix b{font-weight:760}body[data-section=discover] .comment-replies-toggle{width:max-content;min-height:22px;color:var(--color-schemes-primary);background:0 0;border:0;padding:0}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .comment-replies-toggle{color:color-mix(in srgb, var(--color-schemes-primary) 88%, var(--color-surface-on-surface-variant))}}body[data-section=discover] .comment-replies-toggle{cursor:pointer;font-size:12px;font-weight:780}body[data-section=discover] .comment-replies-toggle:hover,body[data-section=discover] .comment-replies-toggle:focus-visible{color:var(--color-schemes-primary);text-underline-offset:3px;outline:none;text-decoration:underline}.publish-studio{grid-template-columns:minmax(320px,520px) minmax(0,1fr);align-items:start;gap:clamp(18px,2vw,28px)}.publish-studio:not(:has(.desktop-preview-panel)){grid-template-columns:minmax(0,1fr)}.publish-studio.is-empty .publish-editor{place-items:stretch stretch;max-width:none;min-height:clamp(520px,100vh - 190px,760px);display:grid}.publish-studio.is-empty .publish-upload-card{text-align:center;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;min-height:100%;padding:clamp(28px,4.6vw,72px)}.publish-studio.is-empty .upload-mark{width:72px;height:72px;margin:0 auto;font-size:40px}.publish-studio.is-empty .publish-upload-card strong{font-size:clamp(20px,2.2vw,30px);display:block}.publish-studio.is-empty .publish-upload-card .meta{margin-top:var(--space-s2);max-width:420px;font-size:15px;line-height:1.65}.publish-header{align-items:center}.desktop-shell{min-height:min(64vh,640px);padding:var(--space-s4);border-radius:var(--shape-radius-20);background:var(--color-surface-surface-container-lowest);display:grid;overflow:hidden}.desktop-work-area{border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-12);background:var(--color-surface-surface-container-lowest);min-height:100%;display:grid;position:relative;overflow:hidden}.desktop-fullscreen-button{top:var(--space-s3);right:var(--space-s3);z-index:3;border:1px solid var(--color-schemes-primary);min-height:34px;position:absolute}@supports (color:color-mix(in lab, red, red)){.desktop-fullscreen-button{border:1px solid color-mix(in srgb, var(--color-schemes-primary) 26%, var(--color-surface-outline-variant))}}.desktop-fullscreen-button{border-radius:var(--shape-radius-full);padding:0 var(--space-s3);background:radial-gradient(circle at 100% 0%, var(--color-schemes-primary), transparent 58%), var(--color-surface-surface-container-lowest)}@supports (color:color-mix(in lab, red, red)){.desktop-fullscreen-button{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--color-schemes-primary) 16%, transparent), transparent 58%), color-mix(in srgb, var(--color-surface-surface-container-lowest) 92%, transparent)}}.desktop-fullscreen-button{color:var(--color-surface-on-surface);box-shadow:0 0 0 3px var(--color-schemes-primary), 0 12px 30px var(--color-schemes-primary), var(--elevation-1)}@supports (color:color-mix(in lab, red, red)){.desktop-fullscreen-button{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-schemes-primary) 7%, transparent), 0 12px 30px color-mix(in srgb, var(--color-schemes-primary) 13%, transparent), var(--elevation-1)}}.desktop-fullscreen-button{opacity:0;pointer-events:none;transition:opacity .16s var(--ease-hover), transform .16s var(--ease-hover), background .16s var(--ease-hover);font-size:13px;font-weight:850;transform:translateY(-4px)}.desktop-work-area:hover .desktop-fullscreen-button,.desktop-work-area:focus-within .desktop-fullscreen-button{opacity:1;pointer-events:auto;transform:translateY(0)}.desktop-fullscreen-button:hover{border-color:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){.desktop-fullscreen-button:hover{border-color:color-mix(in srgb, var(--color-schemes-primary) 42%, var(--color-surface-outline-variant))}}.desktop-fullscreen-button:hover{background:radial-gradient(circle at 100% 0%, var(--color-schemes-primary), transparent 62%), var(--color-surface-surface-container-lowest)}@supports (color:color-mix(in lab, red, red)){.desktop-fullscreen-button:hover{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--color-schemes-primary) 22%, transparent), transparent 62%), var(--color-surface-surface-container-lowest)}}.desktop-note-cover{border-radius:var(--shape-radius-12);background:radial-gradient(circle at 72% 20%, var(--color-schemes-primary), transparent 28%), linear-gradient(135deg, var(--color-surface-surface), var(--color-surface-surface-container-lowest));grid-area:1/1;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.desktop-note-cover{background:radial-gradient(circle at 72% 20%, color-mix(in srgb, var(--color-schemes-primary) 18%, transparent), transparent 28%), linear-gradient(135deg, var(--color-surface-surface), var(--color-surface-surface-container-lowest))}}.desktop-note-cover{color:var(--color-surface-on-surface-variant);font-weight:900}.upload-mark-icon:before{content:"";background:currentColor;width:30px;height:30px;display:block;-webkit-mask:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M12%203a1%201%200%200%201%20.72.3l4%204a1%201%200%201%201-1.44%201.4L13%206.42V15a1%201%200%201%201-2%200V6.41L8.72%208.7a1%201%200%200%201-1.44-1.4l4-4A1%201%200%200%201%2012%203ZM5%2014a1%201%200%200%201%201%201v3h12v-3a1%201%200%201%201%202%200v4a1%201%200%200%201-1%201H5a1%201%200%200%201-1-1v-4a1%201%200%200%201%201-1Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M12%203a1%201%200%200%201%20.72.3l4%204a1%201%200%201%201-1.44%201.4L13%206.42V15a1%201%200%201%201-2%200V6.41L8.72%208.7a1%201%200%200%201-1.44-1.4l4-4A1%201%200%200%201%2012%203ZM5%2014a1%201%200%200%201%201%201v3h12v-3a1%201%200%201%201%202%200v4a1%201%200%200%201-1%201H5a1%201%200%200%201-1-1v-4a1%201%200%200%201%201-1Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.desktop-preview-frame{background:var(--color-surface-surface-container-lowest);opacity:0;pointer-events:none;width:100%;height:100%;min-height:100%;transition:opacity .16s var(--ease-hover);border:0;grid-area:1/1;display:block}.desktop-work-area.has-live-preview .desktop-preview-frame{opacity:1;pointer-events:auto}.desktop-work-area.has-live-preview .desktop-note-cover{display:none}.desktop-preview-panel{min-width:0;padding:0;overflow:hidden}body[data-section=publish] .publish-page{width:min(1480px,100% - clamp(28px,4vw,72px))}body[data-section=publish] .publish-editor{min-width:0;max-width:520px;overflow:hidden}body[data-section=publish] .phone-preview-panel{width:100%}.cover-card:disabled,.chip:disabled,.btn:disabled,select:disabled{cursor:not-allowed}.cover-card.is-disabled,.chip.is-disabled,.btn.is-disabled,.publish-tool-row button.is-disabled,.publish-skill-card.is-disabled{opacity:.46;filter:grayscale(.2)}.cover-card:disabled:hover,.chip:disabled:hover,.publish-tool-row button:disabled:hover,.btn:disabled:hover{color:inherit;border-color:var(--color-surface-outline-variant);background:var(--color-surface-surface-container-lowest)}.publish-preview-modal{z-index:140}.publish-preview-dialog{grid-template-columns:minmax(0,1fr)}.publish-preview-modal .viewer-preview-pane{background:var(--color-surface-surface-container-lowest)}.publish-preview-modal-frame{background:var(--color-surface-surface-container-lowest);border:0;width:100%;height:100%}.publish-preview-close{top:var(--space-s4);right:var(--space-s4);z-index:4;border:1px solid var(--color-surface-outline);place-items:center;width:38px;height:38px;display:grid;position:absolute}@supports (color:color-mix(in lab, red, red)){.publish-preview-close{border:1px solid color-mix(in srgb, var(--color-surface-outline) 72%, transparent)}}.publish-preview-close{border-radius:var(--shape-radius-full);background:var(--color-surface-surface-container-lowest)}@supports (color:color-mix(in lab, red, red)){.publish-preview-close{background:color-mix(in srgb, var(--color-surface-surface-container-lowest) 92%, transparent)}}.publish-preview-close{color:var(--color-surface-on-surface);box-shadow:var(--elevation-1);font-size:22px;line-height:1}.publish-preview-close:hover{background:var(--color-surface-surface-container-lowest)}.publish-upload-card.is-ready{min-height:180px}.publish-auto-card{width:100%;min-width:0;max-width:100%;padding:var(--space-s2);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-full);background:var(--color-surface-surface);transition:border-radius .16s var(--ease-hover), padding .16s var(--ease-hover), background .16s var(--ease-hover);justify-self:stretch;gap:0;display:grid}.publish-auto-card.is-open{gap:var(--space-s4);padding:var(--space-s4);border-radius:var(--shape-radius-16)}.publish-auto-head{align-items:center;gap:var(--space-s2);grid-template-columns:minmax(0,1fr) minmax(92px,112px);min-width:0;display:grid}.publish-auto-title{align-items:center;gap:var(--space-s2);grid-template-columns:auto minmax(0,1fr);min-width:0;display:grid}.publish-auto-title b{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:none;font-size:15px;overflow:hidden}.publish-auto-card.is-open .publish-auto-title b{max-width:none}.publish-pill-kicker{border-radius:var(--shape-radius-full);background:var(--color-surface-surface-container-lowest);color:var(--color-surface-on-surface-variant);flex:none;padding:4px 8px;font-size:12px;font-weight:800}.publish-auto-note{display:none}.publish-auto-card.is-open .publish-auto-note{display:inline}.publish-info-toggle{justify-content:space-between;align-items:center;gap:var(--space-s2);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-full);background:var(--color-surface-surface-container-lowest);width:100%;min-width:0;min-height:34px;color:var(--color-surface-on-surface);padding:0 var(--space-s3);font-size:13px;font-weight:800;display:inline-flex}.publish-switch{border-radius:var(--shape-radius-full);background:var(--color-surface-outline);width:34px;height:20px;transition:background .16s var(--ease-hover);position:relative}.publish-switch:after{content:"";background:var(--color-surface-surface-container-lowest);width:14px;height:14px;box-shadow:var(--elevation-1);transition:transform .16s var(--ease-hover);border-radius:50%;position:absolute;top:3px;left:3px}.publish-info-toggle[aria-expanded=true] .publish-switch{background:var(--color-schemes-primary)}.publish-info-toggle[aria-expanded=true] .publish-switch:after{transform:translate(14px)}.publish-details{gap:var(--space-s4);padding-top:var(--space-s2);border-top:1px solid var(--color-surface-outline-variant);display:none}.publish-details.is-open{display:grid}.publish-compact-tools{margin-top:0}.publish-skill-card{justify-content:space-between;align-items:center;gap:var(--space-s4);padding:var(--space-s3) var(--space-s4);border:1px solid var(--color-schemes-primary);display:flex}@supports (color:color-mix(in lab, red, red)){.publish-skill-card{border:1px solid color-mix(in srgb, var(--color-schemes-primary) 22%, var(--color-surface-outline-variant))}}.publish-skill-card{border-radius:var(--shape-radius-16);background:radial-gradient(circle at 96% 0%, var(--color-schemes-primary), transparent 30%), var(--color-surface-surface-container-lowest)}@supports (color:color-mix(in lab, red, red)){.publish-skill-card{background:radial-gradient(circle at 96% 0%, color-mix(in srgb, var(--color-schemes-primary) 12%, transparent), transparent 30%), var(--color-surface-surface-container-lowest)}}.publish-skill-head{align-items:center;gap:var(--space-s3);min-width:0;display:flex}.publish-skill-icon{border-radius:var(--shape-radius-12);background:var(--color-schemes-primary);width:36px;height:36px;color:var(--color-schemes-on-primary);flex:none;place-items:center;font-weight:900;display:grid}.publish-skill-copy{gap:var(--space-s1);min-width:0;display:grid}.publish-skill-copy b{font-size:15px}.publish-skill-copy p{color:var(--color-surface-on-surface-variant);margin:0;font-size:13px;line-height:1.6}.publish-skill-actions{justify-content:flex-end;align-items:center;gap:var(--space-s3);flex:none;display:flex}.publish-skill-actions .meta{max-width:220px;line-height:1.5;display:none}.uploaded-file>div{min-width:0}.uploaded-file{grid-template-columns:minmax(0,1fr) 38px;min-width:0;display:grid}.uploaded-file b,.uploaded-file .meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;display:block;overflow:hidden}.publish-setting-disclosure{border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-12);background:var(--color-surface-surface-container-lowest);display:grid;overflow:hidden}.publish-setting-row{gap:var(--space-s3);width:100%;min-height:46px;padding:0 var(--space-s3);color:var(--color-surface-on-surface);text-align:left;font:inherit;background:0 0;border:0;grid-template-columns:minmax(88px,.36fr) minmax(0,1fr) 18px;align-items:center;font-weight:800;display:grid}.publish-setting-row span{color:var(--color-surface-on-surface-variant);font-size:13px}.publish-setting-row b{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-surface-on-surface);font-size:14px;overflow:hidden}.publish-setting-row i{width:8px;height:8px;color:var(--color-surface-on-surface-variant);transition:transform .16s var(--ease-hover);border-bottom:1.8px solid;border-right:1.8px solid;justify-self:end;transform:rotate(45deg)translateY(-2px)}.publish-setting-disclosure.is-open .publish-setting-row i{transform:rotate(225deg)translateY(-1px)}.publish-setting-row.is-disabled{border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-12);background:var(--color-surface-surface-container-lowest);cursor:not-allowed;opacity:.54}.publish-settings>.publish-setting-row{min-height:46px}.publish-setting-options{gap:var(--space-s2);border-top:1px solid var(--color-surface-outline-variant);padding:var(--space-s2);display:none}.publish-setting-disclosure.is-open .publish-setting-options{display:grid}.publish-setting-option{border-radius:var(--shape-radius-10);width:100%;padding:var(--space-s2) var(--space-s3);color:var(--color-surface-on-surface);text-align:left;background:0 0;border:1px solid #0000;gap:2px;display:grid}.publish-setting-option:hover,.publish-setting-option[aria-checked=true]{border-color:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){.publish-setting-option:hover,.publish-setting-option[aria-checked=true]{border-color:color-mix(in srgb, var(--color-schemes-primary) 24%, var(--color-surface-outline-variant))}}.publish-setting-option:hover,.publish-setting-option[aria-checked=true]{background:var(--state-primary-08)}.publish-setting-option span{font-size:13px;font-weight:850}.publish-setting-option small{color:var(--color-surface-on-surface-variant);font-size:12px;line-height:1.45}@media (width<=1180px){.publish-studio{grid-template-columns:1fr}}@media (width<=640px){.desktop-shell{min-height:360px}.publish-auto-head{flex-direction:column;align-items:stretch}.publish-auto-card{width:100%}.publish-auto-title{flex-direction:column;align-items:flex-start}.publish-info-toggle{width:100%}.publish-skill-actions{flex-direction:column;align-items:stretch;width:100%}.publish-skill-card{flex-direction:column;align-items:stretch}}.viewer-preview-pane.is-danmu-disabled .barrage-layer,.viewer-preview-pane.is-danmu-disabled .danmu-avatar{opacity:0;pointer-events:none}.auth-modal{z-index:120;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0c57;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.auth-dialog{gap:var(--space-s3);border:1px solid var(--color-surface-outline-variant);width:min(390px,100%);display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.auth-dialog{border:1px solid color-mix(in srgb, var(--color-surface-outline-variant) 80%, transparent)}}.auth-dialog{background:var(--color-surface-surface-container-lowest);border-radius:20px;padding:28px}@supports (color:color-mix(in lab, red, red)){.auth-dialog{background:color-mix(in srgb, var(--color-surface-surface-container-lowest) 98%, transparent)}}.auth-dialog{box-shadow:0 24px 80px #09090b3d}.auth-close{border-radius:var(--shape-radius-full);width:30px;height:30px;color:var(--color-surface-on-surface-variant);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;font-size:20px;line-height:1;display:grid;position:absolute;top:14px;right:14px}.auth-close:hover{background:var(--color-surface-surface-container);color:var(--color-surface-on-surface)}.auth-eyebrow{border-radius:var(--shape-radius-full);background:var(--color-schemes-primary);width:max-content;padding:4px 9px}@supports (color:color-mix(in lab, red, red)){.auth-eyebrow{background:color-mix(in srgb, var(--color-schemes-primary) 10%, transparent)}}.auth-eyebrow{color:var(--color-schemes-primary);font-size:12px;font-weight:900}.auth-dialog h2{color:var(--color-surface-on-surface);letter-spacing:0;margin:0;font-size:24px;line-height:1.15}.auth-dialog p{margin:-4px 0 var(--space-s2);color:var(--color-surface-on-surface-variant);font-size:14px;line-height:1.6}.auth-dialog label{color:var(--color-surface-on-surface);gap:7px;font-size:13px;font-weight:850;display:grid}.auth-dialog input{border:1px solid var(--color-surface-outline-variant);width:100%;min-height:44px;padding:0 var(--space-s3);background:var(--color-surface-surface-container-lowest);color:var(--color-surface-on-surface);border-radius:12px;outline:none}.auth-dialog input:focus{border-color:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){.auth-dialog input:focus{border-color:color-mix(in srgb, var(--color-schemes-primary) 64%, var(--color-surface-outline))}}.auth-dialog input:focus{box-shadow:0 0 0 3px var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){.auth-dialog input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-schemes-primary) 12%, transparent)}}.auth-submit{border-radius:var(--shape-radius-full);min-height:44px;margin-top:var(--space-s2);background:var(--color-schemes-primary);color:var(--color-schemes-on-primary);cursor:pointer;border:0;font-weight:900}.auth-submit:disabled{cursor:wait;opacity:.64}.auth-error{color:var(--color-extended-red);font-size:13px}.profile-page{width:min(1120px,100% - clamp(32px,7vw,88px));padding:var(--space-s6) 0 var(--space-s9);margin:0 auto}.profile-hero{gap:var(--space-s6);flex-wrap:wrap;align-items:center;display:flex}.profile-avatar{flex:none;width:64px;height:64px;font-size:22px}.profile-copy{flex:1;min-width:240px}.profile-copy h1,.profile-login-panel h1{margin:var(--space-s3) 0 var(--space-s2);font-family:var(--font-family-brand);letter-spacing:0;font-size:clamp(24px,2.2vw,30px);line-height:1.12}.profile-copy p,.profile-login-panel p{color:var(--color-surface-on-surface-variant);margin:0;line-height:1.58}.profile-meta{gap:var(--space-s2);margin-top:var(--space-s3);color:var(--color-surface-on-surface-variant);flex-wrap:wrap;font-size:13px;line-height:1.5;display:flex}.profile-meta span{border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-full);min-height:28px;padding:0 var(--space-s3);background:var(--color-surface-surface);align-items:center;display:inline-flex}.profile-actions{margin-top:0}.profile-stat-row{margin-top:24px}.profile-tabs{margin-top:32px}.profile-tab-grid{margin-top:20px}.profile-login-panel{gap:var(--space-s3);display:grid}.profile-login-panel .btn{width:max-content;margin-top:var(--space-s2)}.profile-layer{z-index:110;background:var(--color-surface-on-surface);grid-template-columns:minmax(0,1fr) minmax(360px,460px);display:grid;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.profile-layer{background:color-mix(in srgb, var(--color-surface-on-surface) 20%, transparent)}}.profile-backdrop{cursor:default;background:0 0;border:0;padding:0}.profile-drawer{border-left:1px solid var(--color-surface-outline-variant);background:var(--color-surface-surface-container-lowest);min-width:0;height:100vh;box-shadow:var(--elevation-1);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.profile-drawer-header,.profile-drawer-footer{justify-content:space-between;align-items:center;gap:var(--space-s3);padding:var(--space-s5);border-bottom:1px solid var(--color-surface-outline-variant);display:flex}.profile-drawer-footer{border-top:1px solid var(--color-surface-outline-variant);border-bottom:0}.profile-drawer-title h2{margin:0;font-size:18px;line-height:1.25}.profile-drawer-title p,.profile-field small,.profile-state{margin:var(--space-s1) 0 0;color:var(--color-surface-on-surface-variant);font-size:12px;line-height:1.5}.profile-form{gap:var(--space-s4);min-width:0;padding:var(--space-s5);display:grid;overflow:auto}.profile-avatar-editor{gap:var(--space-s4);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-16);padding:var(--space-s4);background:var(--color-surface-surface);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.profile-avatar-editor .avatar{width:56px;height:56px;font-size:20px}.profile-field{gap:var(--space-s2);display:grid}.profile-field label,.profile-switch strong{color:var(--color-surface-on-surface);font-size:13px;font-weight:800}.profile-field input,.profile-field textarea{border:1px solid var(--color-surface-outline);border-radius:var(--shape-radius-12);width:100%;min-width:0;padding:var(--space-s3) var(--space-s4);background:var(--color-surface-surface-container-lowest);color:var(--color-surface-on-surface);font:inherit;transition:border-color var(--dur-ui) var(--ease-out), box-shadow var(--dur-ui) var(--ease-out);outline:none;font-size:14px;line-height:1.5}.profile-field textarea{resize:vertical;min-height:104px}.profile-field input:focus,.profile-field textarea:focus{border-color:var(--color-schemes-primary);box-shadow:0 0 0 3px var(--state-primary-08)}.profile-switch{gap:var(--space-s4);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-16);padding:var(--space-s4);background:var(--color-surface-surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.profile-switch span{margin-top:var(--space-s1);color:var(--color-surface-on-surface-variant);font-size:12px;line-height:1.5;display:block}.profile-switch input{appearance:none;border-radius:var(--shape-radius-full);background:var(--color-surface-outline);cursor:pointer;width:44px;height:26px;transition:background var(--dur-ui) var(--ease-out);position:relative}.profile-switch input:after{content:"";background:var(--color-surface-surface-container-lowest);width:20px;height:20px;box-shadow:var(--elevation-1);transition:transform var(--dur-ui) var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}.profile-switch input:checked{background:var(--color-schemes-primary)}.profile-switch input:checked:after{transform:translate(18px)}.profile-drawer-actions{margin-top:0}.auth-panel{z-index:80;gap:var(--space-s3);width:min(340px,100vw - 32px);padding:var(--space-s4);border:1px solid var(--color-surface-outline-variant);display:grid;position:fixed;bottom:88px;right:max(24px,50vw - min(1180px,92vw)/2)}@supports (color:color-mix(in lab, red, red)){.auth-panel{border:1px solid color-mix(in srgb, var(--color-surface-outline-variant) 82%, transparent)}}.auth-panel{border-radius:var(--shape-radius-16);background:var(--color-surface-surface-container-lowest)}@supports (color:color-mix(in lab, red, red)){.auth-panel{background:color-mix(in srgb, var(--color-surface-surface-container-lowest) 98%, transparent)}}.auth-panel{box-shadow:0 18px 48px #09090b29}.auth-panel input{border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-12);width:100%;min-height:40px;padding:0 var(--space-s3);background:var(--color-surface-surface-container-lowest);outline:none}.auth-panel input:focus{border-color:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){.auth-panel input:focus{border-color:color-mix(in srgb, var(--color-schemes-primary) 62%, var(--color-surface-outline))}}.viewer-reply-state{color:var(--color-surface-on-surface-variant);font-size:12px;font-weight:800;display:block}body[data-section=discover] .viewer-danmu-control{z-index:3;width:max-content;position:relative}body[data-section=discover] .viewer-danmu-control:before{content:"";width:148px;height:14px;position:absolute;bottom:100%;left:-8px}body[data-section=discover] .viewer-danmu-entry{border-radius:var(--shape-radius-full);border:1px solid var(--color-surface-outline-variant);place-items:center;width:30px;min-width:30px;height:28px;display:grid}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .viewer-danmu-entry{border:1px solid color-mix(in srgb, var(--color-surface-outline-variant) 88%, transparent)}}body[data-section=discover] .viewer-danmu-entry{background:var(--color-surface-surface-container-lowest);color:var(--color-surface-on-surface-variant);cursor:pointer;box-shadow:none;transition:background var(--dur-ui) var(--ease-out), color var(--dur-ui) var(--ease-out), border-color var(--dur-ui) var(--ease-out), transform var(--dur-ui) var(--ease-out);padding:0;line-height:1}body[data-section=discover] .viewer-danmu-entry[aria-pressed=true],body[data-section=discover] .viewer-danmu-entry:hover,body[data-section=discover] .viewer-danmu-control:focus-within .viewer-danmu-entry{background:var(--color-schemes-primary);color:var(--color-schemes-on-primary);border-color:#0000;transform:translateY(-1px)}body[data-section=discover] .viewer-danmu-icon{width:17px;height:14px;display:block}body[data-section=discover] .viewer-danmu-icon rect,body[data-section=discover] .viewer-danmu-icon line{vector-effect:non-scaling-stroke}body[data-section=discover] .viewer-danmu-popover{align-items:center;gap:var(--space-s2);border:1px solid var(--color-surface-outline-variant);width:max-content;min-width:112px;min-height:34px;display:flex;position:absolute;bottom:calc(100% + 4px);left:0}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .viewer-danmu-popover{border:1px solid color-mix(in srgb, var(--color-surface-outline-variant) 86%, transparent)}}body[data-section=discover] .viewer-danmu-popover{border-radius:var(--shape-radius-12);background:var(--color-surface-surface-container-lowest);padding:6px 8px}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .viewer-danmu-popover{background:color-mix(in srgb, var(--color-surface-surface-container-lowest) 98%, transparent)}}body[data-section=discover] .viewer-danmu-popover{color:var(--color-surface-on-surface);opacity:0;pointer-events:none;transform-origin:0 100%;transition:opacity var(--dur-ui) var(--ease-out), transform var(--dur-ui) var(--ease-out);transform:translateY(5px)scale(.98);box-shadow:0 14px 32px #09090b24}body[data-section=discover] .viewer-danmu-control:hover .viewer-danmu-popover,body[data-section=discover] .viewer-danmu-control:focus-within .viewer-danmu-popover{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}body[data-section=discover] .viewer-danmu-label{white-space:nowrap;font-size:12px;font-weight:800}body[data-section=discover] .viewer-danmu-label--open{display:none}body[data-section=discover] .viewer-danmu-popover:has(input:not(:checked)) .viewer-danmu-label--close{display:none}body[data-section=discover] .viewer-danmu-popover:has(input:not(:checked)) .viewer-danmu-label--open{display:inline}body[data-section=discover] .viewer-danmu-switch{cursor:pointer;place-items:center;width:32px;height:18px;display:inline-grid;position:relative}body[data-section=discover] .viewer-danmu-switch input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}body[data-section=discover] .viewer-danmu-switch span{border:1px solid var(--color-surface-outline);width:32px;height:18px;display:block;position:relative}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .viewer-danmu-switch span{border:1px solid color-mix(in srgb, var(--color-surface-outline) 72%, transparent)}}body[data-section=discover] .viewer-danmu-switch span{border-radius:var(--shape-radius-full);background:var(--color-surface-outline-variant);transition:background var(--dur-ui) var(--ease-out), border-color var(--dur-ui) var(--ease-out)}body[data-section=discover] .viewer-danmu-switch span:after{content:"";border-radius:var(--shape-radius-full);background:var(--color-surface-surface-container-lowest);width:12px;height:12px;transition:transform var(--dur-ui) var(--ease-out);position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #09090b2e}body[data-section=discover] .viewer-danmu-switch input:checked+span{border-color:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .viewer-danmu-switch input:checked+span{border-color:color-mix(in srgb, var(--color-schemes-primary) 38%, transparent)}}body[data-section=discover] .viewer-danmu-switch input:checked+span{background:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .viewer-danmu-switch input:checked+span{background:color-mix(in srgb, var(--color-schemes-primary) 72%, var(--color-surface-outline-variant))}}body[data-section=discover] .viewer-danmu-switch input:checked+span:after{transform:translate(14px)}body[data-section=discover] .viewer-danmu-switch:hover span,body[data-section=discover] .viewer-danmu-switch input:focus-visible+span{box-shadow:0 0 0 3px var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .viewer-danmu-switch:hover span,body[data-section=discover] .viewer-danmu-switch input:focus-visible+span{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-schemes-primary) 16%, transparent)}}body[data-section=discover] .viewer-comment-default{grid-template-columns:30px minmax(0,1fr);gap:6px}body[data-section=discover] .viewer-action-row{border:1px solid var(--color-surface-outline-variant);gap:0}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .viewer-action-row{border:1px solid color-mix(in srgb, var(--color-surface-outline-variant) 76%, transparent)}}body[data-section=discover] .viewer-action-row{border-radius:var(--shape-radius-full);background:var(--color-surface-surface-container-lowest);padding:2px}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .viewer-action-row{background:color-mix(in srgb, var(--color-surface-surface-container-lowest) 92%, transparent)}}body[data-section=discover] .viewer-action-row button{background:0 0;border-color:#0000;min-width:30px;min-height:30px;padding-inline:7px;font-size:14px}body[data-section=discover] .viewer-action-row button span{font-size:12px}body[data-section=discover] .viewer-action-row button[aria-pressed=true]{color:var(--color-schemes-primary)}body[data-section=discover] .viewer-action-row button[aria-pressed=true] svg path,body[data-section=discover] .viewer-action-row button[aria-pressed=true] svg polygon{fill:currentColor}body[data-section=discover] .viewer-action-row button[aria-label=收藏][aria-pressed=true]{color:#f5b301}body[data-section=discover] .viewer-action-row .viewer-share-action{width:30px;min-width:30px;padding:0}body[data-section=discover] .viewer-share-panel{z-index:8;border:1px solid var(--color-surface-outline-variant);gap:10px;width:min(340px,100% - 36px);display:grid;position:absolute;bottom:18px;right:18px}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .viewer-share-panel{border:1px solid color-mix(in srgb, var(--color-surface-outline-variant) 82%, transparent)}}body[data-section=discover] .viewer-share-panel{border-radius:var(--shape-radius-16);background:var(--color-surface-surface-container-lowest);padding:14px}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .viewer-share-panel{background:color-mix(in srgb, var(--color-surface-surface-container-lowest) 98%, transparent)}}body[data-section=discover] .viewer-share-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--color-surface-on-surface);box-shadow:0 18px 48px #09090b2e}body[data-section=discover] .viewer-share-panel[hidden]{display:none}body[data-section=discover] .viewer-share-head,body[data-section=discover] .viewer-share-actions{justify-content:space-between;align-items:center;gap:var(--space-s2);display:flex}body[data-section=discover] .viewer-share-head b{font-size:14px;line-height:1.2}body[data-section=discover] .viewer-share-head button{border-radius:var(--shape-radius-full);width:28px;height:28px;color:var(--color-surface-on-surface-variant);cursor:pointer;background:0 0;border:0;font-size:20px;line-height:1}body[data-section=discover] .viewer-share-head button:hover{background:var(--color-surface-surface-container);color:var(--color-surface-on-surface)}body[data-section=discover] .viewer-share-panel p{color:var(--color-surface-on-surface-variant);margin:0;font-size:12px;line-height:1.55}body[data-section=discover] .viewer-share-status{border-radius:var(--shape-radius-full);background:var(--color-schemes-primary);width:max-content;padding:4px 9px}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .viewer-share-status{background:color-mix(in srgb, var(--color-schemes-primary) 10%, transparent)}}body[data-section=discover] .viewer-share-status{color:var(--color-schemes-primary);font-size:12px;font-weight:850}body[data-section=discover] .viewer-share-actions{justify-content:flex-start}body[data-section=discover] .viewer-share-actions button{border:1px solid var(--color-surface-outline-variant);min-height:32px}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .viewer-share-actions button{border:1px solid color-mix(in srgb, var(--color-surface-outline-variant) 84%, transparent)}}body[data-section=discover] .viewer-share-actions button{border-radius:var(--shape-radius-full);background:var(--color-surface-surface-container-lowest);color:var(--color-surface-on-surface);cursor:pointer;padding:0 12px;font-size:12px;font-weight:850}body[data-section=discover] .viewer-share-actions button:first-child{border-color:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .viewer-share-actions button:first-child{border-color:color-mix(in srgb, var(--color-schemes-primary) 26%, transparent)}}body[data-section=discover] .viewer-share-actions button:first-child{color:var(--color-schemes-primary)}body[data-section=discover] .viewer-share-actions button:hover{background:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .viewer-share-actions button:hover{background:color-mix(in srgb, var(--color-schemes-primary) 7%, var(--color-surface-surface-container-lowest))}}body[data-section=discover] .viewer-share-panel input[data-viewer-share-link]{border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-10);background:var(--color-surface-surface-container-lowest);width:100%;min-width:0;height:34px;color:var(--color-surface-on-surface-variant);padding:0 10px;font-size:11px}body[data-section=discover] .barrage-hint{gap:var(--space-s2) var(--space-s3);pointer-events:auto;grid-template-columns:minmax(0,1fr) auto;width:min(388px,100% - 32px);display:grid}body[data-section=discover] .barrage-hint[hidden]{display:none}body[data-section=discover] .barrage-hint span{grid-column:1/-1;max-width:310px}body[data-section=discover] .barrage-hint button{border:1px solid var(--color-surface-outline-variant);align-self:start;min-height:26px}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .barrage-hint button{border:1px solid color-mix(in srgb, var(--color-surface-outline-variant) 82%, transparent)}}body[data-section=discover] .barrage-hint button{border-radius:var(--shape-radius-full);padding:0 var(--space-s3);background:var(--color-surface-surface-container-lowest);color:var(--color-surface-on-surface-variant);cursor:pointer;font-size:12px;font-weight:800}body[data-section=discover] .barrage-hint button:hover{border-color:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){body[data-section=discover] .barrage-hint button:hover{border-color:color-mix(in srgb, var(--color-schemes-primary) 36%, transparent)}}body[data-section=discover] .barrage-hint button:hover{color:var(--color-schemes-primary)}@media (width<=720px){.profile-layer{background:var(--color-surface-surface-container-lowest);grid-template-columns:1fr}.profile-backdrop{display:none}.profile-drawer{border-left:0;width:100%}.profile-avatar-editor,.profile-switch{grid-template-columns:1fr}.profile-drawer-header,.profile-drawer-footer,.profile-form{padding:var(--space-s4)}}@media (width<=520px){.profile-drawer-footer{flex-direction:column;align-items:stretch}.profile-drawer-footer .row-actions,.profile-login-panel .btn{width:100%}}body[data-section=profile]{background:var(--color-surface-surface-container-lowest)}body[data-section=profile] .home-sidebar:after{display:none}body[data-section=profile] .profile-page{width:min(1180px,100% - clamp(28px,8vw,88px));padding:var(--space-s7) 0 var(--space-s9)}body[data-section=profile] .profile-tabs{margin-top:32px}body[data-section=profile] .profile-tab-grid,body[data-section=profile] .profile-favorites-panel{margin-top:var(--space-s5)}body[data-section=profile] .profile-subtabs{align-items:center;gap:var(--space-s1);border:1px solid var(--color-surface-outline-variant);width:max-content;max-width:100%;display:inline-flex}@supports (color:color-mix(in lab, red, red)){body[data-section=profile] .profile-subtabs{border:1px solid color-mix(in srgb, var(--color-surface-outline-variant) 82%, transparent)}}body[data-section=profile] .profile-subtabs{border-radius:var(--shape-radius-full);padding:var(--space-s1);background:var(--color-surface-surface)}body[data-section=profile] .profile-subtabs button{border-radius:var(--shape-radius-full);min-width:76px;min-height:34px;padding:0 var(--space-s4);color:var(--color-surface-on-surface-variant);font-family:var(--font-family-plain);font-size:var(--type-label-large-size);line-height:var(--type-label-large-leading);letter-spacing:var(--type-label-large-tracking);font-weight:var(--type-label-large-weight);cursor:pointer;transition:background-color var(--dur-ui) var(--ease-out), color var(--dur-ui) var(--ease-out), box-shadow var(--dur-ui) var(--ease-out);background:0 0;border:0}body[data-section=profile] .profile-subtabs button:hover{color:var(--color-surface-on-surface);background:var(--color-surface-on-surface)}@supports (color:color-mix(in lab, red, red)){body[data-section=profile] .profile-subtabs button:hover{background:color-mix(in srgb, var(--color-surface-on-surface) 7%, transparent)}}body[data-section=profile] .profile-subtabs button.active{background:var(--color-surface-surface-container-lowest);color:var(--color-surface-on-surface);font-weight:var(--type-label-large-prominent-weight);box-shadow:0 1px 3px #09090b14}body[data-section=profile] .profile-album-card{gap:var(--space-s2);text-align:left;width:100%;color:var(--color-surface-on-surface);font:inherit;cursor:pointer;transition:border-color var(--dur-ui) var(--ease-out), transform var(--dur-ui) var(--ease-out), box-shadow var(--dur-ui) var(--ease-out);display:grid}body[data-section=profile] .profile-album-card:hover,body[data-section=profile] .profile-album-card.active{border-color:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){body[data-section=profile] .profile-album-card:hover,body[data-section=profile] .profile-album-card.active{border-color:color-mix(in srgb, var(--color-schemes-primary) 34%, var(--color-surface-outline-variant))}}body[data-section=profile] .profile-album-card:hover,body[data-section=profile] .profile-album-card.active{transform:translateY(-1px)}body[data-section=profile] .profile-album-card.active{background:var(--color-schemes-primary)}@supports (color:color-mix(in lab, red, red)){body[data-section=profile] .profile-album-card.active{background:color-mix(in srgb, var(--color-schemes-primary) 6%, var(--color-surface-surface-container-lowest))}}body[data-section=profile] .profile-album-card h3,body[data-section=profile] .profile-artifact-card h3{margin:0 0 var(--space-s2);color:var(--color-surface-on-surface);font-size:var(--type-title-medium-size);line-height:var(--type-title-medium-leading);letter-spacing:var(--type-title-medium-tracking);font-weight:var(--type-title-medium-weight)}body[data-section=profile] .profile-album-items{margin-top:var(--space-s6)}body[data-section=profile] .profile-album-items h2{color:var(--color-surface-on-surface);font-size:var(--type-title-medium-size);line-height:var(--type-title-medium-leading);letter-spacing:var(--type-title-medium-tracking);font-weight:var(--type-title-medium-weight);margin:0}body[data-section=profile] .profile-card-link{color:var(--color-surface-on-surface);display:block}body[data-section=profile] .profile-card-link:hover h3{color:var(--color-schemes-primary)}body[data-section=profile] .profile-card-meta{align-items:center;gap:var(--space-s2);margin-top:var(--space-s3);color:var(--color-surface-on-surface-variant);font-size:var(--type-label-medium-size);line-height:var(--type-label-medium-leading);letter-spacing:var(--type-label-medium-tracking);font-weight:var(--type-label-medium-prominent-weight);flex-wrap:wrap;display:flex}body[data-section=profile] .profile-empty{min-height:144px;margin-top:var(--space-s5);border:1px solid var(--color-surface-outline-variant);border-radius:var(--shape-radius-16);background:var(--color-surface-surface-container-lowest);color:var(--color-surface-on-surface-variant);text-align:center;place-content:center;display:grid}body[data-section=profile] .profile-empty strong{color:var(--color-surface-on-surface);font-size:var(--type-title-medium-size);line-height:var(--type-title-medium-leading);letter-spacing:var(--type-title-medium-tracking);font-weight:var(--type-title-medium-weight)}body[data-section=profile] .skeleton-profile h1,body[data-section=profile] .skeleton-profile p,body[data-section=profile] .profile-story-card.skeleton h2,body[data-section=profile] .profile-story-card.skeleton p{border-radius:var(--shape-radius-full);background:var(--color-surface-outline-variant);min-height:18px}@supports (color:color-mix(in lab, red, red)){body[data-section=profile] .skeleton-profile h1,body[data-section=profile] .skeleton-profile p,body[data-section=profile] .profile-story-card.skeleton h2,body[data-section=profile] .profile-story-card.skeleton p{background:color-mix(in srgb, var(--color-surface-outline-variant) 68%, transparent)}}body[data-section=profile] .skeleton-profile h1{width:180px}body[data-section=profile] .skeleton-profile p{width:min(420px,100%)}@media (width<=820px){body[data-section=profile]{padding-left:0}body[data-section=profile] .profile-actions{width:100%}body[data-section=profile] .profile-actions .btn{flex:1}}@media (width<=520px){body[data-section=profile] .profile-subtabs{width:100%}body[data-section=profile] .profile-subtabs button{flex:1;min-width:0}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}