@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{color-scheme:light;--hue:38;--accent:hsl(var(--hue) 74% 52%);--accent-soft:hsl(var(--hue) 84% 92%);--accent-strong:hsl(var(--hue) 58% 38%);--paper:#f8f3e7;--paper-rgb:248 243 231;--paper-deep:#eee3ce;--ink:#2f2a22;--ink-soft:#746b5d;--line:#5f4c2e29;--glass:#fffaf0b8;--glass-strong:#fffaf0e0;--shadow:0 22px 60px #44341929;--radius:18px;--dock-height:72px;font-family:Source Han Serif SC,Noto Serif SC,Songti SC,Microsoft YaHei,serif}html[data-theme=dark]{color-scheme:dark;--paper:#191712;--paper-rgb:25 23 18;--paper-deep:#242016;--ink:#f1eadc;--ink-soft:#c6bba8;--line:#ebdab62e;--glass:#181612b8;--glass-strong:#181612e6;--shadow:0 22px 70px #0000006b}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 12% 10%, #d4ba8a3d, transparent 28rem), radial-gradient(circle at 84% 20%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 30rem), linear-gradient(180deg, var(--paper) 0%, var(--paper-deep) 100%);margin:0;overflow-x:hidden}body.no-transition,body.no-transition *{transition:none!important}body:not(.no-transition) *{transition:background-color .22s,border-color .22s,color .22s,opacity .22s,transform .22s,box-shadow .22s}img{max-width:100%;display:block}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}::selection{color:#fffaf0;background:var(--accent-strong)}.petal-field{z-index:45;pointer-events:none;position:fixed;inset:0;overflow:hidden}body.no-petals .petal-field{display:none}.petal{background:color-mix(in srgb, var(--accent) 35%, #fff 65%);width:10px;height:14px;box-shadow:0 0 18px color-mix(in srgb, var(--accent) 36%, transparent);opacity:.72;animation:petal-fall var(--fall-duration,12s) linear var(--fall-delay,0s) infinite;border-radius:80% 20%;position:absolute;top:-8vh}@keyframes petal-fall{0%{transform:translateY(-10vh)rotate(0)}50%{transform:translate3d(var(--drift,40px), 52vh, 0) rotate(160deg)}to{transform:translate3d(calc(var(--drift,40px) * -.4), 108vh, 0) rotate(360deg)}}.cursor-aura{z-index:2;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 22%, transparent), transparent 68%);filter:blur(8px);pointer-events:none;opacity:.44;border-radius:999px;width:320px;height:320px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.top-dock{z-index:50;min-height:var(--dock-height);border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(22px)saturate(140%);box-shadow:var(--shadow);border-radius:0 0 24px 24px;justify-content:space-between;align-items:center;gap:28px;padding:10px 18px;display:flex;position:fixed;top:18px;left:clamp(116px,8vw,150px);right:24px}.brand-mark{letter-spacing:.05em;min-width:max-content;color:var(--accent-strong);align-items:center;gap:12px;font-weight:800;display:inline-flex}.brand-mark img{border:2px solid color-mix(in srgb, var(--accent) 36%, #fff 64%);object-fit:cover;border-radius:50%;width:44px;height:44px}.main-nav{justify-content:center;align-items:center;gap:clamp(16px,3vw,42px);font-weight:700;display:flex}.main-nav a{color:var(--ink);padding:10px 2px;position:relative}.main-nav a:after{content:"";background:var(--accent);transform-origin:50%;height:2px;position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0)}.main-nav a:hover:after{transform:scaleX(1)}.dock-actions{align-items:center;gap:10px;display:flex}.icon-btn,.key-btn,.ghost-action,.primary-action,.section-tools button,.theme-panel button,.admin-drawer button{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 78%, transparent);border-radius:999px;box-shadow:0 8px 24px #4c3a1914}.icon-btn{place-items:center;width:44px;height:44px;font-weight:800;display:inline-grid}.icon-btn.active,.icon-btn:hover,.key-btn:hover{color:#fffaf0;background:var(--accent);border-color:color-mix(in srgb, var(--accent) 74%, #fff 26%)}.key-btn{padding:10px 16px;font-weight:800}.side-rail{z-index:35;border-right:1px solid var(--line);background:linear-gradient(180deg, rgba(var(--paper-rgb) / .84), rgba(var(--paper-rgb) / .64)), url(/images/hero-art.png) center / cover;background-blend-mode:normal, soft-light;backdrop-filter:blur(12px);flex-direction:column;align-items:center;gap:24px;width:112px;padding:52px 18px 28px;display:flex;position:fixed;inset:0 auto 0 0}.rail-seal{color:#fff9ec;background:radial-gradient(circle, var(--accent), var(--accent-strong));border-radius:999px;place-items:center;width:58px;height:58px;display:grid;box-shadow:inset 0 0 0 1px #ffffff57,0 14px 28px #44300f2e}.side-rail p{text-align:center;writing-mode:vertical-rl;color:var(--ink-soft);letter-spacing:.12em;margin:0 0 18px;line-height:2.2}.side-rail a{text-align:center;width:76px;color:var(--ink-soft);border-radius:999px;padding:10px 0}.side-rail a:hover{color:#fffaf0;background:var(--accent)}.site-main{z-index:5;position:relative}.hero-section{align-items:center;min-height:100svh;padding:128px clamp(28px,5vw,84px) 110px clamp(150px,16vw,260px);display:flex;position:relative;overflow:hidden}.hero-backdrop,.hero-vignette{position:absolute;inset:0}.hero-backdrop{background:linear-gradient(90deg, rgba(var(--paper-rgb) / .9) 0%, rgba(var(--paper-rgb) / .5) 42%, rgba(var(--paper-rgb) / .12) 100%), url(/images/hero-art.png) center / cover;transform:scale(1.03)}body.wallpaper-soft .hero-backdrop{opacity:.44;filter:saturate(.78)brightness(1.12)}body.wallpaper-plain .hero-backdrop{opacity:0}body.wallpaper-plain .hero-vignette{background:radial-gradient(circle at 24% 30%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 25rem), linear-gradient(180deg, var(--paper), var(--paper-deep))}.hero-content{z-index:3;width:min(720px,100%);padding-top:42px;position:relative}.eyebrow{color:var(--accent-strong);letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:900}.hero-content h1{letter-spacing:.02em;text-wrap:balance;text-shadow:0 12px 34px #4936182e;margin:0;font-size:clamp(3.4rem,8vw,7.6rem);font-weight:900;line-height:.96}.hero-content p:not(.eyebrow){width:min(560px,100%);color:var(--ink-soft);margin:24px 0 0;font-size:clamp(1.05rem,1.6vw,1.42rem);line-height:1.9}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.primary-action,.ghost-action{justify-content:center;align-items:center;min-width:150px;padding:14px 24px;font-weight:900;display:inline-flex}.primary-action{color:#fffaf0;background:linear-gradient(135deg, var(--accent), var(--accent-strong));box-shadow:0 16px 32px color-mix(in srgb, var(--accent) 28%, transparent)}.ghost-action{color:var(--accent-strong);background:color-mix(in srgb, var(--paper) 74%, transparent)}.music-card{z-index:6;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass-strong);backdrop-filter:blur(18px)saturate(148%);width:min(360px,100vw - 48px);box-shadow:var(--shadow);padding:22px;position:absolute;top:154px;right:clamp(28px,5vw,86px)}.music-card.is-closed{opacity:.18;transform:translate(calc(100% + 96px))}.card-kicker{color:var(--ink-soft);margin:0 0 18px;font-weight:800}.track-line{align-items:center;gap:14px;display:flex}.track-line img{object-fit:cover;border-radius:50%;width:62px;height:62px;box-shadow:0 8px 20px #4434192e}.track-line strong,.track-line span{display:block}.track-line span{color:var(--ink-soft);margin-top:6px;font-size:.92rem}.progress-line{background:color-mix(in srgb, var(--ink-soft) 18%, transparent);border-radius:999px;height:3px;margin:18px 0;overflow:hidden}.progress-line span{background:var(--accent);width:42%;height:100%;animation:3s ease-in-out infinite alternate progress-breathe;display:block}@keyframes progress-breathe{0%{width:22%}to{width:78%}}.player-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.player-actions button{color:var(--ink);background:0 0;border:0;font-weight:800}.player-actions .round{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 76%, transparent);border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.hero-wave{z-index:4;background:radial-gradient(90% 92px at 50% 100%, var(--paper) 58%, transparent 59%) 0 0 / 38% 100% repeat-x;opacity:.88;height:92px;animation:11s linear infinite wave-slide;position:absolute;bottom:-1px;left:112px;right:-4vw}body.no-waves .hero-wave{display:none}@keyframes wave-slide{to{background-position:38% 0}}.metrics-band{z-index:8;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:min(1180px,100% - 48px);margin:-44px auto 44px;display:grid;position:relative}.metrics-band div{border:1px solid var(--line);border-radius:var(--radius);background:var(--glass-strong);backdrop-filter:blur(16px);padding:22px;box-shadow:0 16px 42px #4434191c}.metrics-band span{color:var(--accent-strong);font-size:clamp(1.8rem,4vw,3.2rem);font-weight:900;display:block}.metrics-band p{color:var(--ink-soft);margin:6px 0 0}.content-section,.split-section{width:min(1180px,100% - 48px);margin:0 auto;padding:54px 0}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.section-heading.compact{align-items:center;margin-bottom:18px}.section-heading h2{margin:0;font-size:clamp(1.8rem,3vw,3rem)}.section-tools{gap:10px;display:flex}.section-tools button,.theme-panel button,.admin-drawer button{padding:10px 16px;font-weight:800}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.article-card,.video-card,.resource-card,.comment-card,.content-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);backdrop-filter:blur(14px)saturate(140%);box-shadow:0 14px 42px #4434191a}.article-card{overflow:hidden}.article-card img{aspect-ratio:16/10;object-fit:cover;filter:saturate(.86);width:100%}.article-card>div{padding:20px}.article-card p,.video-card small{color:var(--accent-strong);margin:0 0 10px;font-size:.88rem;font-weight:800}.article-card h3,.resource-card h3{margin:0 0 10px;font-size:1.28rem}.article-card span,.video-card span,.resource-card p,.comment-card p{color:var(--ink-soft);line-height:1.8}.article-card footer{color:var(--ink-soft);justify-content:space-between;gap:12px;margin-top:18px;display:flex}.article-link{color:var(--accent-strong);align-items:center;margin-top:18px;font-weight:900;display:inline-flex}.article-link:after{content:">";margin-left:8px}body.layout-list .article-grid{grid-template-columns:1fr}body.layout-list .article-card{grid-template-columns:minmax(220px,34%) 1fr;display:grid}body.layout-list .article-card img{height:100%;min-height:220px}.split-section{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;display:grid}.content-panel{padding:24px}.music-list{gap:12px;display:grid}.track-item{background:color-mix(in srgb, var(--paper) 64%, transparent);text-align:left;border:1px solid #0000;border-radius:14px;grid-template-columns:54px 1fr auto;align-items:center;gap:14px;width:100%;padding:12px;display:grid}.track-item:hover,.track-item.is-active{border-color:color-mix(in srgb, var(--accent) 38%, transparent);background:color-mix(in srgb, var(--accent-soft) 74%, transparent);transform:translateY(-2px)}.track-item img{object-fit:cover;border-radius:14px;width:54px;height:54px}.track-item strong,.track-item small{display:block}.track-item small,.track-item em{color:var(--ink-soft);font-style:normal}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.video-card{overflow:hidden}.video-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.video-card div{padding:16px}.video-card strong,.video-card span,.video-card small{display:block}.video-card span{margin:8px 0 12px;font-size:.94rem}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.resource-card{padding:24px;position:relative;overflow:hidden}.resource-card:before{content:"";background:var(--accent);width:36px;height:3px;position:absolute;top:0;left:24px}.resource-card>span{color:#fffaf0;background:var(--accent);border-radius:999px;justify-content:center;align-items:center;min-width:46px;height:32px;margin-bottom:18px;font-weight:900;display:inline-flex}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.gallery-grid.wide{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);margin:0;position:relative;overflow:hidden;box-shadow:0 14px 42px #4434191a}.gallery-card img{aspect-ratio:4/3;object-fit:cover;filter:saturate(.86);width:100%}.gallery-card figcaption{background:rgba(var(--paper-rgb) / .78);backdrop-filter:blur(12px);border:1px solid #ffffff3d;border-radius:14px;padding:14px;position:absolute;bottom:12px;left:12px;right:12px}.gallery-card strong,.gallery-card span{display:block}.gallery-card span{color:var(--ink-soft);margin-top:6px;font-size:.9rem}.comment-list{gap:14px;display:grid}.comment-card{gap:14px;padding:18px;display:flex}.comment-card img{object-fit:cover;border-radius:50%;width:46px;height:46px}.comment-card header{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.comment-card time{color:var(--ink-soft);font-size:.88rem}.comment-card p{margin:8px 0 0}.admin-mini-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.admin-mini-actions button{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 80%, transparent);border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:800}.admin-mini-actions button:hover{color:#fffaf0;background:var(--accent)}.theme-panel{z-index:55;border:1px solid var(--line);background:var(--glass-strong);backdrop-filter:blur(22px)saturate(160%);width:min(360px,100vw - 32px);box-shadow:var(--shadow);border-radius:22px;padding:22px;position:fixed;top:128px;right:24px}.theme-panel.is-closed{opacity:0;pointer-events:none;transform:translate(calc(100% + 32px))}.panel-title,.search-head,.admin-head,.admin-status{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-title h2,.search-head h2,.admin-head h2{margin:0}.range-row{grid-template-columns:1fr auto;gap:10px;margin-top:20px;font-weight:900;display:grid}.range-row input{width:100%;accent-color:var(--accent);grid-column:1/-1}.range-row output{min-width:48px;color:var(--accent-strong);background:var(--accent-soft);text-align:center;border-radius:999px;padding:4px 10px}.toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.toggle-grid button,.switch-row{background:color-mix(in srgb, var(--accent-soft) 56%, transparent);border-radius:14px}.toggle-grid button.is-active{color:#fffaf0;background:var(--accent)}.switch-row{justify-content:space-between;align-items:center;gap:18px;margin-top:10px;padding:12px 14px;font-weight:900;display:flex}.switch-row input{width:18px;height:18px;accent-color:var(--accent)}.search-modal{z-index:80;backdrop-filter:blur(10px);background:#14100a5c;place-items:start center;padding:110px 20px 40px;display:grid;position:fixed;inset:0}.search-card{border:1px solid var(--line);background:var(--glass-strong);width:min(760px,100%);box-shadow:var(--shadow);border-radius:24px;padding:24px}.search-card input{border:1px solid var(--line);width:100%;color:var(--ink);background:color-mix(in srgb, var(--paper) 76%, transparent);border-radius:16px;outline:none;margin-top:18px;padding:16px 18px}.search-card input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent)}.search-results{gap:10px;max-height:52vh;margin-top:18px;display:grid;overflow:auto}.search-result{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 72%, transparent);border-radius:14px;padding:14px}.search-result strong,.search-result span{display:block}.search-result span{color:var(--ink-soft);margin-top:6px;line-height:1.6}.admin-drawer{z-index:75;border:1px solid var(--line);background:var(--glass-strong);backdrop-filter:blur(22px)saturate(160%);width:min(440px,100vw - 32px);box-shadow:var(--shadow);border-radius:24px;padding:24px;position:fixed;top:104px;bottom:24px;right:24px;overflow:auto}.admin-hint{color:var(--ink-soft);margin:14px 0;line-height:1.7}.pass-form,.admin-form{gap:10px;margin-top:16px;display:grid}.pass-form{grid-template-columns:1fr auto}.admin-form,.admin-data{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 66%, transparent);border-radius:16px;padding:16px}.admin-form h3,.admin-data h3{margin:0 0 4px}.admin-form input,.admin-form textarea,.pass-form input{border:1px solid var(--line);width:100%;color:var(--ink);background:color-mix(in srgb, var(--paper) 82%, transparent);border-radius:12px;outline:none;padding:12px 14px}.admin-form textarea{resize:vertical;min-height:92px}.admin-workbench{gap:14px;display:grid}.admin-status{color:var(--accent-strong);background:var(--accent-soft);border-radius:16px;padding:14px}.admin-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.admin-stats{color:var(--ink-soft);gap:8px;line-height:1.6;display:grid}.toast{z-index:90;border:1px solid var(--line);color:#fffaf0;background:color-mix(in srgb, var(--accent-strong) 92%, #000 8%);max-width:min(420px,100vw - 48px);box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:16px;padding:14px 18px;position:fixed;bottom:24px;right:24px;transform:translateY(16px)}.toast.is-visible{opacity:1;transform:translateY(0)}.subpage-main{z-index:5;background:linear-gradient(180deg, rgba(var(--paper-rgb) / .9), rgba(var(--paper-rgb) / .98)), url(/images/hero-art.png) center top / cover fixed;min-height:100vh;padding:150px 0 80px 112px;position:relative}.subpage-hero{border:1px solid var(--line);background:var(--glass-strong);backdrop-filter:blur(20px)saturate(150%);width:min(980px,100% - 48px);box-shadow:var(--shadow);border-radius:28px;margin:0 auto 26px;padding:clamp(36px,6vw,72px)}.subpage-hero h1{margin:0;font-size:clamp(2.8rem,7vw,6rem);line-height:1}.subpage-hero p:not(.eyebrow){width:min(720px,100%);color:var(--ink-soft);margin:20px 0 0;font-size:1.12rem;line-height:1.9}.post-reader{border:1px solid var(--line);background:var(--glass-strong);backdrop-filter:blur(18px)saturate(150%);width:min(880px,100% - 48px);box-shadow:var(--shadow);border-radius:28px;margin:0 auto;padding:clamp(24px,5vw,56px)}.back-link{color:var(--accent-strong);margin-bottom:32px;font-weight:900;display:inline-flex}.post-reader h1{margin:0;font-size:clamp(2.4rem,6vw,5rem);line-height:1.08}.post-reader header>p:not(.eyebrow){color:var(--ink-soft);margin:18px 0 0;font-size:1.2rem;line-height:1.8}.post-meta{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.post-meta span{border:1px solid var(--line);color:var(--ink-soft);background:color-mix(in srgb, var(--paper) 72%, transparent);border-radius:999px;padding:8px 12px}.post-cover{object-fit:cover;border-radius:22px;width:100%;max-height:430px;margin:34px 0}.post-body{color:var(--ink);font-size:1.12rem;line-height:2.05}.post-body p{margin:0 0 1.4em}.post-body p:first-child:first-letter{float:left;color:var(--accent-strong);margin:.12em .18em 0 0;font-size:3.2em;font-weight:900;line-height:.78}.timeline-list{gap:14px;display:grid}.timeline-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);backdrop-filter:blur(14px);grid-template-columns:150px 1fr auto;align-items:center;gap:18px;padding:18px 20px;display:grid;box-shadow:0 12px 34px #44341914}.timeline-item time{color:var(--accent-strong);font-weight:900}.timeline-item span{color:var(--ink-soft)}.about-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(1180px,100% - 48px);margin:0 auto;display:grid}@media (hover:hover){.article-card:hover,.video-card:hover,.resource-card:hover,.comment-card:hover,.gallery-card:hover,.timeline-item:hover{transform:translateY(-4px);box-shadow:0 24px 54px #44341926}}@media (width<=1180px){.top-dock{left:18px}.side-rail{display:none}.subpage-main{padding-left:0}.hero-section{padding-left:clamp(28px,6vw,72px)}.hero-wave{left:0}.music-card{top:auto;bottom:96px;right:clamp(24px,6vw,72px)}.theme-panel{top:106px}}@media (width<=920px){.top-dock{border-radius:20px;flex-wrap:wrap;align-items:flex-start}.main-nav{order:3;justify-content:flex-start;width:100%;padding-bottom:4px;overflow-x:auto}.hero-section{align-items:flex-start;min-height:auto;padding-top:190px;padding-bottom:420px}.music-card{left:clamp(24px,6vw,72px);right:auto}.metrics-band,.article-grid,.split-section,.resource-grid,.video-grid,.gallery-grid,.gallery-grid.wide,.about-grid,body.layout-list .article-card{grid-template-columns:1fr}}@media (width<=640px){:root{--dock-height:auto}.top-dock{padding:10px;top:10px;left:10px;right:10px}.brand-mark span{display:none}.dock-actions{margin-left:auto}.icon-btn{width:38px;height:38px}.key-btn{padding:9px 12px}.hero-section{padding:184px 18px 390px}.hero-content h1{font-size:clamp(3rem,18vw,4.5rem)}.hero-actions{width:100%}.primary-action,.ghost-action{flex:140px}.music-card{width:auto;left:18px;right:18px}.metrics-band,.content-section,.split-section{width:calc(100% - 28px)}.subpage-main{padding-top:176px}.subpage-hero,.post-reader,.about-grid{width:calc(100% - 28px)}.timeline-item{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:flex-start}.theme-panel,.admin-drawer{width:auto;left:10px;right:10px}.theme-panel{top:130px}.admin-drawer{top:96px;bottom:10px}.pass-form{grid-template-columns:1fr}}:root{--hero-image:url(/images/hero-bg.png)}.top-dock{background:rgba(var(--paper-rgb) / .78);border-radius:18px}.main-nav{gap:clamp(14px,2.35vw,34px)}.nav-menu{z-index:90;align-items:center;padding-block:6px;display:inline-flex;position:relative}.nav-menu:after{content:"";height:18px;position:absolute;top:100%;left:-10px;right:-10px}.nav-menu-trigger{color:var(--ink);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:10px 2px;font-weight:800;display:inline-flex}.nav-menu-trigger svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.nav-menu:hover .nav-menu-trigger,.nav-menu:focus-within .nav-menu-trigger{border-color:var(--line);background:color-mix(in srgb, var(--paper) 78%, transparent);padding-inline:14px;box-shadow:0 8px 24px #4c3a1914}.nav-menu-panel{z-index:100;border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 94%, white 6%);min-width:186px;box-shadow:var(--shadow);backdrop-filter:blur(18px)saturate(150%);opacity:0;pointer-events:none;border-radius:18px;padding:10px;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%,-8px)}.nav-menu:hover .nav-menu-panel,.nav-menu:focus-within .nav-menu-panel{opacity:1;pointer-events:auto;transform:translate(-50%)}.nav-menu-panel a{color:var(--ink-soft);border-radius:12px;padding:12px 14px;font-weight:900;display:block}.nav-menu-panel a:after{display:none}.nav-menu-panel a:hover{color:#fffaf0;background:var(--accent)}.nav-admin-manager{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 78%, transparent);color:var(--accent-strong);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-weight:900;display:inline-flex;box-shadow:0 8px 24px #4c3a1914}.nav-admin-manager:hover{color:#fffaf0;background:var(--accent);border-color:color-mix(in srgb, var(--accent) 74%, #fff 26%)}.brand-cluster{flex:none;align-items:center;display:inline-flex;position:relative}.brand-mark img[data-site-avatar]{object-fit:contain;background:#fff;padding:3px}.brand-avatar-edit{z-index:2;border:1px solid color-mix(in srgb, var(--accent) 48%, #fff 52%);background:var(--accent);color:#fffaf0;box-shadow:0 8px 18px color-mix(in srgb, var(--accent) 28%, transparent);border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:900;line-height:1.2;position:absolute;bottom:-8px;left:24px}[data-admin-only]{display:none!important}body.is-admin [data-admin-only]:not([hidden]){display:inline-flex!important}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.icon-btn svg path:first-child:last-child{fill:currentColor;stroke:none}.auth-chip{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 78%, transparent);border-radius:999px;align-items:center;gap:8px;min-width:78px;max-width:130px;padding:10px 14px;font-weight:900;display:inline-flex;box-shadow:0 8px 24px #4c3a1914}.auth-chip svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.auth-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-chip:hover{color:#fffaf0;background:var(--accent)}.dock-actions{flex:0 auto;gap:10px}.dock-player{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 78%, transparent);border-radius:999px;grid-template-columns:30px minmax(76px,112px) 24px 32px 24px minmax(68px,110px);align-items:center;gap:6px;width:min(390px,31vw);min-width:0;padding:5px 8px 5px 7px;display:grid;box-shadow:0 8px 24px #4c3a1914}.dock-player img{object-fit:cover;border-radius:50%;width:30px;height:30px}.dock-player-meta{min-width:0;line-height:1.2}.dock-player-meta strong,.dock-player-meta span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dock-player-meta span,.dock-player-time{color:var(--ink-soft);font-size:.78rem;display:none}.dock-player-btn{width:24px;height:24px;color:var(--ink);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.dock-player-btn.is-primary{background:var(--accent);color:#fffaf0;width:32px;height:32px}.dock-player-btn svg{fill:currentColor;width:16px;height:16px}.dock-player input[type=range]{width:100%;min-width:64px;accent-color:var(--accent)}.starfield-canvas{z-index:1;pointer-events:none;opacity:.3;mix-blend-mode:screen;width:100vw;height:100vh;position:fixed;inset:0}.flowfield-canvas{z-index:1;pointer-events:none;opacity:.26;mix-blend-mode:multiply;width:100vw;height:100vh;position:fixed;inset:0}html[data-theme=dark] .starfield-canvas{opacity:.45;mix-blend-mode:normal}html[data-theme=dark] .flowfield-canvas{opacity:.34;mix-blend-mode:screen}body.no-stars .starfield-canvas,body.no-stars .flowfield-canvas{display:none}html[data-theme=dark] .nav-menu-panel{background:color-mix(in srgb, var(--paper) 92%, black 8%)}.hero-section{isolation:isolate;background:#efe6d1;min-height:100svh}.hero-backdrop{background:linear-gradient(90deg, rgba(var(--paper-rgb) / .94) 0%, rgba(var(--paper-rgb) / .68) 33%, rgba(var(--paper-rgb) / .18) 68%, rgba(var(--paper-rgb) / .08) 100%), var(--hero-image) center right / cover no-repeat;filter:saturate(.96)contrast(1.02);transform:none}.hero-vignette{background:radial-gradient(circle at 24% 26%, #ffffff8a, transparent 24rem), linear-gradient(180deg, transparent 72%, var(--paper) 100%)}.hero-content{width:min(670px,100%);padding-top:22px}.hero-content h1{font-size:clamp(3.2rem,7vw,6.5rem);line-height:1.02}.hero-content p:not(.eyebrow){width:min(520px,100%);color:color-mix(in srgb, var(--ink-soft) 86%, var(--ink) 14%)}.music-card{background:rgba(var(--paper-rgb) / .82);right:clamp(36px,5vw,96px)}.compact-action{width:fit-content;min-width:auto;margin-top:14px;padding:10px 16px;font-size:.92rem}.media-page-main{padding-bottom:96px}.media-hero{margin-bottom:24px}.media-page-grid{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);align-items:start;gap:18px;width:min(1180px,100% - 48px);margin:0 auto;display:grid}.media-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.music-player-panel{position:sticky;top:124px}.video-theater{grid-template-columns:minmax(320px,1fr) minmax(360px,1fr);align-items:stretch;gap:16px;display:grid}.video-theater-wide{grid-template-columns:minmax(340px,1fr) minmax(400px,1.05fr)}.video-playlist{grid-template-columns:1fr;align-content:start;max-height:620px;padding-right:4px;overflow:auto}.video-playlist .video-card{cursor:default;grid-template-columns:minmax(150px,44%) minmax(0,1fr);min-height:132px;display:grid}.video-playlist .video-card.is-active{border-color:color-mix(in srgb, var(--accent) 48%, var(--line));box-shadow:0 18px 42px color-mix(in srgb, var(--accent) 18%, transparent)}.video-playlist .video-card img{object-fit:contain;background:#17120d;height:100%;min-height:132px}.video-card .video-thumb-video{aspect-ratio:16/9;object-fit:cover;background:#17120d;width:100%;display:block}.video-playlist .video-card .video-thumb-video{object-fit:cover;height:100%;min-height:132px}.inline-video-player{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--paper) 66%, transparent);grid-template-rows:auto auto;display:grid;overflow:hidden;box-shadow:0 18px 48px #44341917}.inline-video-stage{aspect-ratio:16/9;background:#17120d;place-items:center;min-height:0;display:grid}.inline-video-shell{background:#17120d;width:100%;height:100%;position:relative}.inline-video-stage video,.inline-video-stage iframe{background:#17120d;border:0;width:100%;height:100%;display:block}.inline-video-toggle{z-index:2;color:#fffaf0;backdrop-filter:blur(12px);background:#120e0ac2;border:1px solid #fffaf06b;border-radius:999px;padding:9px 16px;font-weight:900;position:absolute;top:16px;right:16px;box-shadow:0 12px 28px #00000042}.inline-video-empty{color:#fffaf0d1;text-align:center;place-items:center;gap:12px;width:100%;height:100%;padding:22px;display:grid}.inline-video-empty.with-cover img{aspect-ratio:16/9;object-fit:cover;opacity:.72;border-radius:14px;width:min(100%,520px);max-height:100%}.inline-video-copy{padding:18px 20px 20px}.inline-video-copy h3{margin:4px 0 8px;font-size:1.35rem}.inline-video-copy p:last-child{color:var(--ink-soft);margin:0;line-height:1.7}.inline-video-copy p:empty{display:none}.media-note{color:var(--ink-soft);margin:16px 0 0;font-size:.92rem;line-height:1.7}.media-note a{color:var(--accent-strong);font-weight:900}.media-empty{border:1px dashed color-mix(in srgb, var(--accent) 38%, var(--line));background:color-mix(in srgb, var(--paper) 64%, transparent);min-height:180px;color:var(--ink-soft);text-align:center;border-radius:16px;place-items:center;padding:24px;display:grid}.media-content-section{padding-top:0}.resource-type{color:var(--accent-strong);margin:-6px 0 12px;font-weight:900}.resource-note-grid .resource-card:before{background:color-mix(in srgb, var(--accent) 48%, var(--ink-soft))}.resource-note-card h3{margin-top:10px}.gallery-card{grid-template-rows:auto 1fr;display:grid}.gallery-card img{cursor:zoom-in}.gallery-card figcaption{border:0;border-top:1px solid var(--line);background:color-mix(in srgb, var(--paper) 82%, transparent);backdrop-filter:blur(10px);border-radius:0;min-height:132px;position:static;inset:auto}.gallery-card figcaption .admin-mini-actions{margin-top:14px}.comment-compose{border:1px solid var(--line);border-radius:var(--radius);background:var(--glass-strong);backdrop-filter:blur(16px)saturate(145%);margin-bottom:16px;padding:18px;box-shadow:0 14px 42px #4434191a}.comment-compose-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.comment-compose-head h3{margin:0;font-size:1.35rem}.comment-compose form{gap:12px;display:grid}.comment-compose textarea{resize:vertical;min-height:104px}.comment-compose textarea:disabled{cursor:not-allowed;opacity:.62}.comment-compose p{color:var(--ink-soft);margin:10px 0 0;line-height:1.6}.comment-status{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 78%, transparent);width:fit-content;color:var(--accent-strong);border-radius:999px;align-items:center;padding:5px 10px;font-size:.82rem;font-weight:900;display:inline-flex}.comment-status.is-pending{background:color-mix(in srgb, #f4b23f 24%, var(--paper))}.comment-status.is-hidden{background:color-mix(in srgb, #8b8b8b 22%, var(--paper));color:var(--ink-soft)}.comment-admin-strip{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.commenter-list{gap:10px;display:grid}.commenter-row{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 70%, transparent);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.commenter-row strong,.commenter-row span,.commenter-row small{display:block}.commenter-row span,.commenter-row small{color:var(--ink-soft);font-size:.9rem;line-height:1.6}.commenter-row small{margin-top:3px;font-size:.84rem}.admin-user-row{align-items:flex-start}.admin-user-row.has-pending{border-color:color-mix(in srgb, #e8282f 42%, var(--line));box-shadow:0 0 0 1px #e8282f29,0 10px 28px #a41c2114}.admin-user-row>img{object-fit:cover;border-radius:50%;flex:none;width:48px;height:48px}.admin-user-row>div:first-of-type{flex:1;grid-template-columns:repeat(2,minmax(160px,1fr));gap:8px;display:grid}.admin-user-row strong,.admin-user-row span,.admin-user-row small{grid-column:1/-1}.admin-user-row strong{align-items:center;gap:8px;display:flex}.admin-user-row input,.admin-user-row select{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 82%, transparent);width:100%;color:var(--ink);border-radius:12px;padding:9px 11px}.admin-avatar-upload{border:1px dashed color-mix(in srgb, var(--accent) 34%, var(--line));background:color-mix(in srgb, var(--paper) 72%, transparent);color:var(--ink-soft);border-radius:12px;gap:6px;padding:8px 10px;font-size:.88rem;font-weight:900;display:grid}.admin-avatar-upload input{background:0 0;border:0;border-radius:0;padding:0}.admin-user-row .inline-check{color:var(--ink-soft);align-items:center;gap:8px;font-size:.9rem;display:flex}.trust-switch{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 80%, transparent);border-radius:999px;padding:9px 12px;font-weight:900}.trust-switch input{width:18px;height:18px;accent-color:var(--accent)}.trust-switch:has(input:checked){color:var(--accent-strong);background:color-mix(in srgb, var(--accent-soft) 74%, transparent);border-color:color-mix(in srgb, var(--accent) 34%, var(--line))}.image-lightbox,.admin-edit-modal,.auth-modal,.confirm-modal,.user-manager-modal{z-index:110;backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#19130b85;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.image-lightbox.is-open,.admin-edit-modal:not([hidden]),.auth-modal.is-open,.confirm-modal:not([hidden]),.user-manager-modal.is-open{opacity:1;pointer-events:auto}.image-lightbox-shell{justify-items:end;gap:12px;width:min(1120px,100%);max-height:calc(100vh - 48px);display:grid}.image-lightbox-shell img{object-fit:contain;background:#111;border-radius:18px;justify-self:center;max-width:100%;max-height:min(78vh,760px);box-shadow:0 24px 80px #00000057}.image-lightbox-shell p{color:#fffaf0;text-align:center;justify-self:center;max-width:min(820px,100%);margin:0;line-height:1.7}.image-lightbox-shell button{color:#fffaf0;background:#fffaf02e;border:1px solid #fffaf06b;border-radius:999px;padding:10px 16px;font-weight:900}.admin-edit-modal .admin-edit-form{width:min(760px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow);overflow:auto}.auth-card,.confirm-card,.user-manager-card{border:1px solid var(--line);background:var(--glass-strong);backdrop-filter:blur(20px)saturate(150%);width:min(520px,100%);box-shadow:var(--shadow);border-radius:24px;padding:clamp(20px,4vw,30px)}.user-manager-card{width:min(1040px,100%);max-height:calc(100vh - 48px);overflow:auto}.user-manager-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.user-manager-head h2{margin:0;font-size:clamp(1.8rem,4vw,3rem)}.user-manager-head button{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 82%, transparent);border-radius:999px;padding:10px 16px;font-weight:900}.auth-card-head,.auth-current,.confirm-card div{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-card h3,.confirm-card h3{margin:0;font-size:1.55rem}.auth-card-head button,.auth-current button,.confirm-card button{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 78%, transparent);border-radius:999px;padding:10px 14px;font-weight:900}.auth-current{border:1px solid var(--line);background:color-mix(in srgb, var(--accent-soft) 56%, transparent);color:var(--ink-soft);border-radius:16px;margin-top:16px;padding:12px 14px;line-height:1.6}.auth-current strong{color:var(--accent-strong)}.auth-role-tabs,.auth-tabs{gap:10px;margin-top:16px;display:flex}.auth-role-tabs{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 64%, transparent);border-radius:999px;padding:4px}.auth-role-tabs button{flex:1}.auth-role-tabs button,.auth-tabs button,.auth-form button,.comment-compose button,.comment-admin-strip button,.commenter-row button{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 78%, transparent);border-radius:999px;padding:10px 14px;font-weight:900}.auth-role-tabs button.is-active,.auth-tabs button.is-active,.auth-form button,.comment-compose form button,.comment-admin-strip button:hover,.commenter-row button:hover,.confirm-card button[data-confirm-ok]{color:#fffaf0;background:var(--accent);border-color:color-mix(in srgb, var(--accent) 74%, #fff 26%)}.commenter-system-badge{border:1px solid var(--line);background:color-mix(in srgb, var(--accent-soft) 58%, transparent);color:var(--accent-strong);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:9px 13px;font-size:.86rem;font-weight:900;display:inline-flex}.auth-form{gap:12px;margin-top:14px;display:grid}.auth-form input,.auth-form textarea,.comment-compose textarea,.admin-form select,.admin-edit-form select{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 82%, transparent);width:100%;color:var(--ink);border-radius:14px;outline:none;padding:12px 14px}.auth-form input:focus,.auth-form textarea:focus,.comment-compose textarea:focus,.admin-form select:focus,.admin-edit-form select:focus{border-color:color-mix(in srgb, var(--accent) 62%, var(--line));box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 13%, transparent)}.auth-note,.confirm-card p{color:var(--ink-soft);margin:14px 0 0;line-height:1.7}.search-layer{z-index:95;opacity:0;pointer-events:none;background:#20180e14;padding:0;display:block;position:fixed;inset:0}.search-layer.is-open{opacity:1;pointer-events:auto}.search-layer-card{top:var(--search-top,96px);right:var(--search-right,72px);border:1px solid var(--line);background:var(--glass-strong);width:min(520px,100vw - 28px);max-height:min(58vh,500px);box-shadow:var(--shadow);backdrop-filter:blur(22px)saturate(150%);opacity:0;transform-origin:100% 0;border-radius:20px;padding:16px;position:fixed;overflow:auto;transform:translateY(-10px)scale(.86)}.search-layer.is-open .search-layer-card{opacity:1;transform:translateY(0)scale(1)}.search-layer-card .search-head h2{margin:0;font-size:1.35rem}.search-layer-card input{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 78%, transparent);width:100%;color:var(--ink);border-radius:14px;outline:none;margin-top:10px;padding:11px 14px}.search-suggestions{margin-top:10px}.search-layer .search-results{gap:8px;max-height:30vh;margin-top:12px}.search-layer .search-result{padding:10px 12px}.search-chip-group{gap:10px;display:grid}.search-chip-group>span{color:var(--ink-soft);font-size:.86rem;font-weight:900}.search-chip-group>div{flex-wrap:wrap;gap:8px;display:flex}.search-chip-group button{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 76%, transparent);color:var(--accent-strong);border-radius:999px;padding:7px 11px;font-size:.88rem;font-weight:900}.tools-main{padding-bottom:96px}.tools-hero{margin-bottom:24px}.tools-section{padding-top:0}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tool-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);backdrop-filter:blur(14px)saturate(140%);align-content:start;min-height:220px;padding:24px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 42px #4434191a}.tool-card:before{content:"";background:var(--accent);border-radius:999px;width:48px;height:4px;position:absolute;top:0;left:24px}.tool-card>span{background:var(--accent);color:#fffaf0;border-radius:999px;justify-content:center;align-items:center;width:48px;height:34px;margin-bottom:24px;font-weight:900;display:inline-flex}.tool-card small{color:var(--ink-soft);font-weight:900}.tool-card h3{margin:12px 0 10px;font-size:1.45rem}.tool-card p{color:var(--ink-soft);margin:0;line-height:1.75}@media (width>1180px){.metrics-band,.site-main>.content-section,.site-main>.split-section{width:min(1180px,100% - 180px);margin-left:calc(50% + 56px + min(1180px,100% - 180px)/-2);margin-right:auto}}.wide-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-modal{z-index:95;backdrop-filter:blur(12px);background:#1c150c9e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.video-card-shell{border:1px solid var(--line);background:var(--glass-strong);width:min(920px,100%);max-height:min(760px,100vh - 48px);box-shadow:var(--shadow);border-radius:26px;padding:clamp(18px,3vw,30px);overflow:auto}.video-modal-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.video-modal-head h2{margin:0}.video-modal-head button,.admin-edit-head button,.admin-edit-actions button{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 78%, transparent);border-radius:999px;padding:10px 16px;font-weight:900}.video-stage{border:1px solid var(--line);aspect-ratio:16/9;background:#0f0c08;border-radius:20px;overflow:hidden}.video-stage video,.video-stage iframe{background:#0f0c08;border:0;width:100%;height:100%;display:block}.side-rail,.subpage-main{background:linear-gradient(180deg, rgba(var(--paper-rgb) / .86), rgba(var(--paper-rgb) / .7)), var(--hero-image) center / cover}.subpage-main{background-attachment:fixed}.admin-page-main{padding-top:150px}.login-page-main{place-items:center;padding-top:150px;display:grid}.login-panel,.admin-required{border:1px solid var(--line);background:var(--glass-strong);backdrop-filter:blur(20px)saturate(150%);width:min(680px,100% - 48px);box-shadow:var(--shadow);border-radius:28px;padding:clamp(24px,5vw,46px)}.login-panel h1{margin:0;font-size:clamp(2.6rem,7vw,5.8rem);line-height:1}.login-role-tabs{margin:0 0 24px}.login-user-tabs{max-width:360px;margin-top:18px}.login-panel [data-login-panel]{animation:.24s both panel-rise}.login-panel p,.admin-required p,.login-note{color:var(--ink-soft);line-height:1.8}.login-form{grid-template-columns:1fr;gap:12px;max-width:560px;margin-top:22px;display:grid}.profile-avatar-preview{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 74%, transparent);color:var(--ink-soft);border-radius:18px;align-items:center;gap:12px;padding:12px 14px;font-weight:900;display:flex}.profile-avatar-preview img{object-fit:cover;width:58px;height:58px;box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:50%}.login-form input{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 82%, transparent);color:var(--ink);border-radius:999px;outline:none;padding:14px 18px}.login-form button{border:1px solid color-mix(in srgb, var(--accent) 64%, #fff 36%);background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fffaf0;border-radius:999px;width:100%;padding:14px 24px;font-weight:900}@keyframes panel-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-required{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 68%, transparent), color-mix(in srgb, var(--paper) 78%, transparent));width:auto;margin-top:22px}.admin-required strong{color:var(--accent-strong);font-size:1.25rem}.admin-panel{border:1px solid var(--line);background:var(--glass-strong);backdrop-filter:blur(20px)saturate(150%);width:min(1120px,100% - 48px);box-shadow:var(--shadow);border-radius:28px;margin:0 auto;padding:clamp(24px,4vw,44px)}.admin-panel .admin-head{margin-bottom:14px}.admin-panel .pass-form{max-width:560px}.admin-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.admin-page-grid .admin-form,.admin-page-grid .admin-data{margin-top:0}.admin-field-note{color:var(--ink-soft);margin:-4px 0 6px;font-size:.88rem;line-height:1.65}.admin-form>.admin-field-note:first-of-type{border:1px dashed color-mix(in srgb, var(--accent) 34%, var(--line));background:color-mix(in srgb, var(--accent-soft) 52%, transparent);border-radius:14px;margin-top:0;padding:10px 12px}.admin-form input:focus,.admin-form textarea:focus{border-color:color-mix(in srgb, var(--accent) 62%, var(--line));box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 13%, transparent);transform:translateY(-1px)}.admin-page-grid .admin-data{grid-column:1/-1}.admin-edit-form{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 74%, transparent), color-mix(in srgb, var(--paper) 78%, transparent));grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 0;display:grid}.admin-edit-head,.admin-edit-actions{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-edit-head h3{margin:0;font-size:1.55rem}.admin-edit-form label{color:var(--ink-soft);gap:8px;font-weight:900;display:grid}.admin-edit-form label span{color:var(--accent-strong);font-size:.92rem}.admin-edit-form .span-2{grid-column:1/-1}.admin-edit-form textarea[name=body]{min-height:180px}.admin-edit-actions{justify-content:flex-start}.admin-edit-actions button:first-child{color:#fffaf0;background:var(--accent)}.admin-content-manager{gap:18px;display:grid}.admin-content-manager>p{color:var(--ink-soft);margin:0;line-height:1.7}.admin-content-manager h4{color:var(--accent-strong);letter-spacing:.08em;margin:12px 0 -6px;font-size:1.05rem}.admin-tabs{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.admin-create-shortcuts,.admin-create-pills{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 68%, transparent);border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.admin-create-shortcuts strong{color:var(--accent-strong);margin-right:4px}.admin-tabs button{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 76%, transparent);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-weight:900;display:inline-flex;position:relative;box-shadow:0 8px 24px #4c3a1914}.admin-tab-badge,.pending-dot{color:#fffaf0;background:#e8282f;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:.72rem;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 0 0 3px #e8282f2e}.admin-tab-badge[hidden]{display:none}.admin-tabs button.is-active,.admin-tabs button:hover,.admin-create-shortcuts button.is-active,.admin-create-shortcuts button:hover,.admin-create-pills button.is-active,.admin-create-pills button:hover{color:#fffaf0;background:var(--accent);border-color:color-mix(in srgb, var(--accent) 74%, #fff 26%)}.admin-create-shortcuts button,.admin-create-pills button{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 78%, transparent);border-radius:999px;padding:10px 14px;font-weight:900;box-shadow:0 8px 24px #4c3a1914}.cos-ready-panel p{color:var(--ink-soft);line-height:1.8}.cos-ready-panel code{overflow-wrap:anywhere;border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 72%, transparent);max-width:100%;color:var(--accent-strong);border-radius:10px;padding:4px 8px;display:inline-block}.taxonomy-main{padding-bottom:96px}.taxonomy-hero{margin-bottom:24px}.taxonomy-board{border:1px solid var(--line);background:var(--glass-strong);width:min(1180px,100% - 48px);box-shadow:var(--shadow);backdrop-filter:blur(18px)saturate(150%);border-radius:28px;grid-template-columns:minmax(320px,1.05fr) minmax(280px,.95fr);align-items:center;gap:22px;margin:0 auto;padding:clamp(24px,5vw,54px);display:grid}.taxonomy-visual,.taxonomy-summary{min-height:360px}.taxonomy-visual h2,.taxonomy-summary h2{margin:0;font-size:clamp(2.4rem,5vw,5.2rem);line-height:1.05}.category-stack{gap:14px;margin-top:28px;display:grid}.category-chart-shell{grid-template-columns:minmax(240px,.9fr) minmax(220px,1fr);align-items:center;gap:22px;margin-top:28px;display:grid}.category-chart-fallback{gap:14px;display:grid}.category-donut-card{aspect-ratio:1;border:1px solid var(--line);background:radial-gradient(circle, color-mix(in srgb, var(--paper) 86%, transparent), color-mix(in srgb, var(--accent-soft) 56%, transparent));border-radius:50%;place-items:center;min-height:280px;display:grid;position:relative;box-shadow:0 18px 44px #44341914}.category-donut{width:min(100%,310px);height:auto;overflow:visible;transform:rotate(-90deg)}.category-donut-base,.category-donut-segment{fill:none;stroke-width:30px}.category-donut-base{stroke:color-mix(in srgb, var(--ink-soft) 12%, transparent)}.category-donut-segment{stroke:var(--color);stroke-linecap:round;stroke-dasharray:0 calc(var(--dash) + var(--gap));stroke-dashoffset:var(--offset);animation:.9s cubic-bezier(.22,1,.36,1) forwards donut-draw;animation-delay:var(--delay);filter:drop-shadow(0 8px 10px color-mix(in srgb, var(--color) 22%, transparent))}@keyframes donut-draw{to{stroke-dasharray:var(--dash) var(--gap)}}.category-donut-center{background:color-mix(in srgb, var(--paper) 82%, transparent);box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;align-content:center;place-items:center;display:grid;position:absolute;inset:34%}.category-donut-center strong{color:var(--accent-strong);font-size:clamp(2.2rem,5vw,4rem);line-height:1}.category-donut-center span{color:var(--ink-soft);font-weight:900}.category-legend{gap:10px;display:grid}.category-legend a{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 70%, transparent);border-radius:16px;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 14px;display:grid}.category-legend i{background:var(--dot);width:12px;height:12px;box-shadow:0 0 0 6px color-mix(in srgb, var(--dot) 18%, transparent);border-radius:50%}.category-legend strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.category-legend span{color:var(--ink-soft);font-size:.9rem;font-weight:900}.category-card{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 72%, transparent);border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:18px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 32px #44341912}.category-card span{align-items:center;gap:12px;font-size:1.18rem;font-weight:900;display:inline-flex}.category-card i{background:var(--dot);width:14px;height:14px;box-shadow:0 0 0 7px color-mix(in srgb, var(--dot) 18%, transparent);border-radius:50%}.category-card em{color:var(--ink-soft);font-style:normal;font-weight:900}.category-card b{width:var(--percent);background:linear-gradient(90deg, var(--dot), color-mix(in srgb, var(--dot) 42%, transparent));border-radius:999px;height:5px;position:absolute;bottom:0;left:0}.category-card:hover{border-color:color-mix(in srgb, var(--dot) 42%, var(--line));transform:translateY(-3px)}.taxonomy-summary{align-content:center;gap:20px;display:grid}.taxonomy-summary p:not(.eyebrow){color:var(--ink-soft);margin:0;line-height:1.85}.taxonomy-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.taxonomy-kpis span{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 72%, transparent);color:var(--ink-soft);border-radius:16px;padding:16px;font-weight:900}.taxonomy-kpis strong{color:var(--accent-strong);font-size:1.6rem;display:block}.tag-cloud-section{padding-top:36px}.tag-cloud{flex-wrap:wrap;gap:14px;display:flex}.tag-pill{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 72%, transparent);border-radius:999px;align-items:center;gap:10px;padding:12px 18px;font-weight:900;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 26px #44341914}.tag-pill:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-strong));opacity:0;position:absolute;inset:0}.tag-pill span,.tag-pill em{z-index:1;position:relative}.tag-pill em{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-style:normal}.tag-pill:hover{color:#fffaf0;transform:translateY(-3px)}.tag-pill:hover:before{opacity:1}.tag-pill:hover em{color:#fffaf0c7}.tag-pill.is-mine{border-color:color-mix(in srgb, var(--accent) 42%, var(--line))}@media (width<=920px){.hero-backdrop{background:linear-gradient(180deg, rgba(var(--paper-rgb) / .84), rgba(var(--paper-rgb) / .48)), var(--hero-image) 62% center / cover no-repeat}.dock-player{order:4;grid-column:1/-1;grid-template-columns:30px minmax(0,1fr) 24px 32px 24px minmax(72px,1fr);width:min(100%,420px);min-width:0}.admin-page-grid,.taxonomy-board,.category-chart-shell,.media-page-grid,.tool-grid,.wide-video-grid,.video-theater,.video-theater-wide{grid-template-columns:1fr}.music-player-panel{position:static}}@media (width<=640px){.hero-section{padding-top:300px}.hero-content h1{font-size:clamp(3rem,16vw,4.3rem)}.dock-player{grid-template-columns:30px minmax(0,1fr) 30px 34px 30px}.dock-player input[type=range]{grid-column:1/-1}.search-layer-card{width:auto;max-height:62vh;left:14px;right:14px}.admin-page-main{padding-top:176px}.admin-panel,.media-page-grid{width:calc(100% - 28px)}.admin-edit-form,.login-form{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.starfield-canvas,.flowfield-canvas{display:none}}