:root{--bg-deep: #05020a;--text-main: #ffffff;--accent-cyan: #00ffff;--accent-hot: #ff00ff;--col-ai-experience: #00d4ff;--col-ai-tips: #ffaa00;--col-dev-tools: #a855f7;--col-useful-tools: #22c55e;--col-blog-writing: #f97316}body{background-color:var(--bg-deep);color:var(--text-main);font-family:Noto Sans JP,sans-serif;overflow:hidden;margin:0;padding:0;cursor:none}.font-cyber{font-family:Orbitron,sans-serif}.font-mincho{font-family:Zen Old Mincho,serif}.font-code{font-family:Fira Code,monospace}.will-transform{will-change:transform}.will-opacity{will-change:opacity}#video-bg{position:fixed;inset:0;z-index:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:1;pointer-events:none;transition:opacity .3s}.deep-space-overlay{position:fixed;inset:0;z-index:4;pointer-events:none;background:radial-gradient(circle,#0000,#00000026);opacity:0;transition:opacity 2s ease-out}.comic-halftone{position:fixed;inset:0;z-index:5;pointer-events:none;background-image:radial-gradient(circle,rgba(0,0,0,.6) 2px,transparent 2px);background-size:12px 12px;opacity:0;mix-blend-mode:normal;transition:opacity 2s ease-out}#ui-layer{position:fixed;inset:0;z-index:100;pointer-events:none;padding:2rem;display:flex;flex-direction:column;justify-content:space-between}.ai-header{display:flex;justify-content:space-between;align-items:flex-start;pointer-events:auto}.ai-logo{font-family:Orbitron,sans-serif;font-weight:900;font-size:1.8rem;letter-spacing:.1em;color:#fff;text-shadow:2px 2px 0px #000}.ai-status{font-family:Fira Code,monospace;font-size:.7rem;color:#fff9;text-align:right}#scroll-guide{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:120;display:flex;flex-direction:column;align-items:center;gap:1.2rem;opacity:0;pointer-events:none}.scroll-guide-line{width:1px;height:50px;background:linear-gradient(180deg,transparent,rgba(192,192,176,.5))}.scroll-guide-text{font-family:Orbitron,sans-serif;font-size:2.2rem;font-weight:700;letter-spacing:.3em;display:flex;gap:0}.scroll-guide-text .sg-char{display:inline-block;text-shadow:none}.scroll-guide-text .sg-space{width:.5em}.scroll-guide-chevrons{display:flex;flex-direction:column;align-items:center;gap:4px}.scroll-chevron{width:40px;height:18px;color:#00d4ff80;animation:chevron-pulse 1.8s ease-in-out infinite}.scroll-chevron:nth-child(1){animation-delay:0s}.scroll-chevron:nth-child(2){animation-delay:.2s}.scroll-chevron:nth-child(3){animation-delay:.4s}@keyframes chevron-pulse{0%,to{opacity:.15;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}.hud-container{position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%);z-index:110;pointer-events:auto;display:flex;gap:12px;align-items:flex-end}.hud-btn{--btn-color: #0ff;--btn-dark: #066;position:relative;width:110px;height:110px;border:.5px solid color-mix(in srgb,var(--btn-color) 50%,transparent);border-radius:50%;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;padding:0;gap:2px;background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.08),transparent 60%),radial-gradient(circle at 50% 50%,var(--btn-dark),#0a0a1a 80%);box-shadow:0 6px #0009,0 0 4px color-mix(in srgb,var(--btn-color) 20%,transparent),inset 0 0 6px color-mix(in srgb,var(--btn-color) 8%,transparent);transition:transform .1s,box-shadow .15s,border-color .15s;overflow:hidden}.hud-btn:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--btn-color) 25%,transparent),transparent);pointer-events:none;z-index:2;animation:none}.hud-btn:after{content:"";position:absolute;top:8px;left:20%;right:20%;height:20px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent);pointer-events:none}@keyframes btn-scan{0%,85%{left:-50%;opacity:0}90%{opacity:1}to{left:120%;opacity:0}}.hud-btn:nth-child(2):before{animation:btn-scan 4s ease-in-out 0s infinite}.hud-btn:nth-child(3):before{animation:btn-scan 4.5s ease-in-out .3s infinite}.hud-btn:nth-child(4):before{animation:btn-scan 5s ease-in-out .6s infinite}.hud-btn:nth-child(5):before{animation:btn-scan 4.2s ease-in-out .9s infinite}.hud-btn:nth-child(6):before{animation:btn-scan 4.8s ease-in-out 1.2s infinite}.hud-btn:nth-child(7):before{animation:btn-scan 4.3s ease-in-out 1.5s infinite}.hud-btn-icon{flex-shrink:0;filter:none;z-index:1}.hud-btn-label{font-family:Orbitron,Fira Code,monospace;font-size:.7rem;font-weight:700;letter-spacing:.05em;white-space:nowrap;z-index:1;text-shadow:none}.hud-btn-count{font-family:Orbitron,monospace;font-size:.6rem;font-weight:400;color:color-mix(in srgb,var(--btn-color) 80%,white);z-index:1;text-shadow:none}.hud-btn:hover{transform:translateY(2px);border-color:var(--btn-color);box-shadow:0 4px #00000080,0 0 8px color-mix(in srgb,var(--btn-color) 35%,transparent),inset 0 0 10px color-mix(in srgb,var(--btn-color) 12%,transparent)}.hud-btn:hover .hud-btn-icon{filter:none}.hud-btn:active{transform:translateY(5px);box-shadow:0 1px #0006,0 0 8px color-mix(in srgb,var(--btn-color) 40%,transparent),inset 0 0 10px color-mix(in srgb,var(--btn-color) 15%,transparent)}.hud-btn.active{border-color:var(--btn-color);box-shadow:0 6px #0009,0 0 12px color-mix(in srgb,var(--btn-color) 50%,transparent),inset 0 0 18px color-mix(in srgb,var(--btn-color) 20%,transparent)}.db-btn{position:absolute;bottom:1.5rem;left:1.5rem;z-index:110;pointer-events:auto;display:flex;align-items:center;gap:16px;padding:18px 44px 18px 28px;background:#0a0a14d9;border:.5px solid rgba(34,211,238,.4);border-radius:6px;color:#fff;cursor:pointer;overflow:hidden;transition:border-color .2s,box-shadow .2s;box-shadow:0 0 4px #22d3ee1a,inset 0 0 4px #22d3ee0a}.db-btn:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(34,211,238,.2),transparent);pointer-events:none;animation:db-scan 5s ease-in-out 2s infinite}@keyframes db-scan{0%,80%{left:-50%;opacity:0}88%{opacity:1}to{left:120%;opacity:0}}.db-btn:hover{border-color:#22d3eecc;box-shadow:0 0 6px #22d3ee26,inset 0 0 6px #22d3ee0f}.db-btn:active{transform:scale(.97)}.db-btn-icon{color:#22d3ee;filter:none;flex-shrink:0}.db-btn-label{font-family:Orbitron,Fira Code,monospace;font-size:1.4rem;font-weight:700;letter-spacing:.18em;color:#22d3ee}@media(max-width:1200px){.db-btn{display:none}}.hud-btn[data-cat=ALL]{--btn-color: #22d3ee;--btn-dark: #0c4a54}.hud-btn[data-cat=ai-experience]{--btn-color: #f472b6;--btn-dark: #4a1038}.hud-btn[data-cat=ai-tips]{--btn-color: #fbbf24;--btn-dark: #4a3008}.hud-btn[data-cat=dev-tools]{--btn-color: #a78bfa;--btn-dark: #2e1065}.hud-btn[data-cat=useful-tools]{--btn-color: #34d399;--btn-dark: #064e3b}.hud-btn[data-cat=blog-writing]{--btn-color: #fb923c;--btn-dark: #4a1c06}#tunnel-scene{position:fixed;inset:0;perspective:800px;overflow:hidden;z-index:10}#tunnel-scene.random-arrange-mode{overflow-y:auto;overflow-x:hidden}#tunnel-world{position:absolute;width:100%;min-height:100%;transform-style:preserve-3d}.ai-card-3d[data-cat=ai-experience]{--neon: var(--col-ai-experience)}.ai-card-3d[data-cat=ai-tips]{--neon: var(--col-ai-tips)}.ai-card-3d[data-cat=dev-tools]{--neon: var(--col-dev-tools)}.ai-card-3d[data-cat=useful-tools]{--neon: var(--col-useful-tools)}.ai-card-3d[data-cat=blog-writing]{--neon: var(--col-blog-writing)}.ai-card-3d{position:absolute;width:260px;height:340px;left:50%;top:50%;margin-left:-130px;margin-top:-170px;background:#0a0a0fcc;backdrop-filter:blur(8px);border:.5px solid rgba(168,85,247,.4);border-radius:4px;transform-style:preserve-3d;cursor:pointer;will-change:transform,opacity;opacity:.4;filter:grayscale(100%);transition:opacity .3s,filter .3s,box-shadow .3s}.card-border-animated{opacity:1}.border-stroke{animation:rotate-border-svg 2s linear infinite}@keyframes rotate-border-svg{0%{stroke-dashoffset:0}to{stroke-dashoffset:1200}}.ai-card-3d.active-zone{opacity:1;filter:grayscale(0%);box-shadow:0 0 20px #ffffff4d}.ai-card-3d:hover{opacity:1;filter:grayscale(0%) brightness(1.2);border-color:var(--neon, var(--accent-cyan));z-index:1000;box-shadow:0 0 30px var(--neon, var(--accent-cyan)),inset 0 0 20px #ffffff1a}.ai-card-3d:hover:before{opacity:1}.ai-card-3d.formation-mode{opacity:1!important;filter:grayscale(0%)!important;box-shadow:0 0 25px var(--neon, currentColor)!important}#tunnel-scene.random-arrange-mode .ai-card-3d.formation-mode{width:400px!important;height:520px!important}#tunnel-scene.random-arrange-mode .ai-card-3d.formation-mode .ai-card-img{width:100%;height:280px;-o-object-fit:cover;object-fit:cover}#tunnel-scene.random-arrange-mode .ai-card-3d.formation-mode .ai-card-title{font-size:1.4rem;line-height:1.4}#tunnel-scene.random-arrange-mode .ai-card-3d.formation-mode .ai-card-category{font-size:.9rem;padding:6px 12px}#tunnel-scene.random-arrange-mode .ai-card-3d.formation-mode .ai-card-date{font-size:.85rem}.ai-card-inner{position:absolute;inset:2px;display:flex;flex-direction:column;background:#000;overflow:hidden;pointer-events:none}.ai-card-img{width:100%;height:60%;-o-object-fit:cover;object-fit:cover;border-bottom:2px solid;filter:grayscale(100%);transition:filter .3s}.ai-card-3d:hover .ai-card-img,.ai-card-3d.active-zone .ai-card-img{filter:grayscale(0%)}.ai-card-info{padding:1rem;color:#fff;flex-grow:1;display:flex;flex-direction:column}.ai-card-title{font-family:Zen Old Mincho,serif;font-size:1rem;margin-bottom:.5rem;line-height:1.5;font-weight:900}.ai-card-meta{font-family:Fira Code,monospace;font-size:.6rem;display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:700}.floater-container{position:fixed;inset:0;z-index:20;pointer-events:none;overflow:hidden}.floater{position:absolute;will-change:transform;pointer-events:auto;cursor:pointer;filter:drop-shadow(4px 4px 0px rgba(0,0,0,.8))}.floater:hover{transform:scale(1.1);filter:drop-shadow(0 0 10px white);z-index:100}*{cursor:none!important}#fighter-cursor{position:fixed;top:0;left:0;width:50px;height:50px;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);mix-blend-mode:screen;filter:drop-shadow(0 0 4px cyan);opacity:0;will-change:transform}#fighter-svg{width:100%;height:100%;fill:none;stroke:#0ff;stroke-width:2.5;overflow:visible;transform-origin:center center}#reticle{position:absolute;top:50%;left:50%;width:70px;height:70px;border:2px dashed rgba(255,255,255,.6);border-radius:50%;transform:translate(-50%,-50%);animation:spin 4s linear infinite;pointer-events:none}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media(hover:none){*{cursor:auto!important}#fighter-cursor{display:none!important}}body.archive-mode #fighter-cursor{display:none!important}body.archive-mode #archive-cursor{display:block!important}#archive-cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:99999;display:none;will-change:transform}#archive-cursor-dot{width:12px;height:12px;border-radius:50%;background:#0ff;transform:translate(-50%,-50%)}#archive-cursor.hovering #archive-cursor-dot{transform:translate(-50%,-50%) scale(1.5);background:#f0f}#list-view-container{position:fixed;inset:0;z-index:200;background:#05020a;padding:6rem 2rem;display:none;opacity:0;overflow-y:auto}#archive-grid-container{position:fixed;inset:0;z-index:200;background:#05020afa;padding:6rem 2rem;display:none;opacity:0;overflow-y:auto}.archive-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:2rem 0}.archive-card{background:#0a0a0ff2;border:.5px solid rgba(255,255,255,.2);border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s ease-out,border-color .2s ease-out;display:flex;flex-direction:column;will-change:transform}.archive-card:hover{transform:translateY(-5px);border-color:var(--accent-cyan)}.archive-card-img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-bottom:2px solid}.archive-card-info{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.archive-card-meta{font-family:Fira Code,monospace;font-size:.7rem;display:flex;justify-content:space-between;margin-bottom:.8rem;align-items:center}.archive-card-category{font-weight:600;padding:4px 8px;border:1px solid currentColor;border-radius:4px}.archive-card-title{font-family:Zen Old Mincho,serif;font-size:1.1rem;font-weight:700;line-height:1.5;margin-bottom:.5rem}.archive-card-date{font-family:Fira Code,monospace;font-size:.7rem;color:#fff9;margin-top:auto}#latest-widget{position:fixed;top:173px;right:2rem;z-index:150;width:340px;background:linear-gradient(135deg,#1e232dfa,#141923fa);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(100,200,255,.15);box-shadow:0 10px 40px #00000080,0 0 0 1px #64c8ff0d inset,0 1px #ffffff0d inset;overflow:hidden;opacity:0;pointer-events:auto;transition:transform .3s ease,opacity .3s ease}#latest-widget.collapsed{transform:translate(calc(100% + 1rem))}.widget-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:linear-gradient(180deg,#ffffff14,#ffffff05);border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:210;pointer-events:auto}.widget-tabs{display:flex;gap:.3rem;background:#0000004d;padding:4px;border-radius:10px}.widget-tab{display:flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;background:transparent;border:none;border-radius:8px;font-family:Noto Sans JP,sans-serif;font-size:.85rem;font-weight:600;color:#ffffff80;cursor:pointer!important;transition:all .2s ease;position:relative;z-index:200;pointer-events:auto}.widget-tab:hover{color:#fffc}.widget-tab.active{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff;box-shadow:0 2px 8px #00d4ff4d}.widget-tab i{width:14px;height:14px}.widget-content.hidden{display:none}.widget-close{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s,background .2s}.widget-close:hover{color:#fff;background:#ffffff1a}.widget-content{padding:.8rem;max-height:580px;overflow-y:auto}.widget-article{display:flex;gap:.8rem;padding:.8rem;border-radius:8px;cursor:pointer;transition:background .2s;text-decoration:none;color:inherit}.widget-article:hover{background:#ffffff14}.widget-article-thumb{width:60px;height:60px;border-radius:6px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.widget-article-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.widget-article-title{font-family:Noto Sans JP,sans-serif;font-size:.8rem;font-weight:500;color:#ffffffe6;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.3rem}.widget-article-meta{display:flex;align-items:center;gap:.5rem;font-size:.7rem}.widget-article-category{font-family:Space Grotesk,sans-serif;font-weight:500;padding:2px 6px;border-radius:4px;background:#ffffff1a}.widget-article-date{color:#ffffff80;font-family:Fira Code,monospace}.widget-more{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.7rem 1rem;background:linear-gradient(180deg,#00d4ff0d,#00d4ff1f);border:none;border-top:1px solid rgba(0,212,255,.15);color:#00d4ffd9;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.12em;cursor:pointer;transition:all .2s ease}.widget-more:hover{background:linear-gradient(180deg,#00d4ff1a,#00d4ff33);color:#00d4ff}.widget-more i{width:14px;height:14px}#widget-toggle{position:fixed;bottom:2rem;right:1rem;z-index:149;width:40px;height:40px;background:#1e1e23e6;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0;pointer-events:none}#widget-toggle.show{opacity:1;pointer-events:auto}#widget-toggle:hover{background:#323237f2;border-color:#fff6;color:#fff}#category-sidebar{position:fixed;left:1.5rem;top:173px;z-index:150;display:flex;flex-direction:column;gap:.6rem;pointer-events:auto;background:linear-gradient(160deg,#0f141ef2,#0a0f19fa);padding:.9rem;border-radius:16px;border:1px solid rgba(100,150,255,.2);box-shadow:0 8px 32px #0006,0 0 0 1px #6496ff1a inset;backdrop-filter:blur(20px);min-width:150px;max-height:70vh;overflow-y:auto}.sidebar-nav-section{display:flex;flex-direction:column;gap:.4rem;padding-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .7rem;border-radius:8px;text-decoration:none;color:#ffffffd9;font-family:Noto Sans JP,sans-serif;font-size:.8rem;font-weight:500;transition:all .2s ease;cursor:pointer!important}.sidebar-nav-link:hover{background:#ffffff1a;color:#fff;transform:translate(3px)}.sidebar-nav-link i{color:#ffffff80}.sidebar-chapters{display:flex;flex-direction:column;gap:.4rem;padding-bottom:.8rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-chapter-link{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border-radius:8px;text-decoration:none;color:#ffffffb3;transition:all .2s ease;cursor:pointer!important;background:#ffffff08}.sidebar-chapter-link:hover{background:#ffffff1a;color:#fff}.sidebar-chapter-link.active{background:linear-gradient(135deg,#00d4ff26,#0096c814);color:#00d4ff;border-left:3px solid #00d4ff}.chapter-num{font-family:Fira Code,monospace;font-size:.7rem;font-weight:700;color:#ffffff59;min-width:1.5rem}.sidebar-chapter-link.active .chapter-num{color:#00d4ff}.chapter-info{display:flex;flex-direction:column;gap:.1rem;flex:1}.chapter-name{font-family:Fira Code,monospace;font-size:.7rem;font-weight:600;letter-spacing:.02em}.chapter-desc{font-family:Noto Sans JP,sans-serif;font-size:.6rem;color:#ffffff73}.sidebar-chapter-link.active .chapter-desc{color:#00d4ff99}.chapter-action{font-family:Noto Sans JP,sans-serif;font-size:.6rem;color:#fff6;white-space:nowrap}.chapter-action.current{color:#00d4ff;font-weight:500}.sidebar-chapter-link:hover .chapter-action{color:#ffffffb3}.sidebar-filter-section{display:flex;flex-direction:column;gap:.4rem}.sidebar-filter-title{font-family:Noto Sans JP,sans-serif;font-size:.75rem;color:#ffffff80;margin-bottom:.4rem}.sidebar-filter-item{display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border-radius:10px;cursor:pointer!important;transition:all .2s ease;color:#fffc;font-family:Noto Sans JP,sans-serif;font-size:1rem;font-weight:500}.sidebar-filter-item:hover{background:#ffffff14;color:#fff}.sidebar-filter-item.active,.sidebar-filter-item[data-cat=ai-experience].active{background:#00d4ff26;color:#00d4ff}.sidebar-filter-item[data-cat=ai-tips].active{background:#ffaa0026;color:#fa0}.sidebar-filter-item[data-cat=dev-tools].active{background:#a855f726;color:#a855f7}.sidebar-filter-item[data-cat=useful-tools].active{background:#22c55e26;color:#22c55e}.sidebar-filter-item[data-cat=blog-writing].active{background:#f9731626;color:#f97316}.filter-icon{font-size:1.2rem}.sidebar-count{margin-left:auto;font-family:Fira Code,monospace;font-size:.8rem;color:#fff6;background:#0000004d;padding:3px 10px;border-radius:12px}.sidebar-hub-link{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;margin-top:.4rem;border-radius:10px;text-decoration:none;background:linear-gradient(135deg,#8a64ff33,#6446c826);border:1px solid rgba(138,100,255,.3);color:#a78bfa;font-family:Noto Sans JP,sans-serif;font-size:.75rem;font-weight:600;transition:all .2s ease;cursor:pointer!important}.sidebar-hub-link:hover{background:linear-gradient(135deg,#8a64ff4d,#6446c840);border-color:#8a64ff80;transform:translate(3px)}.sidebar-hub-link i:last-child{margin-left:auto}#sidebar-preview{position:fixed;z-index:160;pointer-events:none;opacity:0;transform:translate(-10px) scale(.96);transition:opacity .25s ease,transform .25s ease;will-change:opacity,transform}#sidebar-preview.visible{opacity:1;transform:translate(0) scale(1)}.sidebar-preview-arrow{position:absolute;left:-8px;top:24px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid rgba(0,212,255,.4);filter:drop-shadow(-2px 0 4px rgba(0,212,255,.3))}.sidebar-preview-inner{position:relative;width:420px;aspect-ratio:16 / 10;border-radius:12px;overflow:hidden;border:1px solid rgba(0,212,255,.3);box-shadow:0 8px 32px #0009,0 0 20px #00d4ff26,0 0 0 1px #00d4ff1a inset;background:#0a0f19f2}#sidebar-preview-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.sidebar-preview-scanline{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,212,255,.03) 2px,rgba(0,212,255,.03) 4px);pointer-events:none;mix-blend-mode:overlay}.sidebar-preview-label{margin-top:6px;padding:4px 10px;font-family:Fira Code,monospace;font-size:.65rem;color:#00d4ffcc;letter-spacing:.1em;text-transform:uppercase;text-align:center}@media(max-width:1200px){#category-sidebar,#sidebar-preview{display:none}}@media(max-width:768px){#latest-widget,#widget-toggle{display:none}}.list-header{max-width:1000px;margin:0 auto 3rem;border-bottom:2px solid #333;padding-bottom:1rem;display:flex;justify-content:space-between;align-items:end}.list-row{display:grid;grid-template-columns:120px 1fr 100px;gap:2rem;padding:1.5rem 1rem;border-bottom:1px solid #222;cursor:pointer;transition:background .2s;color:#999;align-items:center;max-width:1000px;margin:0 auto}.list-row:hover{background:#111;color:#fff}.list-row[data-cat=ai-experience]:hover{border-left:4px solid var(--col-ai-experience)}.list-row[data-cat=ai-tips]:hover{border-left:4px solid var(--col-ai-tips)}.list-row[data-cat=dev-tools]:hover{border-left:4px solid var(--col-dev-tools)}.list-row[data-cat=useful-tools]:hover{border-left:4px solid var(--col-useful-tools)}.list-row[data-cat=blog-writing]:hover{border-left:4px solid var(--col-blog-writing)}.list-date{font-family:Fira Code,monospace;font-size:.8rem}.list-title{font-family:Zen Old Mincho,serif;font-size:1.2rem;font-weight:700}.list-cat{font-family:Orbitron,sans-serif;font-size:.7rem;border:1px solid currentColor;padding:4px 8px;text-align:center}.scroll-hint{position:fixed;bottom:10px;left:50%;transform:translate(-50%);text-align:center;color:var(--accent-cyan);font-family:Fira Code,monospace;font-size:.75rem;opacity:.7;z-index:101;pointer-events:none}#debug-info{position:fixed;bottom:2rem;right:2rem;background:#000000e6;border:2px solid #00ffff;border-radius:8px;padding:1rem;font-family:Courier New,monospace;font-size:.75rem;color:#0ff;z-index:100000;min-width:250px;display:none}#debug-info.show{display:block}#debug-info .debug-item{margin:.25rem 0;padding:.25rem;border-bottom:1px solid rgba(0,255,255,.2)}#debug-info .debug-item:last-child{border-bottom:none}#debug-info .debug-label{color:#ff0;font-weight:700}#debug-info .debug-value{color:#0f0}#debug-info .debug-warning{color:#f60}#debug-info .debug-error{color:red}#coordinate-display{position:fixed;top:2rem;right:2rem;z-index:102;background:#000c;border:2px solid var(--accent-cyan);padding:.8rem 1.2rem;border-radius:8px;font-family:Fira Code,monospace;font-size:.9rem;color:var(--accent-cyan);pointer-events:none;box-shadow:0 0 15px #00ffff4d;min-width:180px}#coordinate-display .coord-label{color:#fff9;font-size:.7rem;margin-bottom:.3rem}#coordinate-display .coord-value{color:var(--accent-cyan);font-weight:600;letter-spacing:.1em}#coordinate-display .version-info{margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.2);font-size:.7rem;color:#fff6;text-align:center}#coordinate-tooltip{position:fixed;bottom:calc(1.5rem + 75px);left:1.5rem;z-index:102;background:#000000e6;padding:1rem 1.5rem;border-radius:8px;font-family:Fira Code,monospace;font-size:.85rem;pointer-events:auto;box-shadow:0 0 15px #ffffff4d;max-width:250px;opacity:1;cursor:pointer;border:2px solid transparent;background-clip:padding-box}#coordinate-tooltip:before{content:"";position:absolute;inset:-2px;border-radius:8px;padding:2px;background:linear-gradient(135deg,#fff,#ff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}#coordinate-tooltip:hover{background:#000000f2;box-shadow:0 0 20px #ffff0080}#coordinate-tooltip:after{display:none}#coordinate-tooltip .tooltip-text{background:linear-gradient(135deg,#fff,#ff0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.6;text-shadow:0 0 5px rgba(255,255,255,.5);font-size:.8rem;letter-spacing:.05em;opacity:1;text-rendering:optimizeSpeed;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;image-rendering:pixelated}#intro-title-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;pointer-events:auto;cursor:pointer;opacity:1}#intro-title-container.hidden{opacity:0;visibility:hidden}.intro-title-main{font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,8vw,6rem);font-weight:700;letter-spacing:.15em;text-transform:uppercase;background:linear-gradient(135deg,#0ff,#f0f,#ff0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(0,255,255,.8)) drop-shadow(0 0 60px rgba(255,0,255,.5));opacity:0;transform:scale(.8) translateY(30px)}.intro-title-sub{font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,3vw,1.8rem);font-weight:300;letter-spacing:.5em;text-transform:uppercase;color:#ffffffe6;text-shadow:0 0 20px rgba(255,255,255,.8),0 0 40px rgba(0,255,255,.5);margin-top:1rem;opacity:0;transform:translateY(20px)}.intro-glitch-line{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00ffff,#ff00ff,#ffff00,transparent);opacity:0;filter:blur(1px)}.intro-glitch-line.top{top:30%}.intro-glitch-line.bottom{bottom:30%}.intro-particle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;opacity:0;filter:blur(1px);box-shadow:0 0 10px #0ff,0 0 20px #f0f}#simple-mode-container{position:fixed;inset:0;z-index:300;background:#0a0a0f;display:none;opacity:0;overflow-y:auto;transition:opacity .3s ease;cursor:auto!important}#simple-mode-container.active{display:block;opacity:1}#simple-mode-container *{cursor:auto!important}#simple-mode-container.active~#fighter-cursor,#simple-mode-container.active~#archive-cursor{display:none!important}body:has(#simple-mode-container.active) #fighter-cursor,body:has(#simple-mode-container.active) #archive-cursor{display:none!important}.simple-header{max-width:900px;margin:0 auto;padding:3rem 2rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.simple-logo{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700;color:#fff;letter-spacing:.1em}.simple-back-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:transparent;border:1px solid #00ffff;border-radius:25px;color:#0ff;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.1em}.simple-back-btn:hover{background:#0ff;color:#0a0a0f}.simple-back-btn svg{width:16px;height:16px}.simple-content{max-width:900px;margin:0 auto;padding:2rem}.simple-filter{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.simple-filter-btn{padding:.5rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#ffffffb3;font-family:Noto Sans JP,sans-serif;font-size:.8rem;cursor:pointer;transition:all .2s ease}.simple-filter-btn:hover{border-color:#ffffff80;color:#fff}.simple-filter-btn.active{background:#0ff;border-color:#0ff;color:#0a0a0f;font-weight:600}.simple-filter-btn[data-cat=ai-experience].active{background:#00d4ff;border-color:#00d4ff}.simple-filter-btn[data-cat=ai-tips].active{background:#fa0;border-color:#fa0}.simple-filter-btn[data-cat=dev-tools].active{background:#a855f7;border-color:#a855f7}.simple-filter-btn[data-cat=useful-tools].active{background:#22c55e;border-color:#22c55e}.simple-filter-btn[data-cat=blog-writing].active{background:#f97316;border-color:#f97316}.simple-sort{display:flex;gap:.5rem;margin-bottom:2rem;align-items:center}.simple-sort-label{font-size:.75rem;color:#ffffff80;margin-right:.5rem}.simple-sort-btn{padding:.4rem .8rem;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#fff9;font-size:.7rem;cursor:pointer;transition:all .15s ease}.simple-sort-btn:hover{border-color:#ffffff4d;color:#fff}.simple-sort-btn.active{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.simple-articles{display:flex;flex-direction:column;gap:1px;background:#ffffff0d;border-radius:8px;overflow:hidden}.simple-article{display:flex;gap:1.5rem;padding:1.5rem;background:#0a0a0f;cursor:pointer;transition:background .15s ease}.simple-article:hover{background:#ffffff08}.simple-article-thumb{width:120px;height:80px;border-radius:6px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.simple-article-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.simple-article-meta{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.simple-article-cat{font-size:.65rem;font-weight:600;padding:.2rem .5rem;border-radius:3px;text-transform:uppercase;letter-spacing:.05em}.simple-article-cat.ai-journey{background:#00ffff26;color:#0ff}.simple-article-cat.ai-tips{background:#ffaa0026;color:#fa0}.simple-article-date{font-family:Fira Code,monospace;font-size:.7rem;color:#fff6}.simple-article-title{font-family:Noto Sans JP,sans-serif;font-size:1rem;font-weight:600;color:#fff;line-height:1.5;margin-bottom:.3rem}.simple-article-desc{font-size:.8rem;color:#ffffff80;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.simple-empty{text-align:center;padding:4rem 2rem;color:#fff6}@media(max-width:640px){.simple-article{flex-direction:column;gap:1rem}.simple-article-thumb{width:100%;height:160px}.list-row{grid-template-columns:1fr;gap:.5rem;padding:1rem .75rem}.list-header{flex-direction:column;align-items:flex-start;gap:.5rem}}