:root{--bg-primary: #0d0d0f;--bg-secondary: #141418;--bg-tertiary: #1c1c22;--text-primary: #ffffff;--text-secondary: #a0a0a8;--text-muted: #6b6b75;--accent-glow: #ffffff;--accent-blue: #6e9fff;--accent-green: #4ade80;--accent-yellow: #fbbf24;--accent-red: #f87171;--accent-purple: #a78bfa;--border-color: #2a2a32;--shadow-glow: 0 0 20px rgba(255, 255, 255, .1);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:2rem 1.5rem;position:fixed;height:100vh;overflow-y:auto}.sidebar-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem}.sidebar-logo h1{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-logo .glow{width:12px;height:12px;background:var(--accent-glow);border-radius:50%;box-shadow:0 0 10px var(--accent-glow),0 0 20px var(--accent-glow);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.nav-section{margin-bottom:2rem}.nav-section h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:var(--transition);color:var(--text-secondary);margin-bottom:.25rem}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:linear-gradient(135deg,#6e9fff33,#6e9fff0d);color:var(--text-primary);border-left:3px solid var(--accent-blue)}.nav-item svg{width:20px;height:20px}.main-content{flex:1;margin-left:260px;padding:2rem 3rem;min-height:100vh}.page-header{margin-bottom:2rem}.page-header h2{font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.page-header p{color:var(--text-secondary)}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:var(--transition)}.card:hover{border-color:var(--text-muted);box-shadow:var(--shadow-glow)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title{font-size:1rem;font-weight:600}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.progress-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-top:.75rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple));border-radius:4px;transition:width .5s ease}.stat-value{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem}.scene-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;cursor:pointer;transition:var(--transition)}.scene-card:hover{transform:translateY(-2px);border-color:var(--accent-blue);box-shadow:0 4px 20px #6e9fff26}.scene-number{font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.scene-name{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.scene-age{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.scene-tasks{display:flex;gap:.5rem;flex-wrap:wrap}.task-badge{font-size:.7rem;padding:.25rem .5rem;border-radius:4px;background:var(--bg-tertiary);color:var(--text-muted)}.task-badge.done{background:#4ade8033;color:var(--accent-green)}.doc-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.doc-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:var(--transition)}.doc-item:hover{border-color:var(--accent-blue);background:var(--bg-tertiary)}.doc-item.active{border-color:var(--accent-blue);background:linear-gradient(135deg,rgba(110,159,255,.1),transparent)}.doc-icon{width:40px;height:40px;background:var(--bg-tertiary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent-blue)}.doc-info h4{font-size:.95rem;font-weight:500;margin-bottom:.25rem}.doc-info p{font-size:.8rem;color:var(--text-muted)}.markdown-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2rem;max-height:calc(100vh - 300px);overflow-y:auto}.markdown-content h1{font-size:1.75rem;margin-bottom:1rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.markdown-content h2{font-size:1.35rem;margin:1.5rem 0 .75rem;color:var(--text-primary)}.markdown-content h3{font-size:1.1rem;margin:1.25rem 0 .5rem;color:var(--accent-blue)}.markdown-content p{margin-bottom:1rem;color:var(--text-secondary)}.markdown-content ul,.markdown-content ol{margin-left:1.5rem;margin-bottom:1rem;color:var(--text-secondary)}.markdown-content li{margin-bottom:.5rem}.markdown-content strong{color:var(--text-primary)}.markdown-content code{background:var(--bg-tertiary);padding:.2rem .5rem;border-radius:4px;font-family:Consolas,monospace;font-size:.9em}.markdown-content pre{background:var(--bg-tertiary);padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:1rem}.markdown-content table{width:100%;border-collapse:collapse;margin-bottom:1rem}.markdown-content th,.markdown-content td{border:1px solid var(--border-color);padding:.75rem;text-align:left}.markdown-content th{background:var(--bg-tertiary);color:var(--text-primary)}.knowledge-categories{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.category-tab{padding:.6rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:var(--transition);color:var(--text-secondary);font-size:.9rem}.category-tab:hover{border-color:var(--text-muted)}.category-tab.active{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--text-primary)}.knowledge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.knowledge-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;cursor:pointer;transition:var(--transition)}.knowledge-card:hover{border-color:var(--accent-blue);transform:translateY(-2px)}.knowledge-card h4{font-size:1rem;font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.knowledge-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.knowledge-tag{display:inline-block;font-size:.7rem;padding:.2rem .5rem;background:var(--bg-tertiary);border-radius:4px;color:var(--text-muted);margin-top:.75rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.gallery-item{aspect-ratio:4/3;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.gallery-item:hover{border-color:var(--accent-blue);transform:scale(1.02)}.gallery-item img{width:100%;height:100%;object-fit:cover}.empty-gallery{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted);text-align:center}.empty-gallery svg{width:48px;height:48px;margin-bottom:1rem;opacity:.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:1200px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sidebar{width:0;padding:0;border:none}.main-content{margin-left:0;padding:1.5rem}.grid-2{grid-template-columns:1fr}}.hero-section{position:relative;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:3rem}.hero-background{position:absolute;inset:0;z-index:0}.hero-bg-image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0d0d0f4d,#0d0d0f99,#0d0d0ff2)}.hero-glow-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(110,159,255,.15) 0%,transparent 50%),radial-gradient(ellipse at 30% 60%,rgba(168,85,247,.1) 0%,transparent 40%),radial-gradient(ellipse at 70% 70%,rgba(244,114,182,.1) 0%,transparent 40%);pointer-events:none;animation:glowPulse 6s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.8}50%{opacity:1}}.hero-content{position:relative;z-index:1;text-align:center;padding:2rem;max-width:800px}.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);pointer-events:none;animation:heroGlow 4s ease-in-out infinite}@keyframes heroGlow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.hero-title{margin-bottom:1.5rem}.hero-title-main{display:block;font-size:5rem;font-weight:100;letter-spacing:.5em;color:#fff;text-shadow:0 0 60px rgba(255,255,255,.8);animation:titleFadeIn 2s ease-out}.hero-title-sub{display:block;font-size:1.2rem;letter-spacing:.3em;color:var(--text-secondary);margin-top:.5rem}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-tagline{font-size:1.5rem;color:var(--text-primary);margin-bottom:1rem;font-weight:300}.hero-description{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem}.hero-cta{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:50px;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-cta:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.hero-cta-icon{width:20px;height:20px;animation:bounce 2s infinite}.hero-scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);cursor:pointer;opacity:.5;transition:opacity .3s ease}.hero-scroll-indicator:hover{opacity:1}.scroll-icon{width:32px;height:32px;color:#fff;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.scene-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:0;cursor:pointer;transition:var(--transition);overflow:hidden;position:relative}.scene-card-image{width:100%;height:150px;object-fit:cover;transition:transform .5s ease}.scene-card-image-wrapper{position:relative;overflow:hidden}.scene-card-image-wrapper:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.2) 0%,transparent 60%),linear-gradient(180deg,transparent 0%,rgba(13,13,15,.8) 100%);pointer-events:none;transition:opacity .3s ease}.scene-card:hover .scene-card-image-wrapper:after{background:radial-gradient(ellipse at 50% 0%,rgba(110,159,255,.3) 0%,transparent 60%),linear-gradient(180deg,transparent 0%,rgba(13,13,15,.6) 100%)}.scene-card-image-wrapper:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#6e9fff00,#6e9fff80,#6e9fff00);opacity:0;transition:opacity .3s ease;z-index:1;pointer-events:none}.scene-card:hover .scene-card-image-wrapper:before{opacity:1;animation:glowSweep 1.5s ease-in-out infinite}@keyframes glowSweep{0%{background-position:-200% 0;opacity:0}50%{opacity:1}to{background-position:200% 0;opacity:0}}.scene-card:hover .scene-card-image{transform:scale(1.05);filter:brightness(1.1) contrast(1.05)}.scene-card-content{padding:1.25rem}.scene-card:hover{transform:translateY(-4px);border-color:var(--accent-blue);box-shadow:0 8px 30px #6e9fff33}.scene-card.completed{border-color:var(--accent-green)}.scene-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.scene-modal-bg{position:absolute;inset:0;z-index:0}.scene-modal-bg img{width:100%;height:100%;object-fit:cover;opacity:.3;filter:blur(10px)}.scene-modal{position:relative;z-index:1;background:#141418f2;border:1px solid var(--border-color);border-radius:16px;max-width:700px;width:90%;max-height:90vh;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.scene-modal-image{width:100%;height:300px;object-fit:cover}.scene-modal-content{padding:2rem;max-height:calc(90vh - 300px);overflow-y:auto}.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.character-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:var(--transition)}.character-card:hover{border-color:var(--accent-blue);box-shadow:0 8px 30px #6e9fff26}.character-card-image{width:100%;height:250px;object-fit:cover;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary))}.character-card-content{padding:1.5rem}.character-card h3{font-size:1.25rem;margin-bottom:.5rem}.character-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}@media(max-width:768px){.hero-title-main{font-size:3rem;letter-spacing:.3em}.hero-tagline{font-size:1.2rem}.scene-card-image{height:120px}.scene-modal-image{height:200px}}