:root{--k-void:#080608;--k-shadow:#100d12;--k-dusk:#1c1620;--k-charcoal:#2a2230;--k-ash:#3d3345;--k-fog:#6b5e78;--k-mist:#9b8faa;--k-washi:#d4c9a8;--k-ivory:#e8dfc0;--k-parchment:#f2e8c8;--k-blood:#8b1a1a;--k-crimson:#b52020;--k-ember:#c0431a;--k-lantern:#d4831a;--k-candle:#e8a830;--k-ink:#1a1520;--k-ink-soft:#4a3d58;--font-display:"Shippori Mincho B1","Noto Serif JP",serif;--font-body:"Kaisei Tokumin","Noto Serif JP",serif;--font-accent:"Noto Serif JP",serif;--r-none:0;--r-sm:3px;--r-md:6px;--r-lg:10px;--shadow-blood:#8b1a1a73;--shadow-lantern:#d4831a4d;--shadow-void:#000000bf;--ease-dread:cubic-bezier(.25,.1,.25,1);--ease-reveal:cubic-bezier(0,0,.2,1);--ease-flicker:cubic-bezier(.37,0,.63,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--k-void)}::-webkit-scrollbar-thumb{background:var(--k-blood);border-radius:3px}::selection{color:var(--k-ivory);background:#8b1a1a8c}body{font-family:var(--font-body);background:var(--k-void);color:var(--k-washi);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E");min-height:100vh;font-weight:400;line-height:1.8;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(55% 45% at 50% 0,#8b1a1a24 0%,#0000 65%),radial-gradient(40% 30% at 20% 80%,#d4831a14 0%,#0000 55%),radial-gradient(70% 60% at 80% 60%,#08060899 0%,#0000 70%),linear-gradient(#0e0b10 0%,#080608 40%,#0a0710 100%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(90% 90%,#0000 40%,#0000008c 100%);position:fixed;inset:0}.k-heading{font-family:var(--font-display);color:var(--k-ivory);letter-spacing:.06em;font-weight:700;line-height:1.25}.k-heading-xl{font-size:clamp(2.2rem,5vw,3.8rem)}.k-heading-lg{font-size:clamp(1.6rem,3.5vw,2.4rem)}.k-heading-md{letter-spacing:.1em;font-size:1.25rem}.k-heading-sm{letter-spacing:.08em;font-size:1rem}.k-kanji{font-family:var(--font-display);color:var(--k-blood);text-shadow:0 0 40px #8b1a1a99,0 2px 4px #000c;letter-spacing:.12em;font-size:3.5rem;font-weight:900;line-height:1}.k-subtitle{font-family:var(--font-accent);letter-spacing:.3em;text-transform:uppercase;color:var(--k-fog);font-size:.78rem;font-weight:300}.k-body{font-family:var(--font-body);color:var(--k-washi);opacity:.85;font-size:.92rem;line-height:2}.k-suspect{color:var(--k-crimson);text-shadow:0 0 12px #b5202066;font-weight:600}.k-redacted{background:var(--k-ash);color:#0000;-webkit-user-select:none;user-select:none;border-radius:2px;transition:background .4s,color .4s}.k-redacted:hover{color:var(--k-crimson);background:0 0}.k-card{border-radius:var(--r-md);transition:border-color .4s var(--ease-dread),box-shadow .4s var(--ease-dread),transform .4s var(--ease-dread);background:linear-gradient(150deg,#1a1420 0%,#110d16 100%);border:1px solid #d4831a1f;border-top-color:#d4831a38;padding:1.8rem 2rem;position:relative;overflow:hidden;box-shadow:0 4px 32px #000000b3,inset 0 1px #d4831a14}.k-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#d4831a14 0%,#0000 65%);width:200px;height:200px;transition:opacity .5s;position:absolute;top:-60px;left:-60px}.k-card:after{content:"";transform-origin:50%;height:2px;transition:transform .5s var(--ease-reveal);background:linear-gradient(90deg,#0000 0%,#8b1a1a00 10%,#8b1a1a99 50%,#8b1a1a00 90%,#0000 100%);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.k-card:hover{border-color:#d4831a73 #d4831a47 #d4831a47;transform:translateY(-3px);box-shadow:0 8px 48px #000c,0 0 30px #8b1a1a1f,inset 0 1px #d4831a24}.k-card:hover:after{transform:scaleX(1)}.k-card-evidence{border-radius:var(--r-sm);background:linear-gradient(160deg,#1e1508 0%,#160f05 100%);border:1px solid #d4831a33;padding:1.6rem 1.8rem;position:relative;overflow:hidden;box-shadow:0 3px 24px #000000a6,inset 0 0 40px #0000004d}.k-card-evidence:before{content:"";background:repeating-linear-gradient(90deg,#d4831a4d 0 3px,#0000 3px 7px,#d4831a26 7px 9px,#0000 9px 14px);height:4px;position:absolute;top:0;left:0;right:0}.k-btn{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;border-radius:var(--r-none);cursor:pointer;transition:all .3s var(--ease-dread);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));border:none;align-items:center;gap:.5em;padding:.65em 1.7em;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.k-btn:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0f 0%,#0000 50%);position:absolute;inset:0}.k-btn:active{transform:scale(.96)translateY(1px)}.k-btn-blood{background:var(--k-blood);color:var(--k-ivory);text-shadow:0 1px 3px #00000080;box-shadow:0 0 0 1px #8b1a1a80,0 4px 20px #8b1a1a66}.k-btn-blood:hover{background:var(--k-crimson);transform:translateY(-2px);box-shadow:0 0 0 1px #b5202099,0 6px 28px #8b1a1a8c,0 0 40px #b5202033}.k-btn-lantern{color:var(--k-lantern);text-shadow:0 0 10px #d4831a66;background:0 0;box-shadow:0 0 0 1px #d4831a66}.k-btn-lantern:hover{color:var(--k-candle);background:#d4831a1a;transform:translateY(-2px);box-shadow:0 0 0 1px #d4831a99,0 0 20px #d4831a33}.k-btn-ghost{color:var(--k-fog);clip-path:none;border-radius:var(--r-sm);background:0 0;box-shadow:0 0 0 1px #6b5e7859}.k-btn-ghost:hover{color:var(--k-mist);background:#6b5e781a;box-shadow:0 0 0 1px #6b5e788c}.k-input{font-family:var(--font-body);border-radius:var(--r-none);width:100%;color:var(--k-washi);letter-spacing:.04em;background:#ffffff08;border:1px solid #6b5e784d;border-bottom-color:#d4831a4d;outline:none;padding:.72em 1em;font-size:.9rem;transition:border-color .3s,box-shadow .3s,background .3s}.k-input::placeholder{color:#6b5e7880;font-style:italic}.k-input:focus{border-bottom-color:var(--k-blood);background:#8b1a1a0a;box-shadow:0 2px #8b1a1a80,0 4px 16px #8b1a1a14}.k-label{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--k-fog);margin-bottom:.5em;font-size:.65rem;font-weight:600;display:block}.k-badge{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;border-radius:var(--r-sm);white-space:nowrap;align-items:center;padding:.22em .75em;font-size:.62rem;font-weight:600;display:inline-flex}.k-badge-blood{color:#e88080;background:#8b1a1a4d;border:1px solid #8b1a1a8c}.k-badge-lantern{color:var(--k-candle);background:#d4831a2e;border:1px solid #d4831a61}.k-badge-fog{color:var(--k-mist);background:#6b5e7833;border:1px solid #6b5e7859}.k-badge-void{color:var(--k-fog);background:#00000080;border:1px solid #6b5e7833}.k-divider{background:linear-gradient(90deg,#0000,#6b5e7840 20%,#d4831a26 50%,#6b5e7840 80%,#0000);border:none;height:1px;margin:1.5rem 0}.k-divider-blood{background:linear-gradient(90deg,#0000,#8b1a1a8c 30% 70%,#0000);border:none;height:1px;margin:1.5rem 0}.k-casefile{border-left:3px solid var(--k-blood);font-family:var(--font-body);color:var(--k-washi);background:#8b1a1a0f;margin:1.5rem 0;padding:1.2rem 1.5rem;font-size:.88rem;line-height:2;position:relative}.k-casefile:before{content:"事件";font-family:var(--font-display);letter-spacing:.2em;background:var(--k-blood);color:var(--k-ivory);padding:.1em .5em;font-size:.58rem;font-weight:700;position:absolute;top:-.6rem;left:1rem}.k-progress{border-radius:var(--r-none);background:#ffffff0a;border:1px solid #6b5e7833;height:6px;overflow:hidden}.k-progress-fill{background:linear-gradient(90deg,var(--k-blood)0%,var(--k-crimson)50%,var(--k-lantern)100%);height:100%;transition:width .8s var(--ease-reveal);position:relative;overflow:hidden;box-shadow:0 0 12px #8b1a1a99,0 0 4px #d4831a4d}.k-progress-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff1f 50%,#0000 100%);animation:3s ease-in-out infinite k-bleed;position:absolute;inset:0}.k-table{border-collapse:collapse;width:100%;font-family:var(--font-body);font-size:.86rem}.k-table th{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--k-fog);text-align:left;border-bottom:1px solid #d4831a40;padding:.7em 1em;font-size:.62rem;font-weight:700}.k-table td{color:var(--k-washi);border-bottom:1px solid #6b5e781f;padding:.75em 1em;line-height:1.6}.k-table tr:hover td{color:var(--k-ivory);background:#8b1a1a0d}.k-table tr:hover td:first-child{color:var(--k-crimson)}@keyframes k-bleed{0%,to{transform:translate(-100%)}50%{transform:translate(200%)}}@keyframes k-flicker{0%,to{opacity:1}8%{opacity:.88}15%{opacity:1}42%{opacity:.82}45%{opacity:1}78%{opacity:.9}82%{opacity:1}}@keyframes k-fog-drift{0%{opacity:.5;transform:translate(-5%)translateY(0)}50%{opacity:.8;transform:translate(3%)translateY(-10px)}to{opacity:.5;transform:translate(-5%)translateY(0)}}@keyframes k-reveal{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(16px)}to{opacity:1;clip-path:inset(0 0 0%);transform:translateY(0)}}@keyframes k-blood-drip{0%{transform-origin:top;opacity:0;transform:scaleY(0)}40%{opacity:1}to{transform-origin:top;transform:scaleY(1)}}@keyframes k-pulse-red{0%,to{box-shadow:0 0 #8b1a1a66}50%{box-shadow:0 0 0 6px #8b1a1a00}}.k-flicker{animation:6s ease-in-out infinite k-flicker}.k-fog{animation:12s ease-in-out infinite k-fog-drift}.k-reveal{animation:k-reveal .7s var(--ease-reveal)both}.k-pulse{animation:2.5s ease-in-out infinite k-pulse-red}.k-delay-1{animation-delay:.1s}.k-delay-2{animation-delay:.22s}.k-delay-3{animation-delay:.36s}.k-delay-4{animation-delay:.52s}.k-delay-5{animation-delay:.7s}.k-fog-layer{pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#1c16202e 35%,#140e188c 65%,#080608e6 100%);width:120%;height:35vh;animation:18s ease-in-out infinite k-fog-drift;position:fixed;bottom:0;left:-10%}.demo-wrap{z-index:2;max-width:920px;margin:0 auto;padding:4rem 1.5rem 7rem;position:relative}.demo-hero{text-align:center;padding:3rem 0 4rem;position:relative}.demo-hero-side{writing-mode:vertical-rl;font-family:var(--font-display);letter-spacing:.35em;color:#d4831a4d;text-transform:uppercase;font-size:.62rem;font-weight:600;display:none;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (min-width:720px){.demo-hero-side{display:block}}.demo-hero-kicker{font-family:var(--font-display);letter-spacing:.35em;text-transform:uppercase;color:var(--k-blood);text-shadow:0 0 18px #8b1a1a99;margin-bottom:.8rem;font-size:.65rem;font-weight:600}.demo-drip{justify-content:center;align-items:center;gap:1rem;margin:2rem 0;display:flex}.demo-drip-line{background:linear-gradient(90deg,#0000,#8b1a1a8c);flex:1;max-width:120px;height:1px}.demo-drip-line.r{background:linear-gradient(90deg,#8b1a1a8c,#0000)}.demo-drip-center{background:var(--k-blood);border-radius:50%;width:8px;height:8px;animation:2.5s ease-in-out infinite k-pulse-red;box-shadow:0 0 12px #8b1a1ab3}.demo-section{margin-bottom:3rem}.demo-section-title{font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;color:#d4831a8c;border-bottom:1px solid #d4831a26;align-items:center;gap:.7rem;margin-bottom:1.2rem;padding-bottom:.6rem;font-size:.6rem;font-weight:700;display:flex}.demo-section-title:before{content:"▪";color:var(--k-blood);font-size:.8rem}.demo-row{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.demo-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.3rem;display:grid}.demo-form-group{flex-direction:column;gap:.5rem;display:flex}