@property --glass-strong{syntax:"<color>";inherits:true;initial-value:hsla(0,0%,100%,.26)}@property --glass-soft{syntax:"<color>";inherits:true;initial-value:hsla(0,0%,100%,.08)}@property --glass-surface{syntax:"<color>";inherits:true;initial-value:hsla(0,0%,100%,.18)}@property --glass-border{syntax:"<color>";inherits:true;initial-value:hsla(0,0%,100%,.45)}@property --glass-border-strong{syntax:"<color>";inherits:true;initial-value:hsla(0,0%,100%,.55)}@property --docs-panel-c1{syntax:"<color>";inherits:true;initial-value:rgba(20,40,54,.6)}@property --docs-panel-c2{syntax:"<color>";inherits:true;initial-value:rgba(28,64,48,.44)}@property --docs-entry-bg{syntax:"<color>";inherits:true;initial-value:hsla(0,0%,100%,.14)}@property --docs-entry-border{syntax:"<color>";inherits:true;initial-value:hsla(0,0%,100%,.3)}@property --docs-featured-glow{syntax:"<color>";inherits:true;initial-value:hsla(0,0%,100%,.12)}@property --docs-date-bg{syntax:"<color>";inherits:true;initial-value:hsla(0,0%,100%,.34)}@property --docs-date-border{syntax:"<color>";inherits:true;initial-value:hsla(0,0%,100%,.52)}: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);--icon-ink:#101416;--glass-shift:background 0.6s ease,border-color 0.6s ease,box-shadow 0.6s ease,backdrop-filter 0.6s ease;--bg-1:#f7f1e2;--bg-2:#efe4cf;--bg-3:#f2e2c4;--glow-1:hsla(40,91%,71%,.22);--glow-2:hsla(40,74%,66%,.2);--glow-3:rgba(255,219,140,.22);--docs-panel-c1:rgba(20,40,54,.6);--docs-panel-c2:rgba(28,64,48,.44);--docs-entry-bg:hsla(0,0%,100%,.14);--docs-entry-border:hsla(0,0%,100%,.3);--docs-featured-glow:hsla(0,0%,100%,.12);--docs-date-fg:var(--ink-soft);--docs-date-bg:hsla(0,0%,100%,.34);--docs-date-border:hsla(0,0%,100%,.52);--docs-excerpt-fg:var(--ink-soft);--bing-wallpaper:none;transition:--glass-strong .6s ease,--glass-soft .6s ease,--glass-surface .6s ease,--glass-border .6s ease,--glass-border-strong .6s ease,--docs-panel-c1 .6s ease,--docs-panel-c2 .6s ease,--docs-entry-bg .6s ease,--docs-entry-border .6s ease,--docs-featured-glow .6s ease,--docs-date-bg .6s ease,--docs-date-border .6s ease}:root[data-tone=dark]{--ink:#f7f4ea;--ink-soft:hsla(0,0%,100%,.75);--glass-strong:rgba(20,26,30,.7);--glass-soft:rgba(20,26,30,.35);--glass-surface:rgba(24,32,36,.6);--glass-border:hsla(0,0%,100%,.12);--glass-border-strong:hsla(0,0%,100%,.18);--border:hsla(0,0%,100%,.12);--shadow:rgba(0,0,0,.65);--icon-ink:#f7f4ea;--bg-1:#0f1418;--bg-2:#121a1f;--bg-3:#182127;--glow-1:hsla(40,91%,71%,.12);--glow-2:rgba(120,170,160,.12);--glow-3:rgba(255,219,140,.1);--docs-panel-c1:rgba(12,18,24,.72);--docs-panel-c2:rgba(14,26,22,.62);--docs-entry-bg:hsla(0,0%,100%,.09);--docs-entry-border:hsla(0,0%,100%,.2);--docs-featured-glow:hsla(0,0%,100%,.08);--docs-date-fg:var(--ink-soft);--docs-date-bg:hsla(0,0%,100%,.12);--docs-date-border:hsla(0,0%,100%,.22);--docs-excerpt-fg:var(--ink-soft)}:root:not([data-tone=dark])[data-contrast=light]{--ink:#f7f4ea;--ink-soft:hsla(0,0%,100%,.75);--icon-ink:#f7f4ea}:root:not([data-tone=dark])[data-contrast=dark]{--ink:#101416;--ink-soft:#2a343b;--icon-ink:#101416}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0}body,html{font-family:var(--font-sans);overscroll-behavior:none}body{margin:0;color:var(--ink);font-weight:var(--weight-regular);transition:color .6s ease;background-image:linear-gradient(120deg,var(--bg-1) 0,var(--bg-2) 45%,var(--bg-3) 100%);background-size:cover;background-position:50%;min-height:100vh;min-height:100svh;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom)}.wallpaper-bg-layer,body{background-color:var(--bg-1);background-repeat:no-repeat}.wallpaper-bg-layer{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:var(--bing-wallpaper),linear-gradient(120deg,var(--bg-1) 0,var(--bg-2) 45%,var(--bg-3) 100%);background-size:cover,cover;background-position:50%,50%}html.is-app-loading .page{pointer-events:none}html.is-app-loading .scroll-progress{opacity:0;pointer-events:none}.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,footer{transition:color .6s ease}:is(.brand,.tabs,.hero-card,.stage,.tile,.guestbook-panel,.friends-panel,.docs-panel,.weather-form,.stat){transition:var(--glass-shift)}button,input,select,textarea{font-family:inherit;resize:none}body:before{inset:0;background:radial-gradient(800px 400px at 10% 15%,var(--glow-1),transparent 60%),radial-gradient(700px 420px at 90% 10%,var(--glow-2),transparent 55%),radial-gradient(600px 520px at 30% 85%,var(--glow-3),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}.wallpaper-credit.is-loading{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-2)}.wallpaper-credit.is-loading:before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top:2px solid var(--accent-1);animation:wallpaperSpin 1s linear infinite}.app-loader{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:repeating-linear-gradient(135deg,hsla(40,91%,71%,.05),hsla(40,91%,71%,.05) 1px,transparent 0,transparent 12px),repeating-linear-gradient(45deg,hsla(40,91%,71%,.03),hsla(40,91%,71%,.03) 1px,transparent 0,transparent 20px),#000;transition:opacity .6s ease;color:var(--loader-ink,var(--ink))}:root[data-tone=dark] .app-loader{background:var(--bg-1)}.app-loader.is-hidden{opacity:0;pointer-events:none}.app-loader.is-visible{opacity:1}.app-loader-glass{width:150px;height:150px;border-radius:24px;background:var(--glass-surface);border:1px solid var(--glass-border);box-shadow:0 18px 30px var(--shadow);-webkit-backdrop-filter:blur(3px) saturate(160%);backdrop-filter:blur(3px) saturate(160%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem}.app-loader-ring{width:52px;height:52px;transform:rotate(-90deg)}.app-loader-track{fill:none;stroke:hsla(0,0%,100%,.2);stroke-width:4}:root[data-tone=dark] .app-loader-track{stroke:hsla(0,0%,100%,.12)}.app-loader-value{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-dasharray:151;stroke-dashoffset:calc(151 * (1 - (var(--progress, 0) / 100)));transition:stroke-dashoffset .35s ease}.app-loader-percent{margin-top:.35rem;font-size:.85rem;font-weight:var(--weight-semibold);color:var(--accent)}.app-loader-text{margin-top:.25rem;font-size:.75rem;color:var(--accent);text-align:center;max-width:160px}.scroll-progress{position:fixed;right:1.5rem;bottom:calc(1.5rem + env(safe-area-inset-bottom));width:44px;height:44px;border-radius:999px;background:var(--glass-surface);border:1px solid var(--glass-border);box-shadow:0 10px 24px var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center;z-index:30;pointer-events:auto;cursor:pointer;transition:opacity .3s ease,transform .3s ease;padding:0}.scroll-progress.is-hidden{opacity:0;transform:translateY(8px);pointer-events:none}.scroll-progress.is-visible{opacity:1;transform:translateY(0)}.scroll-progress-ring{width:30px;height:30px;transform:rotate(-90deg)}.scroll-progress-track{fill:none;stroke:hsla(0,0%,100%,.18);stroke-width:2.5}:root[data-tone=dark] .scroll-progress-track{stroke:hsla(0,0%,100%,.12)}.scroll-progress-value{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;transition:stroke-dashoffset .2s ease}.scroll-progress-arrow{position:absolute;width:16px;height:16px;stroke:var(--icon-ink);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.scroll-progress:hover{transform:translateY(-1px)}.scroll-progress:active{transform:translateY(0)}@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%)}}@keyframes wallpaperSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}canvas#bg{position:fixed;inset:0;width:100%;height:100%;z-index:0}.page{position:relative;z-index:1;padding:32px 6vw calc(80px + env(safe-area-inset-bottom));min-height:100vh;min-height:100svh;display:flex;flex-direction:column}@supports (height:100dvh){.page{min-height:100dvh}}.page-transition{position:relative}.page-transition.is-entering{will-change:transform;transform:translateY(10px);animation:pageFadeIn .36s ease both}.page-transition.is-exiting{will-change:opacity,transform;opacity:0;pointer-events:none}.page-transition.is-entering :is(.brand,.tabs,.hero-card,.stage,.panel,.tile,.cta,.footer-pill,.liquid-icon){will-change:opacity,backdrop-filter;animation:glassBlurIn .36s ease both}.nav{justify-content:space-between;gap:20px;margin-bottom:42px;z-index:10;--tabs-pad:6px;--tab-pad-y:10px;--tab-line:1.2;--tab-font:16px;--tabs-height:calc((var(--tabs-pad) * 2) + (var(--tab-pad-y) * 2) + (var(--tab-line) * 1em))}.nav,.nav-right{display:flex;align-items:center;position:relative;flex-wrap:wrap}.nav-right{gap:16px;justify-content:flex-end;min-width:0;flex:1 1 auto;margin-left:auto}.nav-right.is-wrapped{justify-content:flex-start;margin-left:0}.tone-toggle{--glass-blur:20px;--glass-sat:170%;display:inline-flex;align-items:center;justify-content:center;height:calc(var(--tabs-height) + 2px);width:var(--tabs-height);padding:0;border-radius:50%;border:1px solid var(--glass-border);background:linear-gradient(135deg,var(--glass-strong),var(--glass-soft));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));color:var(--ink-soft);font-size:var(--tab-font);font-weight:var(--weight-semibold);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.14);transition:transform .3s ease,box-shadow .3s ease,color .3s ease,background .6s ease,border-color .6s ease,-webkit-backdrop-filter .6s ease;transition:transform .3s ease,box-shadow .3s ease,color .3s ease,background .6s ease,border-color .6s ease,backdrop-filter .6s ease;transition:transform .3s ease,box-shadow .3s ease,color .3s ease,background .6s ease,border-color .6s ease,backdrop-filter .6s ease,-webkit-backdrop-filter .6s ease;order:4;flex:0 0 auto}.tone-icon{width:18px;height:18px;display:block}.tone-toggle:after{content:"";position:absolute;inset:-40% -120%;background:linear-gradient(120deg,transparent 20%,hsla(0,0%,100%,.45) 45%,hsla(40,91%,71%,.55) 55%,transparent 75%);opacity:0;transform:translateX(-60%) skewX(-10deg);pointer-events:none}.tone-toggle.is-toggling:after{animation:toneSweep .52s ease-out}.tone-toggle:focus-visible,.tone-toggle:hover{color:var(--ink);transform:translateY(-1px);box-shadow:0 18px 40px rgba(0,0,0,.14),0 0 0 1px hsla(40,91%,71%,.5),0 0 18px hsla(40,91%,71%,.45)}.brand{display:inline-flex;align-items:center;justify-content:center;height:var(--tabs-height);box-shadow:0 16px 36px rgba(0,0,0,.12);font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--tab-font);line-height:var(--tab-line);padding:0 22px;letter-spacing:.06em;text-transform:uppercase}.brand,.tabs{--glass-blur:22px;--glass-sat:170%;border-radius:999px;background:linear-gradient(135deg,var(--glass-strong),var(--glass-soft));border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat))}.tabs{display:flex;gap:12px;flex-wrap:nowrap;box-shadow:0 18px 40px rgba(0,0,0,.14);overflow-x:auto;-webkit-overflow-scrolling:touch}.tabs,.tabs-measure{padding:var(--tabs-pad)}.tabs-measure{position:absolute;left:-9999px;top:0;width:max-content;margin:0;border:none;box-shadow:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;visibility:hidden;z-index:-1;white-space:nowrap}.tabs-measure,.tabs-measure .tab{pointer-events:none}.nav-tabs{position:relative;order:2;flex:0 1 auto}.nav-tabs .tab-indicator{position:absolute;top:var(--tabs-pad);left:0;height:calc(100% - (var(--tabs-pad) * 2));width:var(--indicator-width,0);border-radius:999px;background:linear-gradient(135deg,hsla(0,0%,100%,.7),hsla(40,91%,71%,.22));box-shadow:0 10px 20px rgba(0,0,0,.12);transform:translateX(var(--indicator-x,0));transition:transform .35s cubic-bezier(.22,1,.36,1),width .35s ease;opacity:var(--indicator-opacity,0);pointer-events:none}.tab{text-decoration:none;color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;background:transparent;padding:var(--tab-pad-y) 18px;border-radius:999px;font-weight:var(--weight-medium);font-size:var(--tab-font);line-height:var(--tab-line);position:relative;z-index:1;overflow:hidden;transition:color .3s ease,box-shadow .3s ease;white-space:nowrap}.tab-more{border:none;cursor:pointer;font:inherit}.tab-more-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:160px;padding:10px;border-radius:16px;background:linear-gradient(135deg,var(--glass-strong),var(--glass-soft));border:1px solid var(--glass-border);box-shadow:0 18px 45px rgba(11,13,15,.2);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);display:grid;grid-gap:6px;gap:6px;opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:40}.tab-more-menu.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.tab-more-item{display:inline-flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:12px;text-decoration:none;color:var(--ink);font-size:13px;border:1px solid transparent;background:var(--glass-surface);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.tab-more-item:hover{border-color:hsla(40,91%,71%,.6);box-shadow:0 8px 18px rgba(11,13,15,.14);transform:translateY(-1px)}.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{--glass-blur:30px;--glass-sat:180%;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(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));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{--glass-blur:34px;--glass-sat:190%;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(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));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}.weather-shell{position:relative;z-index:20;min-width:0;max-width:100%;order:3;flex:0 0 auto}.weather-info{display:inline-flex;align-items:center;gap:8px;font-weight:var(--weight-medium);white-space:nowrap;pointer-events:none;line-height:1;min-width:0;max-width:100%}.weather-temp{font-weight:var(--weight-semibold);color:var(--ink);font-size:inherit}.weather-meta,.weather-status{color:inherit;font-weight:inherit;white-space:inherit;overflow:hidden;text-overflow:ellipsis}.weather-pill{gap:12px;cursor:pointer;transition:box-shadow .3s ease,transform .3s ease;height:var(--tabs-height)}.weather-pill:focus-visible,.weather-pill:hover{box-shadow:0 18px 40px rgba(0,0,0,.14),0 0 0 1px hsla(40,91%,71%,.5),0 0 18px hsla(40,91%,71%,.45)}.weather-pill.is-open{transform:translateY(-1px);box-shadow:0 18px 40px rgba(0,0,0,.14),0 0 0 1px hsla(40,91%,71%,.5),0 0 18px hsla(40,91%,71%,.45)}.weather-form{--glass-blur:18px;--glass-sat:170%;position:absolute;top:calc(100% + 12px);right:0;z-index:30;width:min(280px,80vw);padding:12px;border-radius:16px;border:1px solid var(--glass-border);background:linear-gradient(135deg,var(--glass-strong),var(--glass-soft));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));box-shadow:0 18px 45px rgba(11,13,15,.2);display:grid;grid-gap:8px;gap:8px;transform-origin:top right;will-change:transform,opacity}.weather-form.is-open{animation:weatherPop .22s ease-out both}.weather-form.is-closing{animation:weatherHide .2s ease-in both;pointer-events:none}.weather-row{display:flex;align-items:center;gap:8px;width:100%}.weather-input{flex:1 1;min-width:0;width:100%;max-width:100%;padding:8px 10px;border-radius:12px;border:1px solid var(--glass-border);background:var(--glass-surface);color:var(--ink);outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.weather-input::placeholder{color:var(--ink-soft);opacity:.85}.weather-input:focus{border-color:hsla(40,91%,71%,.6);box-shadow:0 0 0 1px hsla(40,91%,71%,.4),0 10px 24px rgba(11,13,15,.1);background:var(--glass-surface)}.weather-button{white-space:nowrap;padding:7px 12px;border-radius:999px;border:1px solid var(--glass-border-strong);background:var(--glass-surface);font-size:13px;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,opacity .3s ease}.weather-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(11,13,15,.12)}.weather-button.is-loading{opacity:.8;animation:weatherButtonPulse .9s ease-in-out infinite}.weather-suggestions{display:grid;grid-gap:6px;gap:6px;max-height:calc(var(--suggestion-count, 0) * 44px + 6px);opacity:0;transform:translateY(-4px);overflow:hidden;transition:max-height .24s ease,opacity .2s ease,transform .24s ease;pointer-events:none}.weather-suggestions[data-open=true]{opacity:1;transform:translateY(0);pointer-events:auto}.weather-suggestion{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:8px 10px;border-radius:12px;border:1px solid var(--glass-border);background:var(--glass-surface);cursor:pointer;font-size:13px;animation:weatherItemIn .22s ease-out both;animation-delay:calc(var(--index, 0) * 40ms)}.weather-suggestion-name{font-weight:600;color:var(--ink)}.weather-suggestion-weather{font-size:12px;color:var(--ink-soft);white-space:nowrap}.weather-action{padding:0;border-radius:999px;border:none;background:transparent;font-size:inherit;font-weight:var(--weight-bold);cursor:pointer;color:var(--ink-soft);transition:all .3s ease}.weather-action:hover{background:linear-gradient(135deg,hsla(40,91%,71%,.4),rgba(255,219,140,.22));color:var(--ink);box-shadow:0 8px 20px rgba(0,0,0,.1)}.weather-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.weather-hint{font-size:12px;color:var(--ink-soft)}@keyframes weatherPop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes weatherHide{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(.98)}}@keyframes weatherItemIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes weatherButtonPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes toneSweep{0%{opacity:0;transform:translateX(-60%) skewX(-10deg)}35%{opacity:.9}to{opacity:0;transform:translateX(60%) skewX(-10deg)}}.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}}@keyframes pageFadeIn{0%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes pageFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes glassBlurIn{0%{opacity:0;-webkit-backdrop-filter:blur(0) saturate(100%);backdrop-filter:blur(0) saturate(100%)}to{opacity:1;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat))}}.stage-subtitle{font-size:clamp(18px,2.3vw,22px);color:var(--ink-soft);max-width:720px}.stage{padding-top:76px}.panel-grid{display:grid;grid-gap:22px;gap:22px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.panel{--glass-blur:24px;--glass-sat:175%;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(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));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,-webkit-backdrop-filter .4s ease;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease,background .4s ease,backdrop-filter .4s ease;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease,background .4s ease,backdrop-filter .4s ease,-webkit-backdrop-filter .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)}.wallpaper-panel{cursor:default}.wallpaper-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)}.wallpaper-figure{margin:0;border-radius:22px;overflow:hidden;border:1px solid var(--glass-border);background:var(--glass-surface)}.wallpaper-figure img{display:block;width:100%;height:auto}.wallpaper-meta{display:grid;grid-gap:6px;gap:6px;margin-top:16px;color:var(--ink-soft);font-size:14px}.wallpaper-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}.wallpaper-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--glass-border-strong);background:var(--glass-surface);color:var(--ink);text-decoration:none;font-size:12px;font-weight:600;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease}.wallpaper-action:hover{transform:translateY(-1px);border-color:hsla(40,91%,71%,.6);box-shadow:0 10px 24px rgba(11,13,15,.12)}.wallpaper-title{color:var(--ink);font-weight:var(--weight-semibold);font-size:18px}.wallpaper-recent{margin-top:22px}.wallpaper-recent-title{margin:0 0 16px;font-size:20px;font-weight:var(--weight-semibold)}.wallpaper-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.wallpaper-card{display:grid;grid-gap:10px;gap:10px;padding:14px;border-radius:20px;border:1px solid var(--glass-border);background:linear-gradient(135deg,var(--glass-strong),var(--glass-soft));box-shadow:0 18px 40px rgba(11,13,15,.12);text-decoration:none;color:inherit;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.wallpaper-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(20,30,40,.18);border-color:hsla(40,91%,71%,.6)}.wallpaper-thumb{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--glass-border);background:var(--glass-surface);aspect-ratio:16/9}.wallpaper-thumb img{display:block;width:100%;height:100%;object-fit:cover}.wallpaper-card-meta{display:grid;grid-gap:4px;gap:4px;font-size:12px;color:var(--ink-soft)}.wallpaper-card-title{font-size:14px;font-weight:var(--weight-semibold);color:var(--ink)}.wallpaper-card-subtitle{font-size:11px;color:var(--ink-soft)}@media (max-width:1100px){.wallpaper-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.wallpaper-grid{grid-template-columns:minmax(0,1fr)}}.wallpaper-empty{margin:0;color:var(--ink-soft);font-size:15px}.wallpaper-dim-layer{position:fixed;inset:0;z-index:0;pointer-events:none;background-color:rgba(10,12,14,.8);opacity:0;will-change:opacity;transition:opacity .62s cubic-bezier(.16,1,.3,1)}html[data-wallpaper=true] .wallpaper-dim-layer{opacity:1}.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);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.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-name-wrap:focus-within{border-color:hsla(40,91%,71%,.6);box-shadow:0 0 0 1px hsla(40,91%,71%,.4),0 10px 24px rgba(11,13,15,.1);background:hsla(0,0%,100%,.82)}.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(min(100%,220px),1fr))}@media (min-width:1024px){.friend-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),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{padding:28px 28px 30px}.docs-panel,.friends-panel{cursor:default;will-change:auto}.docs-panel{width:100%;max-width:1020px;margin-inline:auto;padding:24px 24px 26px;background:linear-gradient(135deg,var(--docs-panel-c1),var(--docs-panel-c2));border-color:var(--docs-entry-border);-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%);transition:var(--glass-shift)}.docs-panel h2{margin-top:0;margin-bottom:14px;font-weight:var(--weight-semibold);font-size:22px}.docs-panel:hover{transform:none;background:linear-gradient(135deg,var(--docs-panel-c1),var(--docs-panel-c2));box-shadow:0 26px 60px rgba(0,0,0,.14);border-color:var(--docs-entry-border)}.docs-empty{margin:0;text-align:center;color:var(--ink-soft);padding:8px 0 16px}.docs-section{margin-top:12px}.docs-list{display:grid;grid-gap:14px;gap:14px}.doc-entry{padding:18px 20px;border-radius:18px;background:var(--docs-entry-bg);border:1px solid var(--docs-entry-border);-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);display:block;color:inherit;text-decoration:none;transition:var(--glass-shift),color .6s ease}.doc-entry:hover{background:color-mix(in srgb,var(--docs-entry-bg) 86%,#fff 14%);box-shadow:0 12px 24px rgba(20,30,40,.14)}.doc-entry-featured,.doc-entry:hover{border-color:color-mix(in srgb,var(--docs-entry-border) 84%,#fff 16%)}.doc-entry-featured{padding:24px 26px;background:radial-gradient(circle at 100% 0,var(--docs-featured-glow),transparent 42%),linear-gradient(160deg,var(--docs-entry-bg),color-mix(in srgb,var(--docs-entry-bg) 72%,#eef8f0 28%));box-shadow:0 20px 40px rgba(12,20,28,.2);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.doc-entry-featured:before{content:"";position:absolute;inset:-20% -10%;background:radial-gradient(circle at 85% 8%,hsla(0,0%,100%,.2),transparent 38%),radial-gradient(circle at 20% 100%,hsla(0,0%,100%,.1),transparent 45%);opacity:0;transition:opacity .3s ease;pointer-events:none}.doc-entry-featured .doc-header{display:block;margin-bottom:12px}.doc-entry-featured .doc-header h3{font-size:clamp(28px,3vw,36px);line-height:1.2}.doc-entry-featured .doc-date{display:inline-flex;margin-top:10px;padding:3px 10px;border-radius:999px;font-size:12px;color:var(--docs-date-fg);background:var(--docs-date-bg);border:1px solid var(--docs-date-border);transition:color .6s ease,background .6s ease,border-color .6s ease}.doc-entry-featured .doc-excerpt{font-size:16px;line-height:1.68;max-width:72ch;color:var(--ink)}.doc-entry-featured:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--docs-entry-border) 72%,#fff 28%);box-shadow:0 24px 50px rgba(12,20,28,.24)}.doc-entry-featured:hover:before{opacity:1}.docs-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.doc-entry-compact{min-height:132px}.doc-entry-compact .doc-header{display:block;margin-bottom:8px}.doc-entry-compact .doc-header h3{font-size:17px;color:var(--ink);line-height:1.35;margin-bottom:4px}.doc-entry-compact .doc-date{display:inline-flex;color:var(--docs-date-fg);opacity:.95}.doc-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.doc-header h3{margin:0;font-weight:var(--weight-semibold);font-size:18px}.doc-date{color:var(--ink-soft);font-size:12px}.doc-content{color:var(--ink-soft);font-size:var(--doc-font-size,16px);line-height:1.7;transition:font-size .15s ease,color .6s ease}.doc-content,.doc-reader{margin-top:10px}.doc-font-controls{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:6px;border-radius:999px;background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.25);-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%)}.doc-font-btn{min-width:40px;height:34px;border:1px solid hsla(0,0%,100%,.32);border-radius:999px;background:hsla(0,0%,100%,.2);color:var(--ink);font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:13px;line-height:1;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease}.doc-font-btn:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.48);transform:translateY(-1px)}.doc-font-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.doc-excerpt{margin:0;color:var(--docs-excerpt-fg);font-size:15px;line-height:1.7;transition:color .6s ease}@media (max-width:720px){.docs-section{margin-top:6px}.docs-panel{padding:18px 16px 20px}.docs-panel h2{margin-bottom:10px;font-size:20px}.doc-entry-featured{padding:18px 16px}.doc-entry-featured .doc-header h3{font-size:clamp(24px,6.8vw,30px)}.doc-entry-featured .doc-excerpt{max-width:none;font-size:15px;line-height:1.64}.docs-grid{grid-template-columns:1fr;gap:10px}.doc-entry-compact{min-height:0;padding:14px 14px 15px}.doc-entry-compact .doc-header h3{font-size:16px}.doc-entry-compact .doc-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.doc-font-controls{position:-webkit-sticky;position:sticky;top:10px;z-index:25;margin-bottom:12px}.doc-font-btn{min-width:42px;height:36px}}.doc-content h1,.doc-content h2,.doc-content h3{color:var(--ink);margin:14px 0 8px;font-weight:var(--weight-semibold)}.doc-content p{margin:0 0 10px}.doc-content a{color:var(--accent-2);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px;transition:color .25s ease,-webkit-text-decoration-color .25s ease;transition:color .25s ease,text-decoration-color .25s ease;transition:color .25s ease,text-decoration-color .25s ease,-webkit-text-decoration-color .25s ease}.doc-content a:hover{color:var(--accent-3);-webkit-text-decoration-color:var(--accent-3);text-decoration-color:var(--accent-3)}.doc-content ul{margin:0 0 10px 18px;padding:0}.doc-content li{margin-bottom:6px}.doc-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)}.doc-content .code-block{margin:0 0 12px;border-radius:12px;overflow:hidden;border:1px solid hsla(0,0%,100%,.25);background:hsla(0,0%,100%,.12)}.doc-content .code-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:hsla(0,0%,100%,.16);border-bottom:1px solid hsla(0,0%,100%,.25);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.doc-content .code-lang{color:var(--ink);font-weight:var(--weight-semibold)}.doc-content .code-copy{border:1px solid hsla(0,0%,100%,.35);background:hsla(0,0%,100%,.24);color:var(--ink);font-size:12px;padding:4px 8px;border-radius:8px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.doc-content .code-copy:hover{background:hsla(0,0%,100%,.36);border-color:hsla(0,0%,100%,.55)}.doc-content pre{margin:0;background:transparent;border:none;border-radius:0;padding:12px 14px;overflow-x:auto;color:var(--ink)}.doc-content pre code{background:transparent;border:none;padding:0}.doc-content blockquote{margin:0 0 14px;padding:14px 16px 12px;background:linear-gradient(135deg,hsla(0,0%,100%,.16),hsla(0,0%,100%,.08));border:1px solid hsla(0,0%,100%,.24);border-radius:12px;color:var(--ink-soft);position:relative;overflow:hidden}.doc-content blockquote p{margin:0}:root[data-tone=dark] .doc-content blockquote{background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.04));border-color:hsla(0,0%,100%,.16)}.doc-content hr{border:none;height:1px;background:hsla(0,0%,100%,.28);margin:12px 0}.doc-content table{width:100%;border-collapse:collapse;margin:0 0 12px;font-size:14px;color:var(--ink-soft);border-radius:12px;overflow:hidden;border:1px solid hsla(0,0%,100%,.28);background:hsla(0,0%,100%,.08)}.doc-content td,.doc-content th{padding:8px 10px;border:1px solid hsla(0,0%,100%,.2);text-align:left;vertical-align:top}.doc-content th{color:var(--ink);background:hsla(0,0%,100%,.16);font-weight:var(--weight-semibold)}.doc-content tr:nth-child(2n) td{background:hsla(0,0%,100%,.08)}.not-found{display:flex;align-items:center;justify-content:center;padding-top:40px;padding-bottom:60px}.not-found-card{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);grid-gap:28px;gap:28px;align-items:center;padding:32px;max-width:920px;cursor:default;will-change:auto}.not-found-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)}.not-found-visual{position:relative;display:grid;place-items:center;min-height:200px;border-radius:20px;background:radial-gradient(circle at 30% 20%,hsla(0,0%,100%,.18),transparent 55%);border:1px solid hsla(0,0%,100%,.25);overflow:hidden}.not-found-code{font-size:72px;font-weight:var(--weight-bold);letter-spacing:.08em;color:var(--ink);text-shadow:0 12px 30px rgba(20,30,40,.15)}.not-found-orbit{position:absolute;inset:0}.not-found-orbit span{position:absolute;width:120px;height:120px;border-radius:50%;border:1px dashed hsla(0,0%,100%,.35);animation:orbit 12s linear infinite;top:50%;left:50%;transform:translate(-50%,-50%)}.not-found-orbit span:nth-child(2){width:160px;height:160px;animation-duration:16s;opacity:.7}.not-found-orbit span:nth-child(3){width:220px;height:220px;animation-duration:20s;opacity:.5}.not-found-content h1{margin:12px 0 8px;font-size:28px}.not-found-content p{margin:0 0 18px;color:var(--ink-soft)}.not-found-content .pill{position:static;margin-bottom:12px}.not-found-actions{display:flex;flex-wrap:wrap;gap:12px}@keyframes orbit{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@media (max-width:720px){.not-found-card{grid-template-columns:1fr}.not-found-visual{min-height:160px}}.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{--glass-blur:22px;--glass-sat:170%;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(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));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{--glass-blur:18px;--glass-sat:180%;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(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));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,background .35s ease,-webkit-backdrop-filter .35s ease;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,background .35s ease,backdrop-filter .35s ease;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,background .35s ease,backdrop-filter .35s ease,-webkit-backdrop-filter .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;gap:10px;flex-wrap:wrap;width:100%;margin-top:8px;margin-bottom:6px}.footer-meta,.footer-pill{align-items:center;justify-content:center}.footer-pill{--glass-blur:10px;--glass-sat:160%;display:inline-flex;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(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));transition:color .6s ease,background .6s ease,border-color .6s ease,box-shadow .6s ease,-webkit-backdrop-filter .6s ease;transition:color .6s ease,background .6s ease,border-color .6s ease,box-shadow .6s ease,backdrop-filter .6s ease;transition:color .6s ease,background .6s ease,border-color .6s ease,box-shadow .6s ease,backdrop-filter .6s ease,-webkit-backdrop-filter .6s ease;font-size:12px;color:var(--ink)}.footer-icons{display:flex;justify-content:flex-start;gap:12px;margin-top:0;flex-wrap:wrap}.liquid-icon{--glass-blur:18px;--glass-sat:170%;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(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));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)}:root[data-tone=dark] .liquid-icon:hover{background:linear-gradient(135deg,rgba(28,36,42,.9),hsla(40,91%,71%,.18));box-shadow:0 28px 60px rgba(0,0,0,.45),0 0 0 1px hsla(40,91%,71%,.35);border-color:hsla(40,91%,71%,.6)}.liquid-icon:hover:before{transform:translateX(20%)}@media (prefers-reduced-motion:reduce){.friend-card:before,.hero-card:before,.page-transition,.page-transition.is-entering :is(.brand,.tabs,.hero-card,.stage,.panel,.tile,.cta,.footer-pill,.liquid-icon),.panel:before,.tile:before,.wallpaper-credit.is-loading:before,.weather-form,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{--tabs-pad:4px;--tab-pad-y:8px;--tab-font:13px;gap:12px}.nav-right{justify-content:flex-start;row-gap:10px}.nav-tabs{width:auto;max-width:100%}.tabs{gap:8px;max-width:100%;overflow-x:visible}.tab-more-menu{right:auto;left:0;width:100%}.hero-card{padding:28px}.stage{padding:64px 24px 32px}.guestbook-list{grid-template-columns:1fr}.guestbook-load-more{margin-top:18px}.weather-form,.weather-pill{width:auto;max-width:100%}.weather-form{left:0;right:0}.footer-meta{flex-direction:column;align-items:center;justify-content:center;text-align:center}.footer-meta .footer-pill:first-child{order:2}.footer-meta .wallpaper-credit{order:1}}