.voc-tool{--voc-blue:#9eb6d2;max-width:var(--layout-tool-workspace-max);margin:0 auto 38px}[data-theme=light] .voc-tool{--voc-blue:#466B97}.voc-nav{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:12px;max-width:560px;margin:0 auto 16px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface);text-align:center}.voc-nav>button:not(.voc-this-month){width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:var(--ui-accent);font:300 28px/1 var(--font-serif);cursor:pointer}.voc-nav>button:hover{background:color-mix(in srgb,var(--ui-accent) 8%,transparent)}.voc-nav>button:disabled{opacity:.6;cursor:default}.voc-nav h2{margin:0;font:400 19px/1.3 var(--font-serif);color:var(--text-primary)}.voc-nav-month-skeleton{display:inline-block;width:120px;height:18px;border-radius:999px;background:var(--border-subtle)}.voc-nav p{margin:3px 0 0;font:400 10.5px/1.4 var(--font-mono);color:var(--text-tertiary)}.voc-nav-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px 9px}.voc-this-month{position:relative;padding:0 0 0 10px;border:0;background:transparent;color:var(--ui-accent);font:500 10.5px/1.4 var(--font-mono);cursor:pointer}.voc-this-month:before{content:"·";position:absolute;left:0;color:var(--text-tertiary)}.voc-error{min-height:250px;border:1px solid color-mix(in srgb,var(--ui-accent) 28%,var(--border-subtle));border-radius:16px;background:var(--surface)}.voc-loading{display:grid;gap:20px}.voc-skeleton-feature{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);align-items:center;gap:clamp(24px,5vw,64px);min-height:280px;padding:clamp(28px,5vw,54px);border:1px solid color-mix(in srgb,var(--ui-accent) 26%,var(--border-subtle));border-radius:16px;background:var(--surface)}.voc-skeleton-sign{justify-self:center;width:clamp(105px,14vw,150px);aspect-ratio:1;border-radius:42%;background:var(--border-subtle)}.voc-skeleton-copy{display:grid;gap:12px;width:min(100%,460px)}.voc-skeleton-line{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,var(--border-subtle) 0,color-mix(in srgb,var(--text-tertiary) 18%,var(--border-subtle)) 48%,var(--border-subtle) 100%);background-size:220% 100%;animation:voc-shimmer 1.55s ease-in-out infinite}.voc-skeleton-line.is-label{width:28%;height:8px}.voc-skeleton-line.is-title{width:82%;height:42px;border-radius:8px}.voc-skeleton-line.is-time{width:58%;height:22px;border-radius:6px}.voc-skeleton-schedule{overflow:hidden;border:1px solid var(--border-subtle);border-radius:16px;background:var(--surface)}.voc-skeleton-schedule>header{display:flex;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid var(--border-subtle)}.voc-skeleton-line.is-heading{width:180px;height:9px}.voc-skeleton-line.is-count{width:58px;height:9px}.voc-skeleton-row{display:grid;grid-template-columns:minmax(185px,.85fr) minmax(175px,.8fr) repeat(2,minmax(0,.78fr));align-items:center;gap:20px;padding:24px 20px;border-bottom:1px solid var(--border-subtle)}.voc-skeleton-row:last-child{border-bottom:0}.voc-skeleton-line.is-date{width:72%}.voc-skeleton-line.is-sign{width:76%}.voc-skeleton-line.is-contact{width:88%}@keyframes voc-shimmer{to{background-position:-220% 0}}.voc-error{display:grid;place-items:center;align-content:center;gap:12px;padding:24px;text-align:center}.voc-error p{margin:0;color:var(--text-secondary);font-size:14px}.voc-error button{border:0;background:transparent;color:var(--ui-accent);font:600 13px var(--font-sans);cursor:pointer}.voc-feature{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);align-items:center;gap:clamp(24px,5vw,64px);min-height:280px;padding:clamp(28px,5vw,54px);border:1px solid color-mix(in srgb,var(--ui-accent) 38%,var(--border-subtle));border-radius:16px;background:var(--surface)}.voc-feature-art{position:relative;display:grid;place-items:center;justify-self:center;width:min(100%,220px);aspect-ratio:1}.voc-feature-sign{position:relative;z-index:1;opacity:.88}.voc-feature-label{margin:0 0 8px;font:500 10px/1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ui-accent)}.voc-feature h3{margin:0 0 8px;font:400 clamp(30px,5vw,50px)/1.08 var(--font-serif);color:var(--text-primary)}.voc-feature-time{margin:0;font:400 clamp(17px,3vw,24px)/1.35 var(--font-serif);color:var(--voc-blue)}.voc-mitigation{width:fit-content;margin:16px 0 0;padding:7px 10px;border-left:2px solid var(--gold-border);color:var(--text-secondary);font:400 11.5px/1.5 var(--font-mono)}.voc-feature.is-signless{grid-template-columns:minmax(0,1fr)}.voc-feature-working{margin:0 0 10px;font:400 clamp(16px,2.6vw,21px)/1.4 var(--font-serif);color:var(--text-secondary)}.voc-feature-since{margin:14px 0 0;font:400 11.5px/1.5 var(--font-mono);color:var(--text-tertiary)}.voc-schedule{margin-top:20px;overflow:hidden;border:1px solid var(--border-subtle);border-radius:16px;background:var(--surface)}.voc-schedule>header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.voc-schedule>header h3{margin:0;font:500 11px/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ui-accent)}.voc-schedule>header span{color:var(--text-tertiary);font-size:11.5px}.voc-period{display:grid;grid-template-columns:minmax(185px,.85fr) minmax(175px,.8fr) minmax(0,1.55fr);align-items:center;gap:20px;padding:17px 20px;border-bottom:1px solid var(--border-subtle)}.voc-period:last-child{border-bottom:0}.voc-period.is-live{background:color-mix(in srgb,var(--voc-blue) 7%,var(--surface));box-shadow:inset 3px 0 0 var(--voc-blue)}.voc-period-date{display:grid;gap:8px;min-width:0;padding-right:4px}.voc-period-dates{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:12px}.voc-period-dates span{color:var(--text-tertiary);font:500 9px/1.2 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.voc-period-time{display:grid;grid-template-columns:max-content minmax(22px,1fr) max-content;align-items:center;gap:8px}.voc-period-time>strong{color:var(--text-primary);font:400 15px/1 var(--font-mono);white-space:nowrap}.voc-time-connector{position:relative;height:1px;background:color-mix(in srgb,var(--text-tertiary) 52%,transparent)}.voc-time-connector:after{content:"";position:absolute;right:-1px;top:-3px;width:6px;height:6px;border-top:1px solid var(--text-tertiary);border-right:1px solid var(--text-tertiary);transform:rotate(45deg)}.voc-period-date:not(.is-cross-day) .voc-period-dates{justify-content:flex-start}.voc-period-sign{display:flex;align-items:center;gap:10px;color:var(--voc-blue)}.voc-period-sign>svg{flex:0 0 auto;filter:drop-shadow(0 0 9px color-mix(in srgb,currentColor 20%,transparent))}.voc-period-sign div{display:grid;gap:2px}.voc-period-sign strong{color:var(--text-secondary);font:500 13px var(--font-sans)}.voc-period-sign small{color:var(--ui-accent);font-size:10px}.voc-period dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0}.voc-period dl div{display:grid;grid-template-columns:48px minmax(0,1fr);min-width:0;column-gap:8px}.voc-period dt{grid-column:2;margin-bottom:5px;color:var(--text-tertiary);font:500 9.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.voc-period dd{margin:0;color:var(--text-secondary);font-size:11.5px;line-height:1.45}.voc-contact{grid-column:1/-1;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;min-width:0}.voc-contact>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voc-contact-glyphs{display:inline-flex;align-items:center;justify-content:flex-start;width:48px;gap:4px}.voc-contact-glyphs b{font:400 18px/1 var(--font-serif)}.voc-contact-glyphs b:first-child{color:var(--ui-accent)}.voc-contact-glyphs b:last-child{color:var(--voc-blue)}@media (max-width:720px){.voc-feature{grid-template-columns:minmax(130px,.7fr) minmax(0,1.3fr);min-height:230px;gap:18px;padding:28px 22px}.voc-feature-art{width:min(100%,170px)}.voc-skeleton-feature{grid-template-columns:minmax(130px,.7fr) minmax(0,1.3fr);min-height:230px;gap:18px;padding:28px 22px}.voc-skeleton-row{grid-template-columns:1fr 1fr}.voc-skeleton-row .is-contact{margin-top:8px}.voc-period{grid-template-columns:1fr 1fr;gap:13px}.voc-period dl{grid-column:1/-1;padding-top:11px;border-top:1px solid var(--border-subtle)}}@media (max-width:480px){.voc-nav{margin-bottom:16px}.voc-feature{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:25px 18px}.voc-feature-art{width:104px}.voc-skeleton-feature{grid-template-columns:76px minmax(0,1fr);gap:14px;padding:25px 18px}.voc-skeleton-sign{width:68px}.voc-skeleton-line.is-title{height:29px}.voc-skeleton-row{grid-template-columns:1fr;padding:20px 16px}.voc-skeleton-row .is-contact,.voc-skeleton-row .is-sign{width:70%}.voc-feature h3{font-size:28px}.voc-feature-time{font-size:16px}.voc-period{grid-template-columns:1fr;padding:16px}.voc-period-sign{grid-row:1}.voc-period-date{grid-row:2}.voc-period dl{grid-column:auto;grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.voc-skeleton-line{animation:none}}