:root{--bg:#1a0f0d;--fg:#f9f2e8;--muted:#f9f2e866;--accent:#e85d04;--accent-dim:#e85d0426;--gold:#dc2f02;--neg:#d00000;--pos:#38b000;--serif:"Instrument Serif", "Noto Serif JP", serif;--sans:"Inter", "Noto Sans JP", sans-serif;--mono:"JetBrains Mono", monospace;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;font-size:16px}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:none;font-weight:300;overflow-x:hidden}a,button{cursor:none}::selection{background:var(--accent);color:var(--bg)}.hidden{opacity:0!important;pointer-events:none!important;visibility:hidden!important}.cursor{background:var(--accent);pointer-events:none;z-index:9999;mix-blend-mode:normal;width:16px;height:16px;transition:width .4s var(--ease-out-expo), height .4s var(--ease-out-expo), background .3s;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor.expanded{border:1px solid var(--accent);background:#e85d0426;width:60px;height:60px}.cursor-trail{pointer-events:none;z-index:9998;width:40px;height:40px;transition:width .6s var(--ease-out-expo), height .6s var(--ease-out-expo), border-color .3s;border:1px solid #f9f2e826;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-trail.expanded{border-color:#e85d0433;width:80px;height:80px}.grain{z-index:1000;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px;position:fixed;inset:0}#webgl-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.act{z-index:10;opacity:0;visibility:hidden;transition:opacity 1s var(--ease-out-expo), visibility 1s;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.act--visible{opacity:1;visibility:visible}.act--hero{flex-direction:column;justify-content:center;align-items:center;padding:0}.hero-header{z-index:20;font-family:var(--sans);letter-spacing:.1em;justify-content:space-between;align-items:center;padding:2.5rem 4rem;font-size:.85rem;display:flex;position:absolute;top:0;left:0;right:0}.header-left{color:var(--muted);align-items:center;gap:1rem;display:flex}.header-center{font-family:var(--mono);letter-spacing:.25em;color:var(--fg);font-size:1.1rem;font-weight:700}.header-right{color:var(--muted)}.hero-side-nav{z-index:20;position:absolute;top:50%;left:4rem;transform:translateY(-50%)}.hero-side-nav ul{flex-direction:column;gap:1.5rem;list-style:none;display:flex}.hero-side-nav li{font-family:var(--sans);color:var(--muted);opacity:.5;align-items:center;gap:1rem;font-size:.75rem;transition:opacity .3s;display:flex}.hero-side-nav li.active{opacity:1;color:var(--fg)}.hero-content{text-align:center;z-index:20;flex-direction:column;align-items:center;display:flex}.hero-badge{font-family:var(--mono);letter-spacing:.3em;color:var(--bg);background:var(--fg);opacity:0;margin-bottom:2rem;padding:.4rem 1.2rem;font-size:.75rem;font-weight:700;display:inline-block;transform:translateY(20px)}.hero-title{font-family:var(--serif);letter-spacing:.05em;opacity:0;text-shadow:0 4px 20px #00000080;margin-bottom:3rem;font-size:clamp(4rem,10vw,8rem);font-weight:400;line-height:1.1;transform:translateY(40px)}.btn-magnetic{font-family:var(--sans);letter-spacing:.1em;color:var(--fg);opacity:0;transition:transform .4s var(--ease-out-expo), background .4s, color .4s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0acc;border:1px solid #f9f2e833;justify-content:center;align-items:center;padding:1.2rem 3rem;font-size:.85rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden;transform:translateY(30px)}.btn-magnetic:hover{background:var(--fg);color:var(--bg)}.hero-scroll-hint{opacity:0;flex-direction:column;align-items:center;gap:1rem;display:flex;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}.hero-scroll-hint p{font-family:var(--sans);letter-spacing:.2em;color:var(--muted);text-transform:uppercase;font-size:.7rem}.hero-scroll-line{background:linear-gradient(to bottom, var(--fg), transparent);width:1px;height:40px;animation:2s ease-in-out infinite scroll-line}@keyframes scroll-line{0%{transform-origin:top;opacity:1;transform:scaleY(0)}50%{transform-origin:top;opacity:1;transform:scaleY(1)}51%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;opacity:0;transform:scaleY(0)}}.act--input{align-items:stretch;padding:0}.input-grid{grid-template-columns:1fr 1fr;width:100%;height:100%;display:grid}.input-left{border-right:1px solid #f0ece60f;flex-direction:column;justify-content:center;padding:6rem 5vw 6rem 10vw;display:flex}.section-label{font-family:var(--mono);letter-spacing:.4em;color:var(--accent);margin-bottom:2rem;font-size:.65rem}.section-title{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:2rem;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;line-height:1.1}.section-body{color:var(--muted);max-width:400px;font-size:1rem;line-height:1.8}.input-right{flex-direction:column;justify-content:center;gap:2.5rem;padding:6rem 10vw 6rem 5vw;display:flex}.field{flex-direction:column;display:flex}.field-row{gap:2rem;display:flex}.field-row .field{flex:1}.field label{font-family:var(--mono);letter-spacing:.3em;color:var(--muted);text-transform:uppercase;margin-bottom:.8rem;font-size:.6rem;font-weight:300}.field input,.field select{color:var(--fg);font-family:var(--serif);appearance:none;background:0 0;border:none;border-bottom:1px solid #f0ece61f;border-radius:0;outline:none;padding:.6rem 0;font-size:1.8rem;transition:border-color .4s}.field input::placeholder{color:#f0ece626;font-style:italic}.field input:focus,.field select:focus{border-bottom-color:var(--accent)}.field select{background:url("data:image/svg+xml;utf8,<svg fill='%23f0ece6' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") right 0 center no-repeat}.field select option{background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:1rem}.btn-generate{align-self:flex-start;margin-top:1rem}.act--loading{-webkit-backdrop-filter:blur(40px);background:#0a0a0aeb;flex-direction:column;gap:2rem}.loading-center{flex-direction:column;align-items:center;gap:2rem;width:300px;display:flex}.loading-ring{border:1px solid #ffffff14;border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-label{font-family:var(--mono);letter-spacing:.25em;color:var(--fg);text-transform:uppercase;text-align:center;font-size:.75rem}.loading-bar{background:#ffffff0f;border-radius:1px;width:100%;height:2px;overflow:hidden}.loading-bar-fill{background:var(--accent);width:0%;height:100%;box-shadow:0 0 12px var(--accent-dim);transition:width .25s}.loading-sub{color:var(--muted);font-size:.7rem;font-family:var(--mono);letter-spacing:.1em;text-align:center}.act--result{z-index:10;height:auto;display:block;position:relative}.scroll-spacer{width:100%;height:500vh}.result-hud{z-index:20;pointer-events:none;opacity:0;transition:opacity .8s var(--ease-out-expo);flex-direction:column;justify-content:space-between;padding:3rem 5vw;display:flex;position:fixed;inset:0}.result-hud.visible{opacity:1}.result-hud-top{font-family:var(--mono);letter-spacing:.25em;color:#f0ece64d;justify-content:space-between;font-size:.65rem;display:flex}.hud-logo em{color:var(--accent);font-style:normal}.hud-ai-status span{color:var(--pos)}.result-node{opacity:0;width:500px;max-width:40vw;transition:opacity .6s var(--ease-out-expo), transform .6s var(--ease-out-expo);position:fixed;top:50%;left:5vw;transform:translateY(-50%)translate(-20px)}.result-node.visible{opacity:1;transform:translateY(-50%)translate(0)}.result-node-label{font-family:var(--mono);letter-spacing:.4em;color:var(--accent);margin-bottom:1.5rem;font-size:.6rem}.result-node-title{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:400;line-height:1.1}.result-node-desc{color:var(--muted);max-width:380px;font-size:.95rem;line-height:1.7}.result-panel{-webkit-backdrop-filter:blur(30px);pointer-events:auto;width:380px;max-width:35vw;transition:opacity .6s var(--ease-out-expo), transform .6s var(--ease-out-expo);opacity:1;background:#0a0a0a80;border:1px solid #f0ece60d;border-radius:4px;padding:2.5rem;position:fixed;top:50%;right:5vw;transform:translateY(-50%)translate(0)}.result-panel.hidden{opacity:0!important;pointer-events:none!important;visibility:hidden!important;transform:translateY(-50%)translate(20px)!important}.panel-label{font-family:var(--mono);letter-spacing:.35em;color:var(--muted);border-bottom:1px solid #f0ece60f;margin-bottom:2rem;padding-bottom:1rem;font-size:.55rem}.panel-row{color:#f0ece699;justify-content:space-between;align-items:baseline;padding:.6rem 0;font-size:.85rem;display:flex}.panel-row span:last-child{font-family:var(--mono);font-size:.8rem}.panel-sep{background:#f0ece614;height:1px;margin:.8rem 0}.panel-row--total{color:var(--fg);font-weight:500}.panel-row--total span:last-child{font-size:.9rem}.val-neg{color:var(--neg)}.val-pos{color:var(--pos)}.val-accent{color:var(--fg);font-weight:500}.val-gold{color:var(--gold)}.result-progress{background:#f0ece60f;width:100%;height:1px;position:relative}.result-progress-fill{background:var(--accent);width:0%;height:100%;transition:width .1s linear}@media (width<=900px){.input-grid{grid-template-columns:1fr}.input-left{border-bottom:1px solid #f0ece60f;border-right:none;padding:4rem 6vw 2rem}.input-right{padding:2rem 6vw 4rem}.result-node{width:auto;max-width:80vw}.result-panel{width:auto;max-width:90vw;inset:auto 5vw 4rem;transform:translateY(0)translate(0)}.result-panel.hidden{transform:translateY(20px)!important}.act--hero{padding:0 6vw}.field-row{flex-direction:column;gap:2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}