:root{--primary:220 78% 24%;--primary-dark:220 80% 16%;--primary-light:220 60% 36%;--accent:0 76% 51%;--accent-dark:0 76% 42%;--accent-light:0 80% 65%;--background:0 0% 100%;--surface:220 30% 96%;--surface-dark:220 28% 92%;--foreground:220 30% 12%;--muted:220 12% 42%;--muted-foreground:220 12% 42%;--border:220 18% 86%;--success:158 50% 38%;--error:0 60% 45%}.voc-sans-upper{letter-spacing:.18em;text-transform:uppercase;font-weight:700}.voc-display,.voc-sans-upper{font-family:Noto Sans JP,Helvetica Neue,Arial,sans-serif}.voc-display{letter-spacing:.04em;font-weight:900;font-stretch:condensed}.voc-code-grid{background-color:hsl(var(--primary-dark));background-image:linear-gradient(hsl(0 0% 100%/.04) 1px,transparent 0),linear-gradient(90deg,hsl(0 0% 100%/.04) 1px,transparent 0);background-size:32px 32px}.voc-dot-pattern{background-image:radial-gradient(hsl(var(--primary)/.08) 1px,transparent 1px);background-size:20px 20px}.voc-card{background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:.5rem;transition:all .3s ease}.voc-card:hover{border-color:hsl(var(--accent)/.6);box-shadow:0 12px 32px hsl(var(--primary)/.1);transform:translateY(-2px)}.voc-heading-rule{position:relative;display:inline-block;padding-bottom:.75rem}.voc-heading-rule:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:3rem;height:3px;background-color:hsl(var(--accent))}.voc-heading-rule--left:after{left:0;transform:none}.voc-duration-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;letter-spacing:.06em;border:1px solid hsl(var(--primary)/.4);color:hsl(var(--primary));border-radius:9999px;background:hsl(var(--background))}.voc-duration-badge--night{border-color:hsl(var(--accent)/.5);color:hsl(var(--accent-dark))}.voc-certified-mark{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.625rem;font-weight:700;letter-spacing:.08em;background:hsl(var(--primary));color:hsl(var(--background));border-radius:.125rem}.voc-guarantee{border:2px solid hsl(var(--primary));background:hsl(var(--background));position:relative}.voc-guarantee:before{content:"";position:absolute;inset:4px;border:1px solid hsl(var(--accent)/.3);pointer-events:none;border-radius:.125rem}.voc-floating-cta{position:fixed;bottom:1.5rem;right:1.5rem;z-index:30;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:hsl(140 70% 40%);color:white;border-radius:9999px;font-size:.8125rem;font-weight:700;box-shadow:0 12px 32px hsl(140 70% 30%/.35);transition:transform .2s ease}.voc-floating-cta:hover{transform:translateY(-2px)}@keyframes voc-hero-pulse{0%,to{opacity:1}50%{opacity:.45}}.voc-hero-pulse{animation:voc-hero-pulse 1.8s ease-in-out infinite}@keyframes voc-hero-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.voc-hero-fadein{animation:voc-hero-fadein .32s ease}.voc-page-chrome{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:11px;color:hsl(0 0% 100%/.55)}.voc-page-strip{height:3px;background:linear-gradient(90deg,var(--voc-strip-color,hsl(var(--accent))) 0,transparent 100%)}