h1,h2,h3,h4,h5{color:var(--text);font-weight:700;line-height:1.1}.fw-200{font-weight:200}.fw-400{font-weight:400}.fw-600{font-weight:600}.fw-800{font-weight:800}.text-cyan{color:var(--accent)}.text-dim{color:var(--text-muted)}.text-mid{color:var(--text-dim)}.container{width:100%;max-width:68rem;margin-inline:auto;padding-inline:1.5rem}.cover{z-index:100;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;transition:opacity 1s,visibility 1s;display:flex;position:fixed;inset:0}.cover.hidden{opacity:0;visibility:hidden;pointer-events:none}.cover-avatar{border-radius:50%;width:clamp(120px,22vw,180px);height:clamp(120px,22vw,180px);margin-bottom:2rem;animation:4s ease-in-out infinite avatar-float;position:relative}.cover-avatar:before{content:"";border:2px solid #00e5ff80;border-radius:50%;position:absolute;inset:-4px;box-shadow:0 0 16px #00e5ff40,0 0 40px #00e5ff1a}.cover-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}@keyframes avatar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cover-title{letter-spacing:-.03em;text-align:center;-webkit-user-select:none;user-select:none;font-size:clamp(3rem,8vw,7rem);font-weight:800;line-height:1}.cover-title .cyan{color:var(--accent)}.cover-hint{color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;margin-top:2rem;font-size:.85rem;animation:2.5s ease-in-out infinite hint-pulse}@keyframes hint-pulse{0%,to{opacity:.4}50%{opacity:1}}.ribbon-canvas{z-index:1;pointer-events:none;position:fixed;inset:0}.hero-ghost{z-index:0;pointer-events:none;width:clamp(180px,18vw,340px);height:clamp(180px,18vw,340px);animation:1.2s cubic-bezier(.22,.61,.36,1) .3s both ghost-in;position:fixed;top:50%;right:clamp(2rem,6vw,8rem);transform:translateY(-50%)}.hero-ghost img{object-fit:cover;opacity:.18;width:100%;height:100%;-webkit-mask-image:radial-gradient(circle,#000 25%,#0000 70%);mask-image:radial-gradient(circle,#000 25%,#0000 70%)}@keyframes ghost-in{0%{opacity:0;transform:translateY(-50%)scale(.9)}to{opacity:1;transform:translateY(-50%)scale(1)}}.slime-container{z-index:101;pointer-events:none;transition:opacity .6s;position:fixed;inset:0}.slime-container.slime-fade{opacity:0}.slime-segment{background:var(--accent);opacity:0;border-radius:50%;width:6px;height:6px;transition:opacity .15s;position:absolute}.header-wrap{z-index:50;opacity:0;pointer-events:none;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.9rem 1.5rem;transition:opacity .5s cubic-bezier(.22,.61,.36,1) 50ms,transform .5s cubic-bezier(.22,.61,.36,1) 50ms;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-24px)}.header-wrap.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.header-logo{font-family:var(--font-mono);color:var(--text);letter-spacing:.02em;align-items:center;gap:.55rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.header-seal{background:var(--seal);color:#fff;width:1.35rem;height:1.35rem;font-family:var(--font-serif);box-shadow:0 0 0 1px var(--seal-glow);border-radius:2px;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;line-height:1;display:inline-flex}.header-nav{align-items:center;gap:1.4rem;display:flex}.header-link{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em;padding-bottom:2px;font-size:.74rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.header-link i{color:var(--text-faint);margin-right:.3em;font-style:normal;transition:color .2s}.header-link:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:1px;transition:transform .25s cubic-bezier(.22,.61,.36,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.header-link:hover{color:var(--text)}.header-link:hover i{color:var(--accent)}.header-link:hover:after{transform:scaleX(1)}.theme-toggle-btn{width:1.6em;height:1.6em;color:var(--text-muted);border-radius:.3rem;justify-content:center;align-items:center;margin-right:.5rem;padding:0;font-size:1rem;line-height:1;transition:color .2s;display:inline-flex}.theme-toggle-btn:hover{color:var(--accent)}.content-view{z-index:2;opacity:0;padding-top:4.5rem;transition:opacity .9s cubic-bezier(.22,.61,.36,1) .2s,transform .9s cubic-bezier(.22,.61,.36,1) .2s;position:relative;transform:translateY(50px)}.content-view.content-in{opacity:1;transform:translateY(0)}.content-grid{flex-direction:column;gap:2rem;display:flex}.content-main{min-width:0}.content-sidebar{flex-direction:column;align-self:flex-start;gap:1rem;min-width:0;max-height:calc(100vh - 6.5rem);display:flex;position:sticky;top:5.5rem;overflow-y:auto}.sidebar-card,.habit-card{background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:0;padding:1.1rem 1.15rem;position:relative}.sidebar-card:before,.habit-card:before{content:"";border-top:2px solid var(--seal);border-left:2px solid var(--seal);width:14px;height:14px;position:absolute;top:-1px;left:-1px}.sidebar-title{font-family:var(--font-serif);letter-spacing:.35em;color:var(--text);align-items:center;gap:.5rem;margin-bottom:.9rem;font-size:.8rem;font-weight:700;display:flex}.sidebar-title:before{content:"";background:var(--seal);flex-shrink:0;width:5px;height:5px}.sidebar-post-list{flex-direction:column;gap:.6rem;display:flex}.sidebar-post-link{border-bottom:1px solid var(--border);flex-direction:column;gap:.15rem;padding:.45rem 0;text-decoration:none;transition:border-color .2s;display:flex}.sidebar-post-link:last-child{border-bottom:none}.sidebar-post-link:hover{border-bottom-color:var(--accent)}.sidebar-post-date{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.06em;font-size:.62rem}.sidebar-post-title{color:var(--text-dim);font-size:.8rem;font-weight:500;line-height:1.3;transition:color .2s}.sidebar-post-link:hover .sidebar-post-title{color:var(--accent)}.habit-month{margin-bottom:.65rem}.habit-month:last-child{margin-bottom:0}.habit-month-label{font-family:var(--font-mono);letter-spacing:.15em;color:var(--text-muted);margin-bottom:.35rem;font-size:.6rem;font-weight:600}.habit-weekdays{grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:1px;display:grid}.habit-weekdays span{color:var(--text-faint);text-align:center;font-size:.55rem;line-height:1.4}.habit-cal-week{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.habit-cal-cell{aspect-ratio:1;font-family:var(--font-mono);color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2px;justify-content:center;align-items:center;font-size:.6rem;transition:background .15s,color .15s;display:flex}.habit-cal-cell.empty{cursor:default}.habit-cal-cell.today{box-shadow:inset 0 0 0 1px var(--seal)}.habit-cal-cell.lv-0{color:var(--text-faint);background:0 0}.habit-cal-cell.lv-1{color:var(--accent);background:#00e5ff1f}.habit-cal-cell.lv-2{color:#9ff3fd;background:#00e5ff40}.habit-cal-cell.lv-3{color:#dffaff;background:#00e5ff6b}[data-theme=light] .habit-cal-cell.lv-1{color:var(--accent);background:#067f8f26}[data-theme=light] .habit-cal-cell.lv-2{color:#055b67;background:#067f8f4d}[data-theme=light] .habit-cal-cell.lv-3{color:#fff;background:#067f8f80}@media (width>=56em){.content-grid{flex-direction:row}.content-main{flex:1}.content-sidebar{flex-shrink:0;width:256px}}.content-section{z-index:1;padding-block:3.5rem;position:relative}.section-head{border-bottom:1px solid var(--border-strong);align-items:baseline;gap:.8rem;margin-bottom:1.6rem;padding-bottom:.7rem;display:flex}.section-no{font-family:var(--font-serif);color:var(--seal);border:1px solid var(--seal);border-radius:2px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:1.6rem;height:1.6rem;font-size:.95rem;font-weight:700;display:inline-flex}.section-title{font-family:var(--font-serif);letter-spacing:.12em;font-size:1.45rem;font-weight:900}.section-eng{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);margin-left:auto;font-size:.62rem}.hero-content{padding-block:3rem 2rem}.hero-split{grid-template-columns:1fr auto;align-items:start;gap:2.5rem;display:grid}.hero-kicker{font-family:var(--font-mono);letter-spacing:.28em;color:var(--accent);margin-bottom:1rem;font-size:.68rem}.hero-kicker:before{content:"// ";color:var(--text-faint)}.hero-sub{font-family:var(--font-serif);color:var(--text);max-width:32rem;margin-bottom:1.5rem;font-size:clamp(1.15rem,2.4vw,1.5rem);font-weight:600;line-height:1.55}.hero-about{border-left:2px solid var(--border-strong);max-width:38rem;padding-left:1.1rem}.hero-about-p{color:var(--text-dim);margin-bottom:.55rem;font-size:.86rem;line-height:1.75}.hero-about-p:last-of-type{margin-bottom:0}.hero-skills{flex-wrap:wrap;gap:.3rem .55rem;margin-top:1rem;display:flex}.hero-skill-chip{font-family:var(--font-mono);color:var(--text-dim);padding:.08em .15em;font-size:.7rem;font-weight:500;transition:color .18s}.hero-skill-chip:before{content:"[";color:var(--text-faint)}.hero-skill-chip:after{content:"]";color:var(--text-faint)}.hero-skill-chip:hover{color:var(--accent)}.hero-scroll{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 55%, transparent);-webkit-backdrop-filter:blur(6px);flex-direction:row-reverse;align-items:flex-start;gap:.8rem;padding:1.4rem 1.1rem;display:flex;position:relative}.hero-scroll:after{content:"";background:var(--border-strong);width:1px;height:1.2rem;position:absolute;bottom:-1.2rem;left:50%}.hero-poem-v{writing-mode:vertical-rl;font-family:var(--font-serif);letter-spacing:.28em;color:var(--text);height:21em;font-size:clamp(1.35rem,2.6vw,1.9rem);font-weight:700;line-height:2}.hero-fall{writing-mode:vertical-rl;font-family:var(--font-serif);letter-spacing:.3em;color:var(--text-muted);padding-top:.4rem;font-size:.72rem}.hero-seal{writing-mode:vertical-rl;font-family:var(--font-serif);color:#fff;background:var(--seal);box-shadow:0 0 12px var(--seal-glow);-webkit-user-select:none;user-select:none;border-radius:2px;align-self:flex-end;padding:.42rem .3rem;font-size:.95rem;font-weight:700}@media (width<=56em){.hero-split{grid-template-columns:1fr}.hero-scroll{justify-self:end;margin-right:4%}}.project-list{flex-direction:column;display:flex}.project-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:1.1rem;padding:1.35rem .4rem;transition:background .25s;display:flex;position:relative}.project-row:before{content:"";background:var(--accent);transform-origin:top;width:2px;transition:transform .25s cubic-bezier(.22,.61,.36,1);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.project-row:hover:before{transform:scaleY(1)}.project-row:hover{background:color-mix(in srgb, var(--surface) 55%, transparent)}.project-index{font-family:var(--font-mono);color:var(--text-faint);flex-shrink:0;padding-top:.45rem;font-size:.72rem;transition:color .2s}.project-row:hover .project-index{color:var(--accent)}.project-body{flex:1;min-width:0}.project-titlerow{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.project-row .title{font-family:var(--font-serif);letter-spacing:.04em;color:var(--text);font-size:1.35rem;font-weight:900;line-height:1.2;text-decoration:none;transition:color .2s}.project-row .title:hover{color:var(--accent)}.live-badge{font-family:var(--font-mono);letter-spacing:.12em;color:var(--seal);border:1px solid var(--seal);border-radius:999px;align-items:center;gap:.35rem;padding:.12rem .5rem;font-size:.6rem;display:inline-flex}.live-badge i{background:var(--seal);border-radius:50%;width:5px;height:5px;animation:1.8s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 var(--seal-glow)}50%{opacity:.5;box-shadow:0 0 0 4px #0000}}.project-row .meta{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;margin-top:.35rem;font-size:.68rem;line-height:1.7;display:block}.project-info-btn{font-family:var(--font-serif);color:var(--text-muted);border:1px solid var(--border-strong);border-radius:2px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:26px;height:26px;font-size:.72rem;font-weight:700;transition:all .2s;display:inline-flex}.project-info-btn:hover{border-color:var(--seal);color:var(--seal);box-shadow:0 0 8px var(--seal-glow)}.project-modal{z-index:200;-webkit-backdrop-filter:blur(12px);background:#000000a6;justify-content:center;align-items:center;padding:1.5rem;animation:.3s ease-out modal-in;display:flex;position:fixed;inset:0}.project-modal-card{background:var(--surface-card);border:1px solid var(--border-strong);border-radius:0;width:100%;max-width:36rem;padding:2.5rem 2.25rem 2.25rem;position:relative;box-shadow:0 20px 60px #00000080}.project-modal-card:before{content:"";border-top:2px solid var(--seal);border-left:2px solid var(--seal);width:18px;height:18px;position:absolute;top:-1px;left:-1px}.project-modal-title{font-family:var(--font-serif);letter-spacing:.05em;color:var(--text);margin-bottom:1rem;font-size:1.7rem;font-weight:900}.project-modal-desc{color:var(--text-dim);margin-bottom:1.5rem;font-size:.92rem;line-height:1.85}.project-modal-tags{flex-wrap:wrap;gap:.45rem .7rem;margin-bottom:1.6rem;display:flex}.project-modal-tags .tag{font-family:var(--font-mono);color:var(--text-dim);font-size:.68rem}.project-modal-tags .tag:before{content:"#";color:var(--accent)}.project-modal-links{flex-wrap:wrap;gap:.9rem;display:flex}.project-modal-link{font-family:var(--font-mono);border-radius:2px;padding:.5rem 1.2rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.project-modal-link.live{background:var(--accent);color:#000}.project-modal-link.live:hover{opacity:.85}.project-modal-link.github{border:1px solid var(--border-strong);color:var(--text)}.project-modal-link.github:hover{border-color:var(--accent);color:var(--accent)}.project-modal-close{color:var(--text-muted);font-size:1.5rem;transition:color .2s;position:absolute;top:.8rem;right:1rem}.project-modal-close:hover{color:var(--seal)}@keyframes modal-in{0%{opacity:0}to{opacity:1}}.contact-block{text-align:left}.contact-line{font-family:var(--font-serif);color:var(--text);letter-spacing:.04em;font-size:clamp(1.35rem,3vw,2rem);font-weight:900;line-height:1.5}.contact-line a{color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:2px;transition:border-color .2s,color .2s}.contact-line a:hover{color:var(--seal);border-bottom-color:var(--seal)}.social-row{flex-wrap:wrap;gap:1.8rem;margin-top:2rem;display:flex}.social-row a{letter-spacing:.05em;color:var(--text-muted);font-size:.78rem;font-weight:600;transition:color .25s}.social-row a:hover{color:var(--accent)}.site-footer{border-top:1px solid var(--border);z-index:1;padding:2.5rem 0;position:relative}.footer-inner{color:var(--text-muted);flex-direction:column;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.footer-hobbies{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.04em;font-size:.66rem}.footer-hobbies:before{content:"「 ";color:var(--text-faint)}.footer-hobbies:after{content:" 」";color:var(--text-faint)}.footer-copyright{font-family:var(--font-mono);font-size:.66rem}.footer-icp{color:var(--text-muted)}.footer-icp:hover{color:var(--accent)}.anime-strip{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.1rem;display:grid}.anime-card{flex-direction:column;gap:.45rem;min-width:0;text-decoration:none;display:flex}.anime-thumb{aspect-ratio:16/9;border:1px solid var(--border);background:var(--surface);border-radius:0;transition:border-color .25s,transform .25s,box-shadow .25s;display:block;position:relative;overflow:hidden}.anime-thumb img{object-fit:cover;filter:saturate(.75)brightness(.88);width:100%;height:100%;transition:filter .3s,transform .4s cubic-bezier(.22,.61,.36,1);display:block}.anime-card:hover .anime-thumb{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px #00000059}.anime-card:hover .anime-thumb img{filter:saturate()brightness();transform:scale(1.04)}.anime-year{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text);-webkit-backdrop-filter:blur(4px);background:#080808b8;padding:.18rem .45rem;font-size:.6rem;position:absolute;top:0;right:0}.anime-body{flex-direction:column;gap:.15rem;display:flex}.anime-title{font-family:var(--font-serif);color:var(--text);font-size:.92rem;font-weight:700;line-height:1.3;transition:color .2s}.anime-card:hover .anime-title{color:var(--accent)}.anime-meta{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.03em;font-size:.64rem}@media (width>=48em){.content-section{padding-block:4.5rem}}@media (width<=35.99em){.project-row .title{font-size:1.15rem}.hero-scroll{padding:1rem .8rem}.hero-poem-v{height:17em;font-size:1.2rem}}@media (prefers-reduced-motion:reduce){.content-view,.project-row:before,.header-link:after{transition:none;animation:none}}:root{--bg:#080808;--text:#e6e3dc;--text-dim:#9a968c;--text-muted:#6b6860;--text-faint:#3d3b36;--surface:#101010;--surface-card:#10100fe0;--border:#22211e;--border-strong:#34322c;--border-chip:#2a3a3c;--accent:#00e5ff;--accent-dim:#0aa8ba;--accent-glow:#00e5ff73;--seal:#e04a35;--seal-glow:#e04a3559;--font-serif:"Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;--font-sans:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", "SF Mono", ui-monospace, "Consolas", monospace}[data-theme=light]{--bg:#f3efe7;--text:#23201b;--text-dim:#6e6a60;--text-muted:#98937f;--text-faint:#cfc9ba;--surface:#fbf9f4;--surface-card:#fbf9f4eb;--border:#ddd6c6;--border-strong:#c4bca8;--border-chip:#bcd2d2;--accent:#067f8f;--accent-dim:#0a97a8;--accent-glow:#067f8f59;--seal:#c53d2a;--seal-glow:#c53d2a4d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;line-height:1.6;transition:background .3s,color .3s;overflow-x:hidden}body:after{content:"";z-index:300;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>");position:fixed;inset:0}::selection{background:var(--accent-glow);color:var(--text)}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent)}ul,ol{list-style:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}:focus-visible{outline:2px solid var(--seal);outline-offset:2px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}