:root{--font-sans:"Sora","Source Han Sans SC","Noto Sans SC",sans-serif;--font-display:"Inter","Source Han Sans SC","Noto Sans SC",sans-serif;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--ink:#101416;--ink-soft:#2a343b;--accent:#f8cc71;--accent-2:#e8bd67;--accent-3:#ffdb8c;--glass-strong:hsla(0,0%,100%,.26);--glass-soft:hsla(0,0%,100%,.08);--glass-surface:hsla(0,0%,100%,.18);--glass-border:hsla(0,0%,100%,.45);--glass-border-strong:hsla(0,0%,100%,.55);--border:hsla(0,0%,100%,.45);--shadow:rgba(11,13,15,.35);--bg-1:#f5efdf;--bg-2:#efe6d4;--bing-wallpaper:none}:root[data-tone=dark]{--ink:#f7f4ea;--ink-soft:hsla(0,0%,100%,.75)}*{box-sizing:border-box}body,html{font-family:var(--font-sans)}body{margin:0;color:var(--ink);font-weight:var(--weight-regular);background-color:#f7f1e2;background-image:var(--bing-wallpaper),linear-gradient(120deg,#f7f1e2 0,#efe4cf 45%,#f2e2c4 100%);background-size:cover,cover;background-position:50%,50%;background-repeat:no-repeat;background-attachment:fixed,fixed;min-height:100vh;overflow-x:hidden}.footer-pill,.friend-arrow,.friend-tag,.friend-url,.guestbook-empty,.guestbook-hint,.guestbook-load-more,.guestbook-meta,.guestbook-page-info,.hero p,.stage-subtitle,.tab,body,footer{transition:color .6s ease}button,input,select,textarea{font-family:inherit;resize:none}body:before{inset:0;background:radial-gradient(800px 400px at 10% 15%,hsla(40,91%,71%,.22),transparent 60%),radial-gradient(700px 420px at 90% 10%,hsla(40,74%,66%,.2),transparent 55%),radial-gradient(600px 520px at 30% 85%,rgba(255,219,140,.22),transparent 60%)}body:after,body:before{content:"";position:fixed;pointer-events:none;z-index:0}body:after{inset:-50% 0 0 -50%;background:radial-gradient(circle,hsla(0,0%,100%,.3) 0,transparent 60%);opacity:.4;mix-blend-mode:soft-light;animation:floatGlow 24s ease-in-out infinite}@keyframes floatGlow{0%,to{transform:translateZ(0)}50%{transform:translate3d(20%,-10%,0)}}@keyframes liquidSweep{0%{transform:translateX(-40%)}50%{transform:translateX(20%)}to{transform:translateX(-40%)}}canvas#bg{position:fixed;inset:0;width:100%;height:100%;z-index:0}.page{position:relative;z-index:1;padding:32px 6vw 80px;min-height:100vh;flex-direction:column}.nav,.page{display:flex}.nav{justify-content:space-between;align-items:center;gap:20px;margin-bottom:42px}.brand{display:inline-flex;align-items:center;padding:8px 16px;box-shadow:0 16px 36px rgba(0,0,0,.12);font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:20px;letter-spacing:.06em;text-transform:uppercase}.brand,.tabs{border-radius:999px;background:linear-gradient(135deg,var(--glass-strong),var(--glass-soft));border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%)}.tabs{display:flex;gap:12px;flex-wrap:nowrap;padding:6px;box-shadow:0 18px 40px rgba(0,0,0,.14);overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{text-decoration:none;color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;background:transparent;padding:10px 18px;border-radius:999px;font-weight:var(--weight-medium);position:relative;overflow:hidden;transition:color .3s ease,box-shadow .3s ease;white-space:nowrap}.tab.active,.tab:hover{color:var(--ink);box-shadow:0 8px 20px rgba(0,0,0,.1)}.tab:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,hsla(40,91%,71%,.4),rgba(255,219,140,.22));opacity:0;transition:opacity .3s ease;z-index:-1}.tab.active:before,.tab:hover:before{opacity:1}.hero{display:grid;grid-gap:28px;gap:28px}.home-hero{min-height:auto}.hero-card{padding:36px;border-radius:28px;border:1px solid var(--glass-border);background:linear-gradient(135deg,var(--glass-strong),var(--glass-soft));-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);box-shadow:0 35px 90px rgba(11,13,15,.35);position:relative;overflow:hidden}.hero-card:before{inset:-120% -40%;background:conic-gradient(from 120deg,hsla(0,0%,100%,.55),transparent 35%,hsla(0,0%,100%,.35),transparent 70%);opacity:.5;transform:translateX(-20%) rotate(0deg);animation:none}.hero-card:after,.hero-card:before{content:"";position:absolute;pointer-events:none}.hero-card:after{inset:-40% 40% 50% -40%;background:radial-gradient(circle,hsla(0,0%,100%,.55),transparent 70%);opacity:.6}.hero h1{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:clamp(40px,6vw,72px);margin:0 0 14px;line-height:1.05}.hero p{margin:0;font-size:18px;color:var(--ink-soft)}.stage{padding:44px;border-radius:32px;border:1px solid var(--glass-border);background:linear-gradient(130deg,var(--glass-strong),var(--glass-soft));-webkit-backdrop-filter:blur(34px) saturate(190%);backdrop-filter:blur(34px) saturate(190%);box-shadow:0 40px 120px rgba(11,13,15,.35);position:relative;overflow:hidden;will-change:transform}.home-stage{min-height:clamp(420px,70vh,640px);display:flex;flex-direction:column;justify-content:center}.home-icons{margin-top:18px}.stage-title{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:clamp(42px,6vw,80px);margin:0 0 12px;line-height:1.02}.typewriter,.typewriter-text{display:inline}.typewriter-caret{display:inline-block;width:2px;height:1em;background:currentColor;margin-left:6px;vertical-align:-.1em;animation:blinkCaret 1s steps(2,start) infinite}@keyframes blinkCaret{0%,50%{opacity:1}50.01%,to{opacity:0}}.stage-subtitle{font-size:clamp(18px,2.3vw,22px);color:var(--ink-soft);max-width:720px}.stage{padding-top:76px}.stage-row{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:28px}.stage-chip{padding:14px 16px;border-radius:16px;background:var(--glass-surface);border:1px solid var(--glass-border)}.stage-chip strong{display:block;font-weight:var(--weight-semibold);font-size:20px}.panel-grid{display:grid;grid-gap:22px;gap:22px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.panel{padding:26px;border-radius:24px;background:linear-gradient(135deg,var(--glass-strong),var(--glass-soft));border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px) saturate(175%);backdrop-filter:blur(24px) saturate(175%);box-shadow:0 26px 60px rgba(0,0,0,.1);position:relative;overflow:hidden;will-change:transform;display:block;color:inherit;text-decoration:none;cursor:pointer;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease,background .4s ease}.panel:hover{transform:translateY(-8px) scale(1.02);background:linear-gradient(135deg,hsla(0,0%,100%,.32),hsla(40,91%,71%,.16));box-shadow:0 34px 90px rgba(20,30,40,.22),0 0 0 1px hsla(40,91%,71%,.35);border-color:hsla(40,91%,71%,.8)}.panel:before{content:"";position:absolute;inset:-90% -10%;background:linear-gradient(120deg,transparent 20%,hsla(0,0%,100%,.35),transparent 55%);opacity:.55;transform:translateX(-30%);animation:none;pointer-events:none}.guestbook-card{padding:32px;cursor:default}.guestbook-card:hover{transform:none;background:linear-gradient(135deg,var(--glass-strong),var(--glass-soft));box-shadow:0 26px 60px rgba(0,0,0,.1);border-color:var(--glass-border)}.guestbook-form{display:grid;grid-gap:16px;gap:16px}.guestbook-top{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}.guestbook-title h3{margin:6px 0 4px;font-weight:var(--weight-semibold);font-size:22px}.guestbook-title p{margin:0;color:var(--ink-soft);font-size:14px}.guestbook-kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);font-weight:var(--weight-medium)}.guestbook-name-wrap{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-surface);box-shadow:inset 0 1px 0 var(--glass-border-strong)}.guestbook-name-wrap label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);font-weight:var(--weight-medium)}.guestbook-name{width:96px;border:none;background:transparent;color:var(--ink);font-size:14px;outline:none;padding:2px 0}.guestbook-label{font-weight:var(--weight-medium);font-size:14px}.guestbook-input{width:100%;border-radius:18px;border:1px solid var(--glass-border);background:var(--glass-surface);padding:14px 16px;font-family:inherit;font-size:16px;color:var(--ink);resize:none;min-height:120px;box-shadow:inset 0 1px 0 var(--glass-border-strong)}.guestbook-input:focus{outline:none;border-color:hsla(40,91%,71%,.8);box-shadow:0 0 0 2px hsla(40,91%,71%,.2)}.guestbook-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.guestbook-hint{color:var(--ink-soft);font-size:14px}.guestbook-error{color:#b33b1d;font-size:14px}.guestbook-panel{padding:28px 28px 30px;cursor:default;will-change:auto}.guestbook-panel h2{margin-top:0;font-weight:var(--weight-semibold);font-size:22px}.guestbook-panel:hover{transform:none;background:linear-gradient(135deg,var(--glass-strong),var(--glass-soft));box-shadow:0 26px 60px rgba(0,0,0,.1);border-color:var(--glass-border)}.guestbook-list{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.guestbook-item p{margin:0 0 12px;font-size:16px}.guestbook-item{padding:16px 18px;border-radius:18px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.22)}.guestbook-meta{font-size:13px;color:var(--ink-soft)}.guestbook-empty{margin:0;padding:8px 0 16px}.guestbook-empty,.guestbook-load-more{text-align:center;color:var(--ink-soft)}.guestbook-load-more{display:flex;justify-content:center;margin-top:14px;font-size:13px;gap:12px;align-items:center}.guestbook-load-btn{min-width:140px}.guestbook-load-more:after,.guestbook-load-more:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.6),transparent);opacity:.7}.friend-grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.friend-card{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:16px 18px;border-radius:18px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.22);color:inherit;text-decoration:none;transition:box-shadow .3s ease,border-color .3s ease,background .3s ease;position:relative;overflow:hidden;text-align:left}.friend-card:before{content:"";position:absolute;inset:-8px;border-radius:inherit;background:radial-gradient(circle at 30% 20%,hsla(0,0%,100%,.55),transparent 60%),radial-gradient(circle at 70% 80%,hsla(40,91%,71%,.35),transparent 65%);filter:blur(10px);opacity:0;transition:opacity .4s ease;pointer-events:none}.friend-card:hover{background:hsla(0,0%,100%,.16);box-shadow:0 16px 36px rgba(20,30,40,.12);border-color:hsla(0,0%,100%,.45)}.friend-card:hover:before{opacity:.9}.friend-content h3{margin:0;font-weight:var(--weight-semibold)}.friend-title-row{display:flex;align-items:center;gap:10px;width:100%;justify-content:flex-start}.friend-tag{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-soft);font-family:var(--font-display);font-weight:var(--weight-medium)}.friend-url{display:inline-block;margin-top:6px;font-size:12px;color:var(--ink-soft);font-family:var(--font-sans)}.friend-arrow{font-size:18px;color:var(--ink-soft);position:absolute;top:14px;right:16px}.friend-card h3{margin:0;font-weight:var(--weight-semibold)}.friend-card p{margin:0;color:var(--ink-soft)}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:18px;gap:18px;margin-top:24px}.stat{padding:16px;border-radius:18px;background:var(--glass-surface);border:1px solid var(--glass-border)}.stat strong{display:block;font-weight:var(--weight-semibold);font-size:22px}.section{margin-top:60px}.section h2{font-size:28px;font-weight:var(--weight-semibold);margin-bottom:18px}.section .guestbook-panel h2{font-size:22px;font-weight:var(--weight-semibold)}.friends-panel,.logs-panel{padding:28px 28px 30px;cursor:default;will-change:auto}.logs-panel h2{margin-top:0;font-weight:var(--weight-semibold);font-size:22px}.logs-panel:hover{transform:none;background:linear-gradient(135deg,var(--glass-strong),var(--glass-soft));box-shadow:0 26px 60px rgba(0,0,0,.1);border-color:var(--glass-border)}.logs-empty{margin:0;text-align:center;color:var(--ink-soft);padding:8px 0 16px}.logs-list{display:grid;grid-gap:18px;gap:18px}.log-entry{padding:18px 20px;border-radius:18px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.22);display:block;color:inherit;text-decoration:none;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.log-entry:hover{background:hsla(0,0%,100%,.14);border-color:hsla(0,0%,100%,.35);box-shadow:0 12px 24px rgba(20,30,40,.1)}.log-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.log-header h3{margin:0;font-weight:var(--weight-semibold);font-size:18px}.log-date{color:var(--ink-soft);font-size:12px}.log-content{margin-top:10px}.log-content,.log-excerpt{color:var(--ink-soft);font-size:15px;line-height:1.7}.log-excerpt{margin:0}.log-content h1,.log-content h2,.log-content h3{color:var(--ink);margin:14px 0 8px;font-weight:var(--weight-semibold)}.log-content p{margin:0 0 10px}.log-content ul{margin:0 0 10px 18px;padding:0}.log-content li{margin-bottom:6px}.log-content code{background:hsla(0,0%,100%,.18);border:1px solid hsla(0,0%,100%,.28);border-radius:6px;padding:2px 6px;font-size:.9em;color:var(--ink)}.log-content pre{margin:0 0 12px;background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.25);border-radius:12px;padding:12px 14px;overflow-x:auto;color:var(--ink)}.log-content pre code{background:transparent;border:none;padding:0}.friends-panel h2{margin-top:0;font-weight:var(--weight-semibold);font-size:22px}.friends-panel:hover{transform:none;background:linear-gradient(135deg,var(--glass-strong),var(--glass-soft));box-shadow:0 26px 60px rgba(0,0,0,.1);border-color:var(--glass-border)}.grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tile{padding:22px;border-radius:22px;background:linear-gradient(135deg,var(--glass-strong),var(--glass-soft));border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);box-shadow:0 22px 55px rgba(0,0,0,.1);position:relative;overflow:hidden}.tile:before{content:"";position:absolute;inset:-80% -20%;background:linear-gradient(120deg,transparent 20%,hsla(0,0%,100%,.35),transparent 55%);opacity:.6;transform:translateX(-30%);animation:none;pointer-events:none}.tile h3{margin:0 0 8px;font-weight:var(--weight-semibold)}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.cta{text-decoration:none;padding:10px 20px;border-radius:999px;border:1px solid var(--glass-border);color:var(--ink);font-weight:var(--weight-medium);background:linear-gradient(135deg,var(--glass-strong),var(--glass-soft));-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);box-shadow:0 18px 45px rgba(30,40,50,.15),inset 0 1px 0 var(--glass-border-strong);position:relative;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.cta.primary{background:linear-gradient(130deg,hsla(40,91%,71%,.98),hsla(40,74%,66%,.85));color:var(--ink);border-color:var(--glass-border-strong);box-shadow:0 18px 45px hsla(40,91%,71%,.4),inset 0 1px 0 var(--glass-border-strong)}.cta:before{content:"";position:absolute;inset:-120% -40%;background:linear-gradient(120deg,transparent 25%,hsla(0,0%,100%,.55),transparent 60%);transform:translateX(-35%);opacity:.8;transition:transform .6s ease;pointer-events:none}.cta:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(20,30,40,.22);border-color:hsla(40,91%,71%,.6)}.cta:hover:before{transform:translateX(20%)}.cta.primary:hover{box-shadow:0 22px 50px hsla(40,91%,71%,.45);border-color:hsla(40,91%,71%,.75)}.about-layout{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.pill{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:var(--glass-surface);border:1px solid var(--glass-border);font-family:var(--font-display);font-weight:var(--weight-medium);font-size:13px;letter-spacing:.08em;text-transform:uppercase;position:absolute;top:24px;left:24px;width:-moz-fit-content;width:fit-content}footer{margin-top:auto;text-align:center;font-size:14px;color:var(--ink-soft);font-family:var(--font-sans);padding-top:24px;padding-bottom:12px}.footer-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;width:100%;margin-top:8px;margin-bottom:6px}.footer-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--glass-surface);border:1px solid var(--glass-border);box-shadow:0 12px 30px rgba(16,20,22,.12),inset 0 1px 0 var(--glass-border-strong);-webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%);font-size:12px;color:var(--ink)}.footer-icons{display:flex;justify-content:flex-start;gap:12px;margin-top:0;flex-wrap:wrap}.liquid-icon{width:44px;height:44px;flex:0 0 44px;aspect-ratio:1/1;border-radius:50%;border:1px solid var(--glass-border);background:linear-gradient(135deg,var(--glass-strong),var(--glass-soft));display:inline-flex;align-items:center;justify-content:center;color:var(--icon-ink,#101416);text-decoration:none;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);box-shadow:0 18px 40px rgba(20,30,40,.16),inset 0 1px 0 var(--glass-border-strong);transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease,background .4s ease}.liquid-icon svg{width:20px;height:20px;fill:currentColor}.liquid-icon:before{content:"";position:absolute;inset:-120% -40%;background:linear-gradient(120deg,transparent 25%,hsla(0,0%,100%,.55),transparent 60%);transform:translateX(-35%);opacity:.8;transition:transform .6s ease;pointer-events:none;animation:none}.liquid-icon:hover{transform:translateY(-6px) scale(1.05);background:linear-gradient(135deg,hsla(0,0%,100%,.6),hsla(40,91%,71%,.2));box-shadow:0 28px 60px rgba(20,30,40,.22),0 0 0 1px hsla(40,91%,71%,.4);border-color:hsla(40,91%,71%,.8)}.liquid-icon:hover:before{transform:translateX(20%)}@media (prefers-reduced-motion:reduce){.friend-card:before,.hero-card:before,.panel:before,.tile:before,body:after{animation:none}}.cta:before,.friend-card:before,.hero-card:after,.hero-card:before,.liquid-icon:before,.panel:before,.tile:before{content:none}@media (max-width:600px){.nav{flex-direction:column;align-items:flex-start}.tabs{gap:8px;padding:4px}.tab{padding:8px 14px;font-size:13px}.hero-card{padding:28px}.stage{padding:64px 24px 32px}.guestbook-list{grid-template-columns:1fr}.guestbook-load-more{margin-top:18px}}