:root,[data-theme=light]{--bg-primary: #fefaf6;--bg-secondary: #fff;--bg-tertiary: #fdf7f2;--bg-input: #fff;--bg-hover: #ffefea;--text-primary: #5d4037;--text-secondary: #6b5b54;--text-tertiary: #8c7b74;--text-muted: #b0a098;--text-placeholder: #c4b7ad;--accent: #e8847a;--accent-light: #ffefea;--border: #f3e8e0;--border-light: #d4c5bf;--shadow: rgba(0,0,0,.06);--shadow-lg: rgba(0,0,0,.12);--card-bg: rgba(255,255,255,.95);--badge-work: #42a5f5;--badge-diary: #ff9800;--tag-bg: #e8eaf6;--tag-text: #5c6bc0;--danger: #e57373}[data-theme=dark]{--bg-primary: #1a1a2e;--bg-secondary: #252540;--bg-tertiary: #1f1f35;--bg-input: #2a2a45;--bg-hover: #2e2e50;--text-primary: #e0d6d0;--text-secondary: #c0b5ae;--text-tertiary: #a09890;--text-muted: #706860;--text-placeholder: #5a524c;--accent: #e8847a;--accent-light: #3a2020;--border: #2e2e45;--border-light: #3a3a55;--shadow: rgba(0,0,0,.2);--shadow-lg: rgba(0,0,0,.3);--card-bg: #252540;--badge-work: #42a5f5;--badge-diary: #ff9800;--tag-bg: #2e2e50;--tag-text: #8b90c0;--danger: #e57373}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:var(--text-primary)}[data-theme=dark] body{background:linear-gradient(135deg,#1a1a2e,#2d1b3d)}@media (display-mode: standalone){html,body,#root{background:transparent!important}}html.electron,body.electron,#root.electron{background:transparent!important}.app-pwa,.app-electron{background:transparent!important;padding:0!important;overflow:hidden;min-height:100vh}.app-electron.dashboard-open .live2d-pet-container{bottom:0!important;right:0!important;left:0!important;width:100%!important;height:250px!important;z-index:99997!important}.pwa-hint{position:fixed;bottom:420px;right:40px;z-index:99998;color:#c8c8c880;font-size:12px;pointer-events:none}.app{min-height:100vh;padding:40px 20px 120px}.highlight{color:gold}[data-theme=dark] .highlight{color:#ffb74d}.hero{text-align:center;padding:60px 20px 40px;color:#fff}.hero h1{font-size:2.5rem;font-weight:700;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.hero .subtitle{font-size:1.1rem;opacity:.85;margin-bottom:8px}.hero .hero-desc{font-size:.95rem;opacity:.7}.content{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.card{background:var(--card-bg);border-radius:16px;padding:28px 32px;box-shadow:0 4px 24px var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card h2{font-size:1.4rem;font-weight:600;margin-bottom:16px;color:var(--text-tertiary);padding-bottom:12px;border-bottom:2px solid rgba(102,126,234,.2)}.card p{font-size:1rem;line-height:1.7;color:var(--text-secondary)}.about-info{margin-top:16px}.about-info ul{list-style:none;padding:0}.about-info li{padding:6px 0;font-size:.95rem;color:var(--text-secondary)}.about-info li:before{content:"▸";color:#667eea;font-weight:700}.skill-category{font-size:1rem;font-weight:600;color:var(--text-secondary);margin:16px 0 8px}.skill-item{margin-bottom:10px}.skill-label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:4px}.progress{height:8px;background:var(--border-light);border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;transition:width .6s ease}.skill-divider{height:1px;background:var(--border);margin:20px 0}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 16px;border-radius:20px;font-size:.9rem;font-weight:500}.tag-chip{background:var(--tag-bg);color:var(--tag-text);font-size:.85rem;padding:4px 12px}.filter-bar{display:flex;gap:8px;margin-bottom:20px;justify-content:center}.filter-btn{padding:6px 20px;border:1px solid var(--border-light);border-radius:20px;background:var(--bg-secondary);cursor:pointer;font-size:.9rem;color:var(--text-secondary);transition:all .2s}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.filter-btn:hover:not(.active){border-color:#667eea;color:#667eea}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--border-light)}.timeline-item{position:relative;margin-bottom:24px}.timeline-marker{position:absolute;left:-20px;top:6px;width:12px;height:12px;border-radius:50%;background:#667eea;border:2px solid var(--bg-secondary);box-shadow:0 1px 4px var(--shadow);z-index:1}.timeline-content{padding-bottom:4px}.badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:.75rem;font-weight:600;color:#fff;margin-right:8px}.badge-work{background:var(--badge-work)}.badge-diary{background:var(--badge-diary)}.timeline-date{font-size:.8rem;color:var(--text-muted)}.entry-title{font-size:1.05rem;font-weight:600;color:var(--text-tertiary);margin:6px 0}.entry-link{color:#667eea;text-decoration:none;font-size:.9rem;font-weight:500}.entry-link:hover{text-decoration:underline}.contact-links{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.contact-link{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary);text-decoration:none;padding:12px 20px;border-radius:12px;transition:background .2s;font-size:.85rem}.contact-link:hover{background:var(--bg-hover)}.contact-icon{font-size:1.4rem}.site-footer{text-align:center;padding:40px 20px;color:#fff9;font-size:.85rem}@keyframes particle-hearts-float{0%{transform:translateY(0) scale(.6);opacity:1}to{transform:translateY(-120px) scale(.2);opacity:0}}@keyframes particle-rain-drop{0%{transform:translateY(-40px) translate(0) scale(1);opacity:1}to{transform:translateY(360px) translate(20px) scale(.7);opacity:0}}@keyframes particle-steam-rise{0%{transform:translateY(0) translate(0) scale(.5);opacity:.8}50%{transform:translateY(-30px) translate(-10px) scale(1.3);opacity:1}to{transform:translateY(-80px) translate(10px) scale(.3);opacity:0}}@keyframes speech-bubble-enter{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes speech-bubble-exit{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-4px) scale(.95)}}@keyframes dblclick-pop{0%{opacity:0;transform:translate(-50%) scale(.3) translateY(0)}40%{opacity:1;transform:translate(-50%) scale(1.15) translateY(-8px)}to{opacity:0;transform:translate(-50%) scale(.8) translateY(-30px)}}@keyframes dblclick-spam{0%{opacity:0;transform:scale(.5) rotate(-10deg)}30%{opacity:.8;transform:scale(1.1) rotate(3deg)}to{opacity:0;transform:scale(.6) rotate(15deg) translateY(-25px)}}@keyframes pomo-bubble-in{0%{opacity:0;transform:translate(-50%) translateY(6px) scale(.85)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}