:root{--bg-color: #fffefc;--text-color: #37352f;--border-color: rgba(55, 53, 47, .16);--border-color-light: rgba(55, 53, 47, .09);--highlight-bg: #fbf3db;--tag-bg: #f1f1ef;--tag-text: #37352f;--th-bg: #f7f6f3;--th-text: rgba(55, 53, 47, .6);--timeline-color: #555;--btn-bg: #f1f1ef;--btn-text: #37352f;--btn-hover: #e0e0e0;--time-slip-btn: #f1f1ef;--time-slip-text: #37352f;--time-slip-hover: #e0e0e0}[data-theme=dark]{--bg-color: #191919;--text-color: rgba(255, 255, 255, .81);--border-color: rgba(255, 255, 255, .13);--border-color-light: rgba(255, 255, 255, .13);--highlight-bg: rgba(255, 212, 0, .14);--tag-bg: rgba(255, 255, 255, .05);--tag-text: rgba(255, 255, 255, .81);--th-bg: rgba(255, 255, 255, .05);--th-text: rgba(255, 255, 255, .5);--timeline-color: #999;--btn-bg: #2f2f2f;--btn-text: rgba(255, 255, 255, .81);--btn-hover: #3f3f3f;--time-slip-btn: #2f2f2f;--time-slip-text: rgba(255, 255, 255, .81);--time-slip-hover: #3f3f3f}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:var(--text-color);line-height:1.6;padding:40px 20px;background-color:var(--bg-color);margin:0;transition:background-color .3s,color .3s}.container{max-width:800px;margin:0 auto;position:relative}h1{font-size:2.2rem;margin-bottom:10px}h2{font-size:1.4rem;margin-top:50px;padding-bottom:5px;border-bottom:1px solid var(--border-color)}p{margin-bottom:10px}ul{padding-left:24px}li{margin-bottom:8px}.highlight{background-color:var(--highlight-bg);padding:2px 4px;border-radius:3px}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.tag{background-color:var(--tag-bg);color:var(--tag-text);padding:4px 10px;border-radius:6px;font-size:.9rem}table{width:100%;border-collapse:collapse;margin-top:15px;font-size:.9rem}th,td{border:1px solid var(--border-color-light);padding:10px 15px;text-align:left}th{background-color:var(--th-bg);color:var(--th-text);font-weight:400}.experience-list li strong{display:inline-block;width:180px;font-weight:700;color:var(--timeline-color)}body.retro-mode .experience-list li strong{color:#f90}.controls{position:fixed;top:20px;right:20px;display:flex;gap:10px;z-index:9999}.control-btn{padding:10px 15px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;box-shadow:0 2px 5px #0000001a;transition:all .2s;font-family:inherit}#theme-btn{background-color:var(--btn-bg);color:var(--btn-text);display:flex;align-items:center;justify-content:center;padding:8px;width:38px;height:38px}#theme-btn:hover{background-color:var(--btn-hover)}#theme-btn .icon-sun{display:none}#theme-btn .icon-moon,[data-theme=dark] #theme-btn .icon-sun{display:block}[data-theme=dark] #theme-btn .icon-moon{display:none}.toggle-btn{background-color:var(--time-slip-btn);color:var(--time-slip-text);font-weight:700}.toggle-btn:hover{background-color:var(--time-slip-hover)}.retro-only{display:none}body.retro-mode{background-color:#002;background-image:radial-gradient(white,rgba(255,255,255,.2) 2px,transparent 40px),radial-gradient(white,rgba(255,255,255,.15) 1px,transparent 30px),radial-gradient(white,rgba(255,255,255,.1) 2px,transparent 40px);background-size:550px 550px,350px 350px,250px 250px;background-position:0 0,40px 60px,130px 270px;color:#0fc;font-family:MS P Gothic,MS PGothic,ＭＳ Ｐゴシック,monospace,sans-serif;text-align:center;line-height:1.4}body.retro-mode .container{max-width:800px;background-color:#000032cc;border:5px ridge #ccc;padding:20px;margin-top:50px}body.retro-mode h1{color:#f0f;text-shadow:2px 2px #ffff00;font-size:2.5rem;margin-bottom:0}body.retro-mode h2{color:#ff0;border-bottom:none;border:3px outset #ff0000;background-color:#008;padding:5px;margin-top:30px;text-align:center}body.retro-mode .toggle-btn{background-color:silver;color:#000;border:3px outset #fff;border-bottom-color:#555;border-right-color:#555;border-radius:0;font-family:MS P Gothic,sans-serif}body.retro-mode .toggle-btn:active{border-style:inset;border-top-color:#555;border-left-color:#555;border-bottom-color:#fff;border-right-color:#fff}body.retro-mode #theme-btn{display:none}body.retro-mode p{font-size:1.1rem}body.retro-mode ul{display:inline-block;text-align:left;list-style-type:square;background-color:#000;border:1px dashed #00ffcc;padding:15px 15px 15px 40px}body.retro-mode li{margin-bottom:5px}body.retro-mode .highlight{background-color:transparent;color:red;font-weight:700;border-radius:0;padding:0}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}body.retro-mode .blink-text{animation:blink 1s step-end infinite;color:red;font-weight:700}body.retro-mode .tag-cloud{justify-content:center}body.retro-mode .tag{background-color:#00f;color:#fff;border:2px inset #00ffff;border-radius:0;font-size:.8rem}body.retro-mode table{border-collapse:separate;border-spacing:2px;border:4px outset #ccc;background-color:#333}body.retro-mode th,body.retro-mode td{border:2px inset #ccc;background-color:#000;color:#0fc}body.retro-mode th{background-color:#008;color:#fff;font-weight:700}body.retro-mode .retro-only{display:block}body.retro-mode .counter-wrap{margin:15px 0;font-size:.9rem;color:#fff}body.retro-mode .counter{display:inline-block;border:2px solid #555;padding:2px;background-color:#000}body.retro-mode .counter span{display:inline-block;color:red;border:1px inset #555;padding:0 4px;font-family:monospace;font-size:1.2rem;background-color:#222}body.retro-mode hr.rainbow{height:5px;background:linear-gradient(to right,red,orange,#ff0,green,#00f,indigo,violet);border:none;margin:20px 0}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}body.retro-mode .marquee-container{overflow:hidden;white-space:nowrap;width:100%;box-sizing:border-box;background-color:#000;border:1px dashed #ff00ff;padding:5px;margin:15px 0;color:#ff0}body.retro-mode .marquee-content{display:inline-block;animation:marquee 12s linear infinite}