.kotohira-demo{--kotohira-primary:203 100% 38%;--kotohira-primary-dark:203 100% 28%;--kotohira-accent:57 100% 50%;--kotohira-cream:38 44% 96%;--kotohira-gold:40 47% 58%;--kotohira-gold-soft:38 58% 78%;--kotohira-red:4 82% 43%;--kotohira-ink:0 0% 13%;--kotohira-ink-soft:0 0% 42%;--kotohira-line:220 13% 91%;--kotohira-radius-card:1rem;--kotohira-radius-pill:9999px;--kotohira-shadow-card:0 1px 3px 0 rgb(0 0 0/0.05),0 1px 2px -1px rgb(0 0 0/0.05);--kotohira-shadow-elevated:0 10px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--kotohira-font-display:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;--kotohira-font-body:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI",sans-serif}.kotohira-demo .font-display{font-family:var(--kotohira-font-display);letter-spacing:.02em}.kotohira-demo .bg-kotohira-primary{background-color:hsl(var(--kotohira-primary))}.kotohira-demo .bg-kotohira-cream{background-color:hsl(var(--kotohira-cream))}.kotohira-demo .bg-kotohira-gold{background-color:hsl(var(--kotohira-gold))}.kotohira-demo .bg-kotohira-red{background-color:hsl(var(--kotohira-red))}.kotohira-demo .text-kotohira-primary{color:hsl(var(--kotohira-primary))}.kotohira-demo .text-kotohira-gold{color:hsl(var(--kotohira-gold))}.kotohira-demo .text-kotohira-red{color:hsl(var(--kotohira-red))}.kotohira-demo .border-kotohira-gold{border-color:hsl(var(--kotohira-gold))}.kotohira-demo .bg-kotohira-accent{background-color:hsl(var(--kotohira-accent))}.kotohira-demo .text-kotohira-accent{color:hsl(var(--kotohira-accent))}.kotohira-demo .border-kotohira-accent{border-color:hsl(var(--kotohira-accent))}.kotohira-demo .btn-primary{background:hsl(var(--kotohira-primary));color:white;border-radius:12px;padding:.875rem 1rem;font-weight:700;font-size:.875rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 4px rgba(0,117,194,.25);transition:transform .1s,box-shadow .1s;width:100%;text-align:center}.kotohira-demo .btn-primary:active{transform:translateY(1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,117,194,.2)}.kotohira-demo .btn-primary:focus-visible{outline:3px solid hsl(var(--kotohira-primary)/.4);outline-offset:2px}.kotohira-demo a:focus-visible,.kotohira-demo button:focus-visible{outline:2px solid hsl(var(--kotohira-primary));outline-offset:2px;border-radius:4px}.kotohira-demo .card{background:white;border:1px solid hsl(var(--kotohira-line));border-radius:var(--kotohira-radius-card);overflow:hidden}.kotohira-demo .scrollbar-hide::-webkit-scrollbar{display:none}.kotohira-demo .scrollbar-hide{scrollbar-width:none}.kotohira-demo .screen-enter{animation:kotohira-slide-in .25s cubic-bezier(.32,.72,0,1)}@keyframes kotohira-slide-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.kotohira-demo .safe-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.kotohira-demo .pattern-asanoha{background-image:radial-gradient(circle at 50% 50%,rgba(203,162,88,.08) 2px,transparent 0);background-size:24px 24px}.kotohira-demo .tab-enter{animation:kotohira-tab-fade .2s cubic-bezier(.32,.72,0,1)}@keyframes kotohira-tab-fade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.kotohira-demo .tap-highlight{-webkit-tap-highlight-color:rgba(0,117,194,.15);touch-action:manipulation}.kotohira-demo .skeleton{background:linear-gradient(90deg,#f1f5f9,#e2e8f0 50%,#f1f5f9);background-size:200% 100%;animation:kotohira-skeleton 1.5s ease-in-out infinite;border-radius:8px}@keyframes kotohira-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.kotohira-demo .push-enter{animation:push-in .3s cubic-bezier(.32,.72,0,1)}@keyframes push-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}.kotohira-demo button:active:not(:disabled){transform:scale(.98)}@keyframes kotohira-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.kotohira-demo .animate-slide-up{animation:kotohira-slide-up .25s cubic-bezier(.32,.72,0,1)}@keyframes confetti-fall{0%{transform:translateY(-100px) rotate(0deg);opacity:1}to{transform:translateY(400px) rotate(2turn);opacity:0}}.kotohira-demo .confetti{position:absolute;animation:confetti-fall 2s ease-in forwards;pointer-events:none}