:root{color-scheme:light;--color-canvas:oklch(98.5% .006 255);--color-surface:oklch(97.2% .01 255);--color-white:oklch(100% 0 0);--color-primary:oklch(39% .12 255);--color-primary-deep:oklch(33% .11 255);--color-ink:oklch(28.5% .07 255);--color-muted:oklch(47% .045 255);--color-sky:oklch(78% .1 235);--color-line:oklch(85% .03 255);--color-leaf:oklch(60% .085 145);--color-gold:oklch(78% .09 75);--font-display:"Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, SimSun, serif;--font-sans:"Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;--text-page-title:clamp(2rem, 3.4vw, 3.25rem);--text-feature-title:1.5rem;--text-content-title:1.125rem;--text-body:1rem;--text-label:.875rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:3rem;--space-4xl:4rem;--radius-compact:8px;--radius-control:10px;--radius-panel:14px;--shadow-low:0 2px 8px oklch(28.5% .07 255/.1);--shadow-lift:0 4px 8px oklch(28.5% .07 255/.14);--focus-ring:0 0 0 3px var(--color-primary);--ease-out:cubic-bezier(.25, 1, .5, 1);--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-page:cubic-bezier(.55, 0, 1, .45);--z-sticky:20;--z-modal-backdrop:30;--z-modal:40;--z-page-transition:50;--scene-height:100svh;--header-height:clamp(68px, 4.79vw, 80px);--footer-height:80px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-canvas);min-width:320px;min-height:100%;overflow-x:hidden}body{background:var(--color-canvas);min-height:100%;color:var(--color-ink);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.75;overflow-x:hidden}body:after{content:"";z-index:var(--z-page-transition);background:var(--color-canvas);opacity:0;pointer-events:none;position:fixed;inset:0}html[data-motion-entry=pending] body:after{animation:page-cover-reveal .36s var(--ease-out-quint) both}html[data-motion=on].is-page-leaving body:after{pointer-events:auto;animation:page-cover-hide .17s var(--ease-in-page) both}html.home-page,body.home-page{overscroll-behavior:none;height:100%;overflow:hidden}button,input,textarea,select{font:inherit}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{box-shadow:var(--focus-ring);outline:none}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{top:var(--space-md);left:var(--space-md);z-index:calc(var(--z-modal) + 1);border-radius:var(--radius-compact);padding:var(--space-md) var(--space-lg);background:var(--color-primary);color:var(--color-white);transition:translate .16s var(--ease-out);text-decoration:none;position:fixed;translate:0 -160%}.skip-link:focus{translate:0}.site-scene{isolation:isolate;z-index:1;width:100%;height:var(--scene-height);background:0 0;margin-inline:0;position:relative;overflow:hidden}.scene-backdrop{z-index:0;pointer-events:none;background:var(--color-canvas);width:100%;margin-inline:0;position:fixed;inset:0;overflow:hidden}.scene-background{width:max(100vw,189.784svh);max-width:none;height:auto;position:absolute;top:0;left:50%;transform:translate(-50%,-6.3762%)}.site-header{--header-inline-padding:clamp(var(--space-lg), 2.75vw, var(--space-3xl));isolation:isolate;z-index:var(--z-sticky);min-height:var(--header-height);padding-inline:var(--header-inline-padding);background:0 0;grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);align-items:center;display:grid;position:relative}.header-primary{display:contents}.brand{justify-self:start;align-items:center;gap:var(--space-sm);min-height:44px;color:var(--color-primary-deep);font-family:var(--font-display);grid-area:1/1;font-size:clamp(1.25rem,1.5vw,1.5rem);font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.brand-mark{flex:0 0 24px;width:24px;height:44px;display:block;position:relative}.brand-mark img,.hero-mark img{object-fit:contain;pointer-events:none;max-width:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brand-mark img{width:60px;height:60px}.desktop-nav{--nav-carrier-color:oklch(100% 0 0/.88);--nav-carrier-run:var(--space-lg);isolation:isolate;height:max(48px, calc(var(--header-height) - 20px));justify-content:center;place-self:start center;align-items:stretch;gap:calc(var(--space-2xl) - 10px);padding-inline:var(--space-lg);background:var(--nav-carrier-color);grid-area:1/2;display:flex;position:relative;overflow:visible}.desktop-nav:before,.desktop-nav:after{content:"";z-index:-1;width:var(--nav-carrier-run);background:var(--nav-carrier-color);pointer-events:none;position:absolute;top:0;bottom:0}.desktop-nav:before{right:100%}.desktop-nav:after{left:100%}.nav-carrier-curve{z-index:-1;width:var(--space-4xl);color:var(--nav-carrier-color);pointer-events:none;position:absolute;top:0;bottom:0}.nav-carrier-curve-left{right:calc(100% + var(--nav-carrier-run));transform:scaleX(-1)}.nav-carrier-curve-right{left:calc(100% + var(--nav-carrier-run))}.nav-carrier-curve svg{fill:currentColor;stroke:none;width:100%;height:100%;display:block}.nav-link{align-items:center;gap:var(--space-sm);min-height:48px;color:var(--color-ink);font-family:var(--font-display);transition:color .16s var(--ease-out);font-weight:600;line-height:1;text-decoration:none;display:inline-flex;position:relative}.nav-link:after{content:"";transform-origin:50%;background:var(--color-primary);height:2px;transition:scale .16s var(--ease-out);position:absolute;bottom:0;left:0;right:0;scale:0 1}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.nav-link:hover:after,.nav-link.active:after{scale:1}.header-actions{justify-self:end;align-items:center;gap:var(--space-sm);grid-area:1/3;display:flex}.profile-entry{align-items:center;gap:var(--space-sm);min-height:48px;display:inline-flex}.profile-avatar{background:var(--color-surface);width:44px;height:44px;transition:transform .16s var(--ease-out), box-shadow .16s var(--ease-out);border-radius:999px;flex:0 0 44px;display:block;overflow:hidden;box-shadow:0 0 0 2px oklch(100% 0 0/.9),0 2px 8px oklch(28.5% .07 255/.14)}.profile-avatar:hover{box-shadow:0 0 0 2px var(--color-white), 0 4px 8px oklch(28.5% .07 255/.18);transform:translateY(-1px)}.profile-avatar:active{transform:translateY(0)}.profile-avatar img{object-fit:cover;object-position:52% 36%;user-select:none;width:100%;height:100%;display:block}.profile-name{min-height:44px;color:var(--color-primary-deep);font-family:var(--font-display);transition:color .16s var(--ease-out);align-items:center;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.profile-name:hover{color:var(--color-primary)}.icon-button{background:var(--color-primary);width:44px;height:44px;color:var(--color-white);cursor:pointer;transition:background .16s var(--ease-out), transform .16s var(--ease-out);border:0;border-radius:999px;place-items:center;display:inline-grid}.icon-button:hover{background:var(--color-primary-deep);transform:translateY(-1px)}.icon-button:active{transform:translateY(0)}.motion-toggle{z-index:var(--z-sticky);left:max(var(--space-md), env(safe-area-inset-left));bottom:max(var(--space-md), env(safe-area-inset-bottom));justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-control);min-width:5.5rem;min-height:44px;padding:var(--space-sm) var(--space-md);color:var(--color-white);box-shadow:var(--shadow-low);cursor:pointer;backdrop-filter:blur(6px);transition:background .16s var(--ease-out), transform .16s var(--ease-out), opacity .16s var(--ease-out);background:oklch(33% .11 255/.9);border:0;font-size:.8125rem;font-weight:600;line-height:1;display:inline-flex;position:fixed}.motion-toggle:hover{background:var(--color-primary);transform:translateY(-2px)}.motion-toggle:active{transform:translateY(0)scale(.97)}.motion-toggle:disabled{opacity:.74;cursor:not-allowed;transform:none}.motion-toggle-icon{place-items:center;display:inline-grid}.motion-toggle-icon-off,.motion-toggle[aria-pressed=false] .motion-toggle-icon-on{display:none}.motion-toggle[aria-pressed=false] .motion-toggle-icon-off{display:inline-grid}.menu-open{display:none}.mobile-menu{border-radius:var(--radius-panel);width:min(22rem,100% - 2rem);max-height:calc(100svh - 2rem);padding:var(--space-lg);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-lift);border:0}.mobile-menu::backdrop{background:oklch(18% .04 255/.46)}.mobile-menu-header{margin-bottom:var(--space-lg);font-family:var(--font-display);justify-content:space-between;align-items:center;font-size:1.125rem;font-weight:600;display:flex}.mobile-menu nav{gap:var(--space-sm);display:grid}.mobile-nav-link{align-items:center;gap:var(--space-md);border-radius:var(--radius-compact);min-height:48px;padding-inline:var(--space-md);text-decoration:none;display:flex}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--color-white);color:var(--color-primary)}.scene-grid{height:calc(var(--scene-height) - var(--header-height) - var(--footer-height));grid-template-rows:minmax(480px,1fr) auto;grid-template-columns:minmax(168px,12.6fr) minmax(0,56.8fr) minmax(360px,30.6fr);min-height:0;display:grid}.brand-plaque{align-items:center;gap:var(--space-2xl);min-width:0;padding:clamp(4.5rem, 10vh, 7rem) var(--space-xl) var(--space-3xl);color:oklch(94% .025 245);flex-direction:column;grid-area:1/1/span 2;display:flex}.brand-plaque p{max-height:19rem;font-family:var(--font-display);letter-spacing:.16em;writing-mode:vertical-rl;text-orientation:upright;margin:0;font-size:clamp(.9rem,1.05vw,1.05rem);line-height:1.8}.plaque-star{font-size:1.1rem}.hero-region{min-width:0;padding:clamp(var(--space-3xl), 7vh, 6rem) clamp(var(--space-2xl), 5vw, 6rem);grid-area:1/2;align-items:center;display:flex}.hero-content{width:min(31rem,100%)}.hero-title-row{align-items:center;gap:var(--space-md);color:var(--color-primary-deep);display:flex}.hero-mark{flex:0 0 44px;width:44px;height:88px;position:relative}.hero-mark img{width:118px;height:118px}.hero-title-row h1{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(3rem,4vw,4rem);font-weight:500;line-height:1}.title-spark{margin-top:var(--space-sm);color:var(--color-gold);align-self:flex-start}.hero-subtitle{align-items:center;gap:var(--space-lg);margin:var(--space-xl) 0;color:var(--color-ink);font-family:var(--font-display);letter-spacing:.28em;white-space:nowrap;font-size:clamp(.85rem,1.2vw,1rem);display:flex}.hero-subtitle-line{background:var(--color-line);width:clamp(28px,3vw,54px);height:1px}.hero-description{max-width:31rem;color:var(--color-ink);font-family:var(--font-display);text-wrap:pretty;margin:0;font-size:1rem;line-height:1.85}.hero-actions{gap:var(--space-2xl);margin-top:clamp(var(--space-xl), 4vh, var(--space-2xl));flex-wrap:wrap;display:flex}.home-runtime-state{align-items:center;gap:var(--space-md);margin-top:var(--space-lg);color:var(--color-muted);font-size:var(--text-label);display:flex}.home-runtime-state[hidden]{display:none}.home-runtime-state button{align-items:center;gap:var(--space-xs);border-radius:var(--radius-compact);min-height:44px;padding-inline:var(--space-md);background:var(--color-surface);color:var(--color-primary);cursor:pointer;border:0;display:inline-flex}[data-home-plaque][data-loading],[data-home-hero-title][data-loading],[data-home-hero-subtitle][data-loading],[data-home-hero-description][data-loading],[data-home-thought-chinese][data-loading],[data-home-thought-english][data-loading]{border-radius:var(--radius-compact);background:var(--color-line)}[data-home-plaque][data-loading]{width:1rem;min-height:12rem}[data-home-hero-title][data-loading]{width:min(13rem,48vw);height:1em}[data-home-hero-subtitle][data-loading]{width:min(12rem,40vw);height:1.25rem}[data-home-hero-description][data-loading]{width:min(29rem,100%);min-height:3.7rem}.hero-actions [data-loading]{color:#0000;pointer-events:none}[data-home-feature-frame][data-loading]{background:var(--color-surface)}[data-home-thought-chinese][data-loading],[data-home-thought-english][data-loading]{width:min(24rem,72vw);min-height:1.4rem;margin-inline:auto}[data-home-thought-english][data-loading]{width:min(19rem,64vw);margin-top:var(--space-sm)}.button{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-control);min-width:9.5rem;min-height:46px;padding:var(--space-md) var(--space-xl);transition:background .16s var(--ease-out), color .16s var(--ease-out), transform .16s var(--ease-out), box-shadow .16s var(--ease-out);font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.button-primary{background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-low);border:0}.button-secondary{border:1px solid var(--color-primary);background:var(--color-surface);color:var(--color-primary)}.button:hover{transform:translateY(-2px)}.button-primary:hover{background:var(--color-primary-deep);box-shadow:var(--shadow-lift)}.button-secondary:hover{background:var(--color-white)}.right-rail{grid-area:1/3/span 2;grid-template-rows:clamp(116px, 8.85vw, 148px) clamp(var(--space-2xl), 2.81vw, 47px) clamp(300px, 19.32vw, 323px) clamp(var(--space-lg), 1.08vw, 18px) minmax(11rem, 1fr);min-width:0;padding:2px clamp(var(--space-3xl), 4.3vw, 72px) var(--space-lg) clamp(var(--space-2xl), 2.87vw, var(--space-3xl));align-content:start;gap:0;display:grid}.nest-photo{grid-row:1;margin:0}@media (width>=1280px){.desktop-nav{--nav-carrier-run:var(--space-2xl);gap:calc(var(--space-3xl) - 10px)}.nest-photo{width:auto;height:100%;aspect-ratio:1672/941;place-self:stretch start;margin-inline-start:clamp(var(--space-lg), 2.4vw, 40px)}}@media (width>=1440px){.desktop-nav{--nav-carrier-run:var(--space-3xl)}}@media (width>=1600px){.desktop-nav{--nav-carrier-run:var(--space-4xl);gap:calc(var(--space-4xl) - 10px)}}.recent-panel{grid-row:3}.announcement-panel .panel-heading button{align-items:center;gap:var(--space-xs);min-height:44px;color:var(--color-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.875rem;display:inline-flex}.announcement-panel .panel-heading button:hover{color:var(--color-primary)}.announcement-panel .panel-heading button:disabled{opacity:.48;cursor:default}.announcement-preview-list,.announcement-dialog-list{margin:0;padding:0;list-style:none}.announcement-preview-list li+li,.announcement-dialog-list li+li{border-top:1px solid var(--color-line)}.announcement-preview-button,.announcement-list-button{align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) 0;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;grid-template-columns:42px minmax(0,1fr) auto;display:grid}.announcement-marker{border-radius:var(--radius-compact);background:var(--color-surface);width:42px;height:42px;color:var(--color-primary);letter-spacing:.04em;place-items:center;font-size:.75rem;font-weight:700;display:grid}.announcement-copy{gap:.1rem;min-width:0;display:grid}.announcement-copy strong,.announcement-excerpt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.announcement-copy strong{color:var(--color-ink);font-size:.875rem;font-weight:600;line-height:1.4}.announcement-excerpt,.announcement-copy time{color:var(--color-muted);font-size:.75rem;line-height:1.4}.announcement-preview-button .announcement-copy time{display:none}.announcement-preview-button>svg,.announcement-list-button>svg{color:var(--color-primary);transition:transform .16s var(--ease-out)}.announcement-preview-button:hover .announcement-marker,.announcement-list-button:hover .announcement-marker{background:var(--color-primary);color:var(--color-white)}.announcement-preview-button:hover>svg,.announcement-list-button:hover>svg{transform:translate(2px)}.announcement-dialog{width:min(44rem, calc(100% - 2 * var(--space-xl)));max-width:none;max-height:min(46rem, calc(100dvh - 2 * var(--space-xl)));border-radius:var(--radius-panel);color:var(--color-ink);opacity:0;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out), overlay .18s allow-discrete, display .18s allow-discrete;background:0 0;border:0;margin:auto;padding:0;overflow:hidden;transform:translateY(10px)scale(.985)}.announcement-dialog[open]{opacity:1;transform:translateY(0)scale(1)}@starting-style{.announcement-dialog[open]{opacity:0;transform:translateY(10px)scale(.985)}}.announcement-dialog::backdrop{backdrop-filter:blur(5px);background:oklch(22% .045 255/.34)}.announcement-dialog-shell{max-height:min(46rem, calc(100dvh - 2 * var(--space-xl)));border-radius:inherit;box-shadow:var(--shadow-lift);background:oklch(98.5% .006 255/.985);border:1px solid oklch(82% .035 250/.8);grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.announcement-dialog-header{align-items:center;gap:var(--space-md);border-bottom:1px solid var(--color-line);padding:var(--space-lg) var(--space-xl);background:oklch(98.5% .006 255/.98);grid-template-columns:minmax(44px,1fr) minmax(0,2fr) minmax(44px,1fr);display:grid}.announcement-dialog-header>div{text-align:center;min-width:0}.announcement-dialog-header [data-announcement-kicker]{align-items:center;gap:var(--space-xs);color:var(--color-primary);font-size:var(--text-label);font-weight:600;display:inline-flex}.announcement-dialog-header h2{margin:var(--space-xs) 0 0;overflow-wrap:anywhere;color:var(--color-primary-deep);font-family:var(--font-display);font-size:var(--text-feature-title);text-wrap:balance;line-height:1.35}.announcement-dialog-header time{margin-top:var(--space-xs);color:var(--color-muted);font-size:var(--text-label);display:block}.announcement-dialog-back,.announcement-dialog-close{border-radius:var(--radius-control);background:var(--color-surface);min-height:44px;color:var(--color-primary);font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex}.announcement-dialog-back{justify-self:start;gap:var(--space-xs);padding-inline:var(--space-md);font-size:var(--text-label);font-weight:600}.announcement-dialog-close{border-radius:50%;justify-self:end;width:44px;padding:0}.announcement-dialog-back:hover,.announcement-dialog-close:hover{background:var(--color-primary);color:var(--color-white)}.announcement-dialog-content{overscroll-behavior-y:contain;min-height:0;padding:var(--space-xl);overflow-y:auto}.announcement-dialog-intro,.announcement-dialog-empty{margin:0 0 var(--space-md);color:var(--color-muted);font-size:var(--text-label)}.announcement-dialog-list{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}.announcement-list-button{padding:var(--space-md)}.announcement-list-button .announcement-excerpt{white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.announcement-dialog-detail{max-width:38rem;margin-inline:auto}.announcement-dialog-detail p{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-body);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;line-height:1.9}.tools-panel{grid-row:5}.rail-panel,.thought-panel{border-radius:var(--radius-panel);box-shadow:var(--shadow-low);background:oklch(98.5% .006 255/.94)}.nest-photo{border:3px solid var(--color-white);border-radius:var(--radius-panel);outline:1px solid var(--color-line);outline-offset:-1px;background:var(--color-white);min-width:0;min-height:116px;box-shadow:var(--shadow-low);position:relative;overflow:hidden}.nest-photo>img{object-fit:cover;object-position:68% center;width:100%;height:100%;display:block}.rail-panel h2{color:var(--color-primary-deep);font-family:var(--font-display);margin:0;font-size:1.125rem;line-height:1.4}.rail-panel{min-height:0;padding:var(--space-xl)}.panel-heading{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.panel-heading a{align-items:center;gap:var(--space-xs);min-height:44px;color:var(--color-muted);font-size:.875rem;text-decoration:none;display:inline-flex}.panel-heading a:hover{color:var(--color-primary)}.empty-state{margin:var(--space-xl) 0;color:var(--color-muted);text-align:center}.panel-down{width:44px;height:32px;margin:0 0 calc(-1 * var(--space-md)) auto;border-radius:var(--radius-compact);color:var(--color-primary);place-items:center;display:grid}.tools-panel{align-content:start;display:grid}.tool-list{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin:var(--space-xl) 0 0;padding:0;list-style:none;display:flex}.tool-list li{place-items:center;gap:var(--space-sm);min-width:44px;color:var(--color-primary);display:grid}.tool-list span{color:var(--color-ink);white-space:nowrap;font-size:.875rem}.thought-panel{align-items:start;gap:var(--space-xl);min-width:0;margin:0 clamp(6rem, 9.8vw, 10.25rem) var(--space-lg) var(--space-lg);padding:var(--space-xl) clamp(var(--space-xl), 4vw, var(--space-4xl));color:var(--color-primary);grid-area:2/2;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.thought-body p{color:var(--color-ink);font-family:var(--font-display);text-align:center;text-wrap:pretty;margin:0;font-size:clamp(1rem,1.3vw,1.14rem);line-height:1.7}.thought-tags{justify-content:center;gap:var(--space-md) var(--space-xl);margin-top:var(--space-xl);flex-wrap:wrap;margin-bottom:0;padding:0;list-style:none;display:flex}.thought-tags li{align-items:center;gap:var(--space-xl);min-height:36px;color:var(--color-muted);font-size:.875rem;display:inline-flex}.thought-tags li:not(:last-child):after{content:"✦";color:var(--color-gold);font-size:.875rem;scale:.72}.thought-feather{align-self:center;width:32px;height:48px;display:block;position:relative;rotate:18deg}.thought-feather img{object-fit:contain;width:65px;max-width:none;height:65px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#latest,#tools,#thought{scroll-margin-top:96px}.about-dialog{border-radius:var(--radius-panel);width:min(30rem,100% - 2rem);max-height:calc(100svh - 2rem);padding:var(--space-3xl);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-lift);border:0;overflow:auto}.about-dialog::backdrop{background:oklch(18% .04 255/.46)}.about-dialog h2{color:var(--color-primary-deep);font-family:var(--font-display);margin:0;font-size:1.125rem;font-weight:600;line-height:1.45}.about-dialog p{margin:var(--space-lg) 0 0;text-wrap:pretty}.about-close{top:var(--space-md);right:var(--space-md);position:absolute}.site-footer{z-index:1;justify-content:center;gap:var(--space-sm);min-height:var(--footer-height);padding:var(--space-sm) var(--space-lg);color:var(--color-muted);font-family:var(--font-display);align-items:center;font-size:.875rem;line-height:1.4;display:flex;position:relative}@keyframes page-cover-hide{0%{opacity:0}to{opacity:1}}@keyframes page-cover-reveal{0%{opacity:.94}to{opacity:0}}@keyframes motion-background-settle{0%{opacity:.82;scale:1.012}to{opacity:1;scale:1}}@keyframes motion-header-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-plaque-enter{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes motion-main-enter{0%{opacity:0;transform:translateY(14px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes motion-rail-enter{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes motion-content-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-page-exit{0%{opacity:1;transform:scale(1)}to{opacity:.88;transform:scale(.996)}}html[data-motion-entry=pending] .scene-background{transform-origin:50%;animation:motion-background-settle .64s var(--ease-out-quint) both}html[data-motion-entry=pending] .site-header{animation:motion-header-enter .46s var(--ease-out-expo) 30ms both}html[data-motion-entry=pending] :is(.brand-plaque,.columns-plaque,.tools-plaque,.thoughts-plaque,.about-plaque,.column-detail-plaque){animation:motion-plaque-enter .5s var(--ease-out-quint) 90ms both}html[data-motion-entry=pending] :is(.hero-content,.columns-intro,.tools-intro,.thoughts-intro,.about-intro,.column-detail-intro,.tool-page-heading,.admin-intro){animation:motion-main-enter .52s var(--ease-out-quint) .1s both}html[data-motion-entry=pending] :is(.thought-panel,.columns-feature,.columns-collection,.tools-browser,.featured-thought,.thought-stream,.about-quote,.about-topic-grid,.column-detail-articles,.column-detail-reader-view,.tool-page-surface,.admin-table-shell,.admin-editor-panel){animation:motion-main-enter .54s var(--ease-out-quint) .17s both}html[data-motion-entry=pending] :is(.right-rail,.columns-rail,.tools-rail,.thoughts-rail,.about-rail,.column-detail-rail)>:first-child{animation:motion-rail-enter .5s var(--ease-out-quint) .15s both}html[data-motion-entry=pending] :is(.right-rail,.columns-rail,.tools-rail,.thoughts-rail,.about-rail,.column-detail-rail)>:nth-child(2){animation:motion-rail-enter .52s var(--ease-out-quint) .2s both}html[data-motion-entry=pending] :is(.right-rail,.columns-rail,.tools-rail,.thoughts-rail,.about-rail,.column-detail-rail)>:nth-child(n+3){animation:motion-rail-enter .54s var(--ease-out-quint) .25s both}html[data-motion-entry=pending] :is(.site-footer,.columns-footer,.tools-footer,.thoughts-footer,.about-footer,.column-detail-footer,.motion-toggle){animation:motion-content-enter .4s var(--ease-out-quint) .3s both}html[data-motion=on].is-page-leaving :is(.site-scene,.columns-scene,.tools-scene,.thoughts-scene,.about-scene,.column-detail-scene,.tool-page-scene){pointer-events:none;transform-origin:50%;animation:motion-page-exit .17s var(--ease-in-page) both}html[data-motion=on] :is([data-tool-grid]:not([hidden]),[data-thought-grid]:not([hidden]),[data-featured-content]:not([hidden]),[data-home-feature-image]:not([hidden]),[data-column-list]:not([hidden]),[data-article-content]:not([hidden])){animation:motion-content-enter .28s var(--ease-out-quint) both}html[data-motion=on] :is(.mobile-menu,.announcement-dialog,.tools-dialog,.about-detail-dialog,.annotation-dialog){opacity:0;transition:opacity .24s var(--ease-out-quint), transform .24s var(--ease-out-quint), overlay .24s allow-discrete, display .24s allow-discrete;animation:none;transform:translateY(12px)scale(.985)}html[data-motion=on] .mobile-menu{transform:translateY(-12px)scale(.985)}html[data-motion=on] :is(.mobile-menu,.announcement-dialog,.tools-dialog,.about-detail-dialog,.annotation-dialog)[open]{opacity:1;transform:translateY(0)scale(1)}html[data-motion=on] :is(.mobile-menu,.announcement-dialog,.tools-dialog,.about-detail-dialog,.annotation-dialog)::backdrop{opacity:0;transition:opacity .22s var(--ease-out), overlay .22s allow-discrete, display .22s allow-discrete}html[data-motion=on] :is(.mobile-menu,.announcement-dialog,.tools-dialog,.about-detail-dialog,.annotation-dialog)[open]::backdrop{opacity:1}@starting-style{html[data-motion=on] :is(.mobile-menu,.announcement-dialog,.tools-dialog,.about-detail-dialog,.annotation-dialog)[open]{opacity:0;transform:translateY(12px)scale(.985)}html[data-motion=on] .mobile-menu[open]{transform:translateY(-12px)scale(.985)}html[data-motion=on] :is(.mobile-menu,.announcement-dialog,.tools-dialog,.about-detail-dialog,.annotation-dialog)[open]::backdrop{opacity:0}}@media (width<=1279px){html.home-page,body.home-page{overscroll-behavior:auto;height:auto;overflow:auto}.site-scene{height:auto;min-height:100svh}.scene-grid{height:auto;min-height:calc(100svh - var(--header-height) - var(--footer-height));grid-template-rows:minmax(520px,auto) auto auto;grid-template-columns:minmax(150px,15%) minmax(0,1fr)}.hero-content{width:min(31rem,65%)}.right-rail{align-items:start;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl) var(--space-xl);grid-area:3/2;grid-template-rows:auto;grid-template-columns:minmax(200px,.8fr) minmax(360px,1.4fr) minmax(220px,.9fr)}.nest-photo,.recent-panel,.tools-panel{grid-row:auto}.nest-photo{width:100%;height:auto;margin-inline-start:0}.thought-panel{grid-column:2}.rail-panel,.nest-photo{min-height:180px}.tool-list{flex-wrap:wrap;justify-content:flex-start}}@media (width>=1024px) and (width<=1100px){.right-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-panel{grid-area:1/1/auto/-1}.nest-photo{grid-area:2/1}.tools-panel{grid-area:2/2}}@media (width<=1023px){.site-scene{width:100%;overflow:visible}.site-header{border-bottom:1px solid var(--color-line);background:oklch(98.5% .006 255/.97);grid-template-columns:auto 1fr auto;width:100%;position:sticky;top:0;box-shadow:0 1px oklch(100% 0 0/.72)}.desktop-nav{display:none}.menu-open{display:inline-grid}.scene-grid{min-width:0;min-height:auto;padding:var(--space-xl);flex-direction:column;display:flex}.brand-plaque{display:none}.hero-region{border-radius:var(--radius-panel);width:100%;min-height:clamp(28rem,62vw,34rem);padding:clamp(var(--space-2xl), 8vw, var(--space-4xl));order:1}.hero-content{border-radius:var(--radius-panel);width:min(31rem,72%);padding:var(--space-xl);box-shadow:var(--shadow-low);background:oklch(98.5% .006 255/.96)}.right-rail{gap:var(--space-lg);order:3;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;padding:0;display:grid}.nest-photo{min-height:150px}.recent-panel{grid-row:span 2}.thought-panel{width:100%;margin:0 0 var(--space-lg);order:2}.site-footer{background:var(--color-canvas)}}@media (width<=768px){input,textarea,select{font-size:1rem}.scene-background{opacity:.58}.site-header{min-height:68px;padding-inline:clamp(var(--space-md), 4vw, var(--space-lg))}.header-actions,.profile-entry{gap:var(--space-xs)}.profile-avatar{width:44px;height:44px;box-shadow:none;background:0 0;flex-basis:44px;padding:4px}.profile-avatar img{border-radius:50%;box-shadow:0 0 0 2px oklch(100% 0 0/.9),0 2px 8px oklch(28.5% .07 255/.14)}.profile-entry{min-height:44px}.mobile-menu{width:min(26rem, calc(100% - 2 * var(--space-md)));max-height:calc(100dvh - 2 * var(--space-md));overscroll-behavior:contain;margin:auto;overflow-y:auto}.mobile-nav-link{min-height:52px}.profile-name{display:none}.scene-grid{padding:var(--space-lg)}.hero-region{align-items:flex-end;min-height:clamp(25rem,118vw,30rem);padding:0}.hero-content{width:100%}.hero-title-row{gap:var(--space-sm)}.hero-mark{flex-basis:32px;width:32px;height:64px}.hero-mark img{width:86px;height:86px}.hero-title-row h1{font-size:clamp(2.35rem,12vw,3.3rem)}.title-spark{display:none}.hero-subtitle{letter-spacing:.16em}.hero-subtitle-line{width:22px}.hero-description br{display:none}.hero-actions{gap:var(--space-md)}.button{flex:9rem}.thought-panel{gap:var(--space-md);padding:var(--space-xl);grid-template-columns:auto minmax(0,1fr)}.thought-feather{display:none}.thought-tags{gap:var(--space-sm) var(--space-lg)}.right-rail{flex-direction:column;display:flex}.recent-panel{order:1}.tools-panel{order:2}.nest-photo{order:3}.tool-list{gap:var(--space-lg) var(--space-sm);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.tool-list li{grid-column:span 2}.tool-list li:first-child{grid-area:1/1/auto/span 2}.tool-list li:nth-child(2){grid-area:1/3/auto/span 2}.tool-list li:nth-child(3){grid-area:1/5/auto/span 2}.tool-list li:nth-child(4){grid-area:2/2/auto/span 2}.tool-list li:nth-child(5){grid-area:2/4/auto/span 2}.site-footer{flex-direction:column;align-items:center}}@media (width<=480px){.announcement-dialog{width:calc(100% - 2 * var(--space-md));max-height:calc(100dvh - 2 * var(--space-md))}.announcement-dialog-shell{max-height:calc(100dvh - 2 * var(--space-md))}.announcement-dialog-header{gap:var(--space-sm);padding:var(--space-md)}.announcement-dialog-header h2{font-size:1.25rem}.announcement-dialog-back{width:44px;padding:0}.announcement-dialog-back span{display:none}.announcement-dialog-content{padding:var(--space-lg)}.announcement-list-button{gap:var(--space-sm);grid-template-columns:38px minmax(0,1fr) auto;padding-inline:0}.announcement-list-button .announcement-marker{width:38px;height:38px}.site-header{min-height:60px}.brand{gap:var(--space-xs);font-size:1.1rem}.brand-mark{flex-basis:20px;width:20px}.brand-mark img{width:46px;height:46px}.menu-open{border-radius:var(--radius-panel)}.scene-grid{padding:var(--space-md)}.hero-content,.thought-panel,.rail-panel{padding:var(--space-lg)}.hero-region{min-height:0}.hero-content{width:100%}.hero-title-row{gap:var(--space-sm)}.hero-mark{flex-basis:28px;width:28px;height:48px}.hero-mark img{width:68px;height:68px}.hero-title-row h1{font-size:clamp(2.2rem,11vw,2.75rem)}.hero-subtitle{justify-content:center;gap:var(--space-sm);margin:var(--space-lg) 0;letter-spacing:.1em;font-size:.8125rem}.hero-subtitle-line{flex:1.25rem;width:auto;max-width:2rem}.hero-description{font-size:1rem;line-height:1.7}.hero-actions{gap:var(--space-sm);margin-top:var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hero-actions .button{width:100%;min-width:0;min-height:48px;padding:var(--space-md) var(--space-sm);flex:none}.thought-panel{align-items:flex-start;gap:var(--space-md);grid-template-columns:24px minmax(0,1fr)}.thought-panel>svg{width:24px;height:24px}.thought-body p{text-align:start}.thought-tags{justify-content:flex-start;gap:var(--space-lg);margin-top:var(--space-md);overscroll-behavior-inline:contain;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.thought-tags::-webkit-scrollbar{display:none}.thought-tags li{gap:var(--space-lg);flex:none}.site-footer{min-height:auto;padding:var(--space-lg) var(--space-md);text-align:center}}@media (width<=340px){.hero-actions{grid-template-columns:minmax(0,1fr)}}@media (width<=380px){.brand{font-size:1.05rem}.scene-grid{padding-inline:var(--space-md)}.hero-content,.thought-panel,.rail-panel{padding:var(--space-lg)}.hero-subtitle{gap:var(--space-sm);letter-spacing:.1em;font-size:.875rem}.hero-subtitle-line{width:var(--space-lg)}.tool-list{gap:var(--space-lg) var(--space-sm)}}@media (hover:none){.profile-avatar:hover,.icon-button:hover,.button:hover{transform:none}}html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] :before,html[data-motion=off] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html[data-motion=off] body:after{opacity:0!important;animation:none!important}html[data-motion=off] ::view-transition-old(root),html[data-motion=off] ::view-transition-new(root){animation:none!important}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}@media (forced-colors:active){.scene-backdrop{display:none}.button,.rail-panel,.nest-photo,.thought-panel,.about-dialog{border:1px solid canvastext}}
