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:64rem;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:linear-gradient(180deg, var(--bg) 60%, transparent);justify-content:space-between;align-items:center;padding:1.25rem 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{color:var(--accent);letter-spacing:-.02em;font-size:1rem;font-weight:700;text-decoration:none}.header-nav{gap:1.5rem;display:flex}.header-link{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .2s}.header-link:hover{color:var(--accent)}.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: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 - 7rem);display:flex;position:sticky;top:6rem;overflow-y:auto}.sidebar-card{background:color-mix(in srgb, var(--surface) 75%, transparent);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem}.sidebar-title{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-size:.65rem;font-weight:700}.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{color:var(--text-muted);font-size:.65rem}.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-card{background:color-mix(in srgb, var(--surface) 75%, transparent);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:.75rem;margin-bottom:1rem;padding:.85rem}.habit-month{margin-bottom:.65rem}.habit-month:last-child{margin-bottom:0}.habit-month-label{letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.35rem;font-size:.62rem;font-weight:700}.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;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;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(--text-muted)}.habit-cal-cell.lv-0{color:var(--text-faint);background:0 0}.habit-cal-cell.lv-1{color:#4ade80;background:#1a3d2a}.habit-cal-cell.lv-2{color:#6ee7a8;background:#22543d}.habit-cal-cell.lv-3{color:#86efac;background:#2d8a4e}@media (width>=56em){.content-grid{flex-direction:row}.content-main{flex:1}.content-sidebar{flex-shrink:0;width:260px}}.content-section{z-index:1;padding-block:4rem;position:relative}.section-tag{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-size:.7rem;display:inline-block}.hero-content{padding-block:2rem 3rem}.hero-name{letter-spacing:-.04em;margin-bottom:1rem;font-size:clamp(3.5rem,10vw,8rem);font-weight:800;line-height:.9}.hero-name .outline{-webkit-text-stroke:1.5px var(--accent);-webkit-text-fill-color:transparent}.hero-sub{color:var(--text-dim);max-width:30rem;font-size:clamp(1rem,2.5vw,1.4rem);font-weight:300;line-height:1.5}.hero-about{max-width:38rem;margin-top:1.75rem}.hero-about-p{color:var(--text-dim);margin-bottom:.4rem;font-size:.85rem;line-height:1.65}.hero-about-p:last-of-type{margin-bottom:0}.hero-skills{flex-wrap:wrap;gap:.35rem;margin-top:.85rem;display:flex}.hero-skill-chip{color:var(--accent);border:1px solid var(--border-chip);border-radius:999px;padding:.1em .55em;font-size:.7rem;font-weight:500}.about-block{grid-template-columns:1fr;gap:2rem;display:grid}.about-large{letter-spacing:-.02em;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.05}.about-poem{color:var(--text);grid-column:1/-1;font-family:SimSun,STSong,Noto Serif SC,serif;font-size:clamp(2rem,5vw,3.2rem);font-style:italic;font-weight:400;line-height:1.6}.hero-poem{letter-spacing:.03em;color:var(--text);margin-bottom:1rem;font-family:SimSun,STSong,Noto Serif SC,serif;font-size:clamp(2.5rem,7vw,5rem);font-style:italic;font-weight:400;line-height:1.5}.about-detail{color:var(--text-dim);font-size:1rem;font-weight:300;line-height:1.8}.project-list{flex-direction:column;gap:1.5rem;display:flex}.project-row{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;padding:1.5rem 0;transition:padding .3s,border-color .3s;display:flex}.project-row:last-child{border-bottom:1px solid var(--border)}.project-row:hover{border-color:var(--accent);padding-left:1.5rem}.project-row .title{color:var(--text);font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .2s}.project-row .title:hover{color:var(--accent)}.project-row .meta{color:var(--text-muted);flex:1;margin-left:1.5rem;font-size:.875rem;line-height:1.6}.project-info-btn{border:1px solid var(--text-muted);width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-style:italic;font-weight:700;transition:all .2s;display:flex}.project-info-btn:hover{border-color:var(--accent);color:var(--accent)}.project-modal{z-index:200;-webkit-backdrop-filter:blur(12px);background:#0009;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 #00e5ff33;border-radius:1rem;width:100%;max-width:36rem;padding:2.5rem;position:relative;box-shadow:0 20px 60px #00000080}.project-modal-title{color:var(--text);margin-bottom:1rem;font-size:1.75rem;font-weight:700}.project-modal-desc{color:var(--text-dim);margin-bottom:1.5rem;font-size:1rem;line-height:1.75}.project-modal-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem;display:flex}.project-modal-links{flex-wrap:wrap;gap:1rem;display:flex}.project-modal-link{border-radius:.5rem;padding:.5rem 1.2rem;font-size:.95rem;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(--text-muted);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:1rem;right:1.25rem}.project-modal-close:hover{color:var(--accent)}@keyframes modal-in{0%{opacity:0}to{opacity:1}}.blog-list{flex-direction:column;gap:1rem;display:flex}.blog-row{border-top:1px solid var(--border);cursor:pointer;align-items:baseline;gap:1.5rem;padding:1.25rem 0;transition:padding .3s,border-color .3s;display:flex}.blog-row:last-child{border-bottom:1px solid var(--border)}.blog-row:hover{border-color:var(--accent);padding-left:1rem}.blog-row .date{color:var(--text-muted);white-space:nowrap;letter-spacing:.05em;flex-shrink:0;width:6rem;font-size:.75rem;font-weight:500}.blog-row .title{color:var(--text);font-size:1.15rem;font-weight:600;transition:color .2s}.blog-row:hover .title{color:var(--accent)}.hobbies-scatter{flex-wrap:wrap;align-items:baseline;gap:1rem 2.5rem;display:flex}.hobby-word{color:var(--text-dim);cursor:default;font-size:clamp(1.2rem,3vw,2rem);font-weight:600;line-height:1.3;transition:color .3s,transform .3s}.hobby-word:hover{color:var(--accent);transform:translateY(-4px)}.contact-block{text-align:left}.contact-line{color:var(--text);font-size:clamp(1.15rem,2.5vw,1.75rem);font-weight:700;line-height:1.4}.contact-line a{color:var(--accent);border-bottom:2px solid #0000;transition:border-color .2s}.contact-line a:hover{border-bottom-color:var(--accent)}.social-row{flex-wrap:wrap;gap:2rem;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:3rem 0;position:relative}.footer-inner{color:var(--text-muted);flex-direction:column;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.footer-hobbies{color:var(--text-faint);letter-spacing:.03em;font-size:.72rem}@media (width>=48em){.about-block{grid-template-columns:1fr 1fr}.content-section{padding-block:6rem}}@media (width<=35.99em){.blog-row{flex-direction:column;gap:.25rem}.blog-row .date{width:auto}.project-row .title{font-size:1.15rem}}.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:.6rem;transition:border-color .25s,transform .25s,box-shadow .25s;display:block;overflow:hidden}.anime-thumb img{object-fit:cover;filter:saturate(.8)brightness(.9);width:100%;height:100%;transition:filter .3s;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()}.anime-body{flex-direction:column;gap:.15rem;display:flex}.anime-title{color:var(--text);font-size:.9rem;font-weight:600;line-height:1.3;transition:color .2s}.anime-card:hover .anime-title{color:var(--accent)}.anime-meta{color:var(--text-muted);letter-spacing:.03em;font-size:.7rem}:root{--bg:#080808;--text:#e0e0e0;--text-dim:#999;--text-muted:#666;--text-faint:#3a3a3a;--surface:#111;--surface-card:#141414d9;--border:#1a1a1a;--border-chip:#1a3a3a;--accent:#00e5ff;--accent-glow:#00e5ff80;--green:#4ade80;--green-bg:#4ade8014}[data-theme=light]{--bg:#f2f2f2;--text:#1a1a1a;--text-dim:#777;--text-muted:#999;--text-faint:#ccc;--surface:#fff;--surface-card:#ffffffeb;--border:#e0e0e0;--border-chip:#c8e0e0;--accent:#008c9e;--accent-glow:#008c9e66}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.6;transition:background .3s,color .3s;overflow-x:hidden}::selection{background:#00e5ff4d}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-offset:2px;outline:2px solid #00e5ff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--text-dim);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#00e5ff}