:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--pink:#ffb8dd;--pink-soft:#ffe3f1;--blue:#a9d9ff;--blue-soft:#e2f3ff;--lavender:#d9c9ff;--text:#4a3b57;--text-soft:#8577a0;--card-bg:#fff9;--card-border:#fffc;--shadow:0 12px 32px #a082c82e;--accent:#a15a97;font:16px/1.7 system-ui,Hiragino Sans,Yu Gothic,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 15% 10%, var(--pink-soft), transparent 45%), radial-gradient(circle at 85% 0%, var(--blue-soft), transparent 40%), radial-gradient(circle at 50% 100%, var(--lavender), transparent 55%), linear-gradient(160deg, #fff8fc 0%, #f2f8ff 60%, #eef2ff 100%);background-attachment:fixed;margin:0}main{max-width:720px;margin:0 auto;padding:0 20px 64px}a{color:#b263a3}.nav{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border);background:#ffffff73;justify-content:center;gap:12px;padding:16px;display:flex;position:sticky;top:0}.nav-link{color:var(--text-soft);letter-spacing:.04em;border-radius:999px;padding:8px 22px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s}.nav-link:hover{background:var(--pink-soft)}.nav-link.active{color:#7a4a86;background:linear-gradient(120deg, var(--pink), var(--blue));box-shadow:var(--shadow)}.hero-banner{object-fit:cover;width:100%;height:clamp(180px,32vw,320px);box-shadow:var(--shadow);border-radius:0 0 32px 32px;display:block}.hero-avatar{object-fit:cover;width:120px;height:120px;box-shadow:var(--shadow);border:4px solid #fff;border-radius:50%;margin:-60px auto 0;display:block}.hero-text{text-align:center;margin:16px 0 32px}.hero-text h1{letter-spacing:.08em;background:linear-gradient(120deg,#d97fb8,#7fb3e0);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.4rem}.tagline{color:var(--text-soft);letter-spacing:.05em;margin:6px 0 0;font-style:italic}.tagline a{color:inherit;text-underline-offset:3px;text-decoration:underline}.card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow);border-radius:24px;margin-bottom:24px;padding:24px 28px}.card h2{color:var(--accent);border-left:4px solid var(--pink);margin-top:0;padding-left:10px;font-size:1.15rem}.card ul{margin:0;padding-left:1.2em}.card li{margin-bottom:6px}.card li:last-child{margin-bottom:0}.card li ul{margin-top:6px;padding-left:1.4em}.page-title{text-align:center;color:var(--accent);letter-spacing:.08em}.back-link{color:var(--text-soft);margin-bottom:16px;font-weight:600;text-decoration:none;display:inline-block}.back-link:hover{color:var(--accent)}.blog-page,.gallery-page,.links-page{padding-top:32px}.blog-controls{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.blog-search,.blog-sort,.blog-reverse{font:inherit;color:var(--text);background:var(--card-bg);border:1px solid var(--card-border);border-radius:999px;padding:8px 16px}.blog-search{flex:1;min-width:160px}.blog-reverse{cursor:pointer;padding:8px 14px;line-height:1;transition:background .2s}.blog-reverse:hover{background:var(--pink-soft)}.blog-search:focus,.blog-sort:focus,.blog-reverse:focus-visible{outline:2px solid var(--pink);outline-offset:1px}.blog-empty{text-align:center;color:var(--text-soft);margin-top:24px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:24px;display:grid}.gallery-item{aspect-ratio:1;box-shadow:var(--shadow);cursor:pointer;background:0 0;border:3px solid #fff;border-radius:18px;padding:0;display:block;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.gallery-item:hover img{transform:scale(1.08)}.lightbox{z-index:100;background:#000c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lightbox-img{border-radius:12px;max-width:100%;max-height:100%;box-shadow:0 20px 60px #00000080}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;width:44px;height:44px;font-size:1.6rem;line-height:1;transition:background .2s;position:fixed;top:20px;right:24px}.lightbox-close:hover{background:#ffffff4d}.link-list{flex-direction:column;gap:14px;margin:24px 0 0;padding:0;list-style:none;display:flex}.link-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow);color:var(--text);border-radius:20px;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;transition:transform .2s;display:flex}.link-card:hover{transform:translateY(-2px)}.link-icon{object-fit:cover;border-radius:50%;flex-shrink:0;width:52px;height:52px}.link-icon-text{color:#fff;background:linear-gradient(120deg, var(--pink), var(--blue));justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:flex}.link-meta{flex-direction:column;display:flex}.link-label{color:var(--accent);font-weight:600}.link-handle{color:var(--text-soft);font-size:.9rem}.theme-mono{--pink:#999;--pink-soft:#e8e8e8;--blue:#777;--blue-soft:#dcdcdc;--lavender:#ccc;--text:#1a1a1a;--text-soft:#555;--card-bg:#0000000d;--card-border:#00000026;--shadow:0 12px 32px #0003;--accent:#000;background:radial-gradient(circle at 15% 10%, var(--pink-soft), transparent 45%), radial-gradient(circle at 85% 0%, var(--blue-soft), transparent 40%), radial-gradient(circle at 50% 100%, var(--lavender), transparent 55%), linear-gradient(160deg, #f5f5f5 0%, #eaeaea 60%, #ddd 100%)}.theme-mono a,.theme-mono .nav-link.active{color:#000}.theme-mono .hero-text h1{background:linear-gradient(120deg,#444,#000)}