@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:var(--font-noto-sans-sc);--font-mono:var(--font-jetbrains-mono);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.\[ds\:bx\]{ds:bx}}:root{--font-noto-sans-sc:"Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-inter:Inter, "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-jetbrains-mono:"JetBrains Mono", "Fira Code", Menlo, Consolas, monospace;--bg:#f6f1e8;--bg-soft:#faf6ef;--page:#fffdf8;--page-soft:#faf6ee;--page-warm:#fbf3e8;--card:#fffdf8e0;--card-solid:#fffdf8;--card-hover:#fffdf8f5;--surface-translucent:#fffdf8c7;--surface-subtle:#fffdf894;--surface-faint:#fffdf80a;--surface-panel:#fffdf8b8;--surface-elevated:#fffdf8f0;--surface-card-gradient:linear-gradient(180deg, #fffdf8f0, #faf6efe0);--surface-panel-gradient:linear-gradient(180deg, #fffdf8b8, #faf6ef9e);--body-paper-gradient:linear-gradient(180deg, #fffdf852, #f6f1e82e);--text:#2d2924;--text-soft:#5d564e;--muted:#8a8176;--faint:#b8aea2;--border:#917e6029;--border-soft:#917e6017;--border-hover:#7d86bc3d;--accent:#7d86bc;--accent-hover:#6973aa;--accent-soft:#7d86bc1f;--accent-faint:#7d86bc12;--warm:#c58b6a;--warm-hover:#ad7658;--warm-soft:#c58b6a24;--status-online:#9baf7a;--status-online-soft:#9baf7a29;--code-bg:#f1ede5;--code-border:#917e6024;--code-text:#3b352e;--code-muted:#8a8176;--code-keyword:#6f72b8;--code-string:#b87955;--code-number:#5e7fa3;--code-function:#8a68a8;--code-type:#4f8a92;--code-variable:#3b352e;--code-property:#6579b5;--code-operator:#7a6f86;--code-comment:#9a9186;--code-punctuation:#8a8176;--code-line-highlight:#7d86bc1a;--code-line-add:#9baf7a24;--code-line-remove:#c58b6a24;--shadow-page:0 18px 50px #5b4c361a;--shadow-card:0 10px 30px #5b4c3612;--shadow-card-hover:0 16px 38px #5b4c361c;--shadow-soft:0 6px 18px #5b4c360b;--shadow-inner:inset 0 0 0 1px #ffffff8c;--music-ring:#c58b6a38;--music-progress:linear-gradient(90deg, var(--accent), var(--warm));--music-note-bg:linear-gradient(135deg, #7d86bc1a, #fffdf8e0);--music-lyric-current:var(--accent-hover);--music-lyric-muted:var(--muted);--radius-page:26px;--radius-card:18px;--radius-small:12px;--radius-pill:999px;--ease-soft:cubic-bezier(.22, 1, .36, 1);--duration-fast:.16s;--duration-normal:.22s;--motion-page-duration:.24s;--motion-page-exit-duration:.1s;--motion-card-duration:.31s;--motion-stagger-step:40ms;--motion-stagger-max:.22s;--motion-page-offset:8px;--motion-card-offset:14px}[data-theme=dark]{--bg:#211c18;--bg-soft:#25201b;--page:#2a241f;--page-soft:#302922;--page-warm:#302922;--card:#302922db;--card-solid:#302922;--card-hover:#3a322af0;--surface-translucent:#302922db;--surface-subtle:#3029229e;--surface-faint:#e6d2b40a;--surface-panel:#302922b8;--surface-elevated:#3a322af0;--surface-card-gradient:linear-gradient(180deg, #302922f0, #2a241fe0);--surface-panel-gradient:linear-gradient(180deg, #302922c7, #2a241fb3);--body-paper-gradient:linear-gradient(180deg, #3029224d, #211c182e);--text:#f0e8dc;--text-soft:#d6cabb;--muted:#a99d8f;--faint:#81776b;--border:#e6d2b424;--border-soft:#e6d2b41a;--border-hover:#a8aedb42;--accent:#a8aedb;--accent-hover:#c0c5ea;--accent-soft:#a8aedb24;--accent-faint:#a8aedb14;--warm:#d0a078;--warm-hover:#e0b28c;--warm-soft:#d0a07826;--status-online:#aabd86;--status-online-soft:#aabd8624;--code-bg:#25211d;--code-border:#e1cdaf1f;--code-text:#e7dccb;--code-muted:#9d9285;--code-keyword:#b5b8f0;--code-string:#e0a47d;--code-number:#91b6d8;--code-function:#c7a3e8;--code-type:#8ccfd3;--code-variable:#e7dccb;--code-property:#a9b8ec;--code-operator:#b7afc8;--code-comment:#8f8578;--code-punctuation:#a99d8f;--code-line-highlight:#a8aedb1f;--code-line-add:#aabd8624;--code-line-remove:#d0a07824;--shadow-page:0 18px 50px #00000047;--shadow-card:0 14px 34px #0000003d;--shadow-card-hover:0 16px 38px #00000047;--shadow-soft:0 8px 22px #0000002e;--shadow-inner:inset 0 0 0 1px #ffffff0a;--music-ring:#d0a07833;--music-note-bg:linear-gradient(135deg, #a8aedb1f, #2e2822e0)}*{box-sizing:border-box}::selection{background:var(--accent-soft);color:var(--text)}html{background:var(--bg);height:100%;min-height:100%;color:var(--text);scroll-behavior:smooth}body{background:linear-gradient(90deg, #917e6009 1px, transparent 1px), var(--body-paper-gradient), var(--bg);height:100vh;min-height:100vh;color:var(--text);font-family:var(--font-noto-sans-sc), "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;background-size:42px 42px,auto,auto;margin:0;padding:28px;font-size:16px;line-height:1.75;overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.notebook-frame{border:1px solid var(--border);border-radius:var(--radius-page);background:var(--page);width:min(1500px,100%);height:calc(100vh - 56px);min-height:0;box-shadow:var(--shadow-page), var(--shadow-inner);grid-template-columns:244px minmax(0,1fr);margin:0 auto;display:grid;overflow:hidden}.site-sidebar{overscroll-behavior:contain;scrollbar-width:none;border-right:1px solid var(--border-soft);background:linear-gradient(180deg, var(--page) 0%, var(--page-warm) 100%);flex-direction:column;gap:22px;height:100%;min-height:0;padding:34px 22px 28px;display:flex;overflow:hidden auto}.sidebar-brand a{align-items:center;gap:12px;display:flex}.sidebar-brand img{border:1px solid var(--border-soft);object-fit:cover;opacity:.9;filter:saturate(.96)contrast(.96)brightness(1.04);border-radius:14px;width:42px;height:42px}.sidebar-brand span{gap:3px;min-width:0;display:grid}.sidebar-brand strong{color:var(--text);font-family:var(--font-inter), var(--font-noto-sans-sc), sans-serif;font-size:25px;font-style:italic;font-weight:600;line-height:1.1}.sidebar-brand strong:after{content:"";border-radius:var(--radius-pill);background:var(--warm);width:7px;height:7px;box-shadow:0 0 0 4px var(--warm-soft);vertical-align:6px;margin-left:7px;display:inline-block}.sidebar-brand em{color:var(--muted);font-size:12px;font-style:normal;line-height:1.5}.search-box{z-index:20;position:relative}.search-box label{border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--surface-subtle);height:36px;color:var(--muted);transition:border-color var(--duration-normal) var(--ease-soft), box-shadow var(--duration-normal) var(--ease-soft), background var(--duration-normal) var(--ease-soft);align-items:center;gap:8px;padding:0 12px;display:flex;box-shadow:inset 0 1px 2px #5b4c3608}[data-theme=dark] .search-box label{background:var(--surface-faint)}.search-box label:focus-within{box-shadow:0 0 0 4px var(--accent-faint);background:var(--card-hover);border-color:#7d86bc52}.search-box input{width:100%;min-width:0;color:var(--text-soft);background:0 0;border:0;outline:0;font-size:13px}.search-box input::placeholder{color:var(--muted)}.search-results{border:1px solid var(--border);background:var(--card-solid);width:min(320px,100vw - 48px);box-shadow:var(--shadow-card);border-radius:16px;gap:4px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);left:0}.search-results a,.search-results p{border-radius:12px;margin:0;padding:10px 12px}.search-results a{transition:background var(--duration-fast) var(--ease-soft), color var(--duration-fast) var(--ease-soft);gap:3px;display:grid}.search-results a:hover,.search-results a:focus-visible{background:var(--accent-faint);color:var(--accent-hover);outline:none}.search-results strong{color:currentColor;font-size:13px;font-weight:600;line-height:1.45}.search-results span,.search-results p{color:var(--muted);font-size:12px}.sidebar-nav{gap:6px;display:grid}.sidebar-nav a{height:40px;color:var(--text-soft);transition:transform var(--duration-normal) var(--ease-soft), background var(--duration-normal) var(--ease-soft), color var(--duration-normal) var(--ease-soft);border-radius:13px;align-items:center;gap:10px;padding:0 14px;font-size:14px;display:flex;position:relative}.sidebar-nav svg{color:var(--muted);stroke-width:1.75px;flex:none}.sidebar-nav a:hover,.sidebar-nav a:focus-visible{background:var(--accent-faint);color:var(--accent-hover);outline:none;transform:translate(2px)}.sidebar-nav a.active{background:var(--accent-soft);color:var(--accent-hover);font-weight:600}.sidebar-nav a.active:before{border-radius:var(--radius-pill);background:var(--accent);content:"";width:3px;height:18px;animation:sidebar-active-mark .18s var(--ease-soft) both;transform-origin:50%;position:absolute;left:7px}@keyframes sidebar-active-mark{0%{opacity:0;transform:scaleY(.6)}to{opacity:1;transform:scaleY(1)}}.sidebar-spacer{flex:auto;min-height:20px}.status-card,.info-card,.paper-clock-card,.weather-card,.weather-note-card,.empty-note{border:1px solid var(--border-soft);background:var(--card);box-shadow:var(--shadow-soft);animation:paper-card-rise .22s var(--ease-soft) both;transition:transform var(--duration-normal) var(--ease-soft), box-shadow var(--duration-normal) var(--ease-soft), border-color var(--duration-normal) var(--ease-soft), background var(--duration-normal) var(--ease-soft);border-radius:18px}.status-card:hover,.status-card:focus-within,.info-card:hover,.info-card:focus-within,.paper-clock-card:hover,.paper-clock-card:focus-within,.weather-card:hover,.weather-card:focus-within,.weather-note-card:hover,.weather-note-card:focus-within{border-color:var(--border-hover);background:var(--card-hover);box-shadow:var(--shadow-card);transform:translateY(-2px)}.status-card{padding:13px 14px}.status-card-title{color:var(--text);align-items:flex-start;gap:9px;margin-bottom:12px;font-size:13px;display:flex}.status-card-title span:last-child{gap:2px;display:grid}.status-card-title strong{line-height:1.3}.status-card-title em{color:var(--faint);font-size:11px;font-style:normal;font-weight:400;line-height:1.35}.status-dot{border-radius:var(--radius-pill);background:var(--warm);width:7px;height:7px;box-shadow:0 0 0 4px var(--warm-soft);margin-top:5px}.status-card-current{border:1px solid var(--border-soft);background:var(--accent-faint);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:8px 10px;display:flex}.status-card-current span{color:var(--muted);font-size:12px}.status-card-current strong{color:var(--accent-hover);font-size:12px;font-weight:650}.status-card-list,.info-rows{gap:8px;margin:0;display:grid}.status-card-list div,.info-rows div{justify-content:space-between;align-items:center;gap:12px;display:flex}.status-card-list dt,.info-rows dt{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.status-card-list dd,.info-rows dd{color:var(--text-soft);margin:0;font-size:12px}.status-card-list .is-theme-row dd{color:var(--accent-hover);font-weight:600}.status-card svg{color:var(--accent)}@keyframes paper-card-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.theme-toggle{border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--surface-subtle);align-items:center;gap:4px;width:fit-content;padding:4px;display:flex}[data-theme=dark] .theme-toggle{background:var(--surface-subtle)}.theme-toggle button{border-radius:var(--radius-pill);width:27px;height:27px;color:var(--muted);transition:background var(--duration-fast) var(--ease-soft), color var(--duration-fast) var(--ease-soft);background:0 0;border:0;place-items:center;display:grid}.theme-toggle button:hover,.theme-toggle button:focus-visible,.theme-toggle button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-hover);outline:none}.mini-music-player{border:1px solid var(--border-soft);border-radius:var(--radius-card);background:var(--surface-translucent);width:100%;min-width:0;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:music-player-reveal .26s var(--ease-soft) both;transition:transform var(--duration-normal) var(--ease-soft), box-shadow var(--duration-normal) var(--ease-soft), border-color var(--duration-normal) var(--ease-soft), background var(--duration-normal) var(--ease-soft);flex:none;gap:9px;padding:12px;display:grid}[data-theme=dark] .mini-music-player{background:var(--surface-translucent)}.mini-music-player:hover,.mini-music-player:focus-within{border-color:var(--border-hover);box-shadow:var(--shadow-card);transform:translateY(-2px)}.mini-music-main{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.music-cover{background:var(--music-note-bg);isolation:isolate;border-radius:13px;place-items:center;width:44px;height:44px;display:inline-grid;position:relative;overflow:visible;box-shadow:0 6px 18px #5b4c361a}.music-cover:after{z-index:-1;border:1px solid var(--music-ring);opacity:0;content:"";border-radius:18px;position:absolute;inset:-5px}.music-cover.is-playing{transform:scale(1.015)}.music-cover.is-playing:after{animation:music-ring-pulse 2.8s var(--ease-soft) infinite}.music-cover img{border-radius:inherit;object-fit:cover;filter:saturate(.96)contrast(.96)brightness(1.04);width:100%;height:100%}.music-cover img.is-loading{opacity:0}.music-cover-fallback{border:1px solid var(--border-soft);border-radius:inherit;width:100%;height:100%;color:var(--accent);place-items:center;display:grid;position:absolute;inset:0}.music-wave{border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--card);opacity:.72;align-items:end;gap:2px;height:15px;padding:3px 4px;display:inline-flex;position:absolute;bottom:-2px;right:-2px}.music-wave i{border-radius:var(--radius-pill);background:var(--accent);width:2px;animation:music-wave .9s var(--ease-soft) infinite;display:block}.music-wave i:first-child{height:5px}.music-wave i:nth-child(2){background:var(--warm);height:8px;animation-delay:.12s}.music-wave i:nth-child(3){height:6px;animation-delay:.24s}.mini-music-copy{min-width:0;animation:music-track-copy .22s var(--ease-soft) both;gap:2px;display:grid}.mini-music-copy strong,.music-list-copy strong,.mdx-music-copy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;line-height:1.35;overflow:hidden}.mini-music-copy span,.music-list-copy em,.mdx-music-copy span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;line-height:1.35;overflow:hidden}.mini-music-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:center;gap:5px;min-width:0;display:flex}.music-icon-button{border-radius:var(--radius-pill);background:var(--accent-soft);width:28px;height:28px;color:var(--accent-hover);transition:transform var(--duration-fast) var(--ease-soft), background var(--duration-fast) var(--ease-soft), box-shadow var(--duration-fast) var(--ease-soft), color var(--duration-fast) var(--ease-soft);border:1px solid #7d86bc1f;flex:none;place-items:center;display:inline-grid}.music-icon-button:hover,.music-icon-button:focus-visible{background:#7d86bc2e;outline:none;transform:translateY(-1px);box-shadow:0 6px 18px #5b4c3614}.music-play-button{width:34px;height:34px}.music-lyric-toggle[aria-pressed=true],.music-mode-button.is-active{background:var(--warm-soft);color:var(--warm);border-color:#c58b6a33}.music-mode-button.has-label{grid-auto-flow:column;gap:6px;width:auto;min-width:0;padding:0 11px}.music-mode-button span{color:inherit;white-space:nowrap;font-size:12px;font-weight:600;line-height:1}.mini-music-player .music-icon-button{width:25px;height:25px}.mini-music-player .music-play-button{width:30px;height:30px}.music-play-icon{place-items:center;display:grid;position:relative}.music-icon-play,.music-icon-pause{transition:opacity .16s var(--ease-soft), transform .16s var(--ease-soft);grid-area:1/1}.music-play-icon[data-playing=false] .music-icon-pause,.music-play-icon[data-playing=true] .music-icon-play{opacity:0;transform:scale(.82)}.music-progress{--music-progress-width:0%;cursor:pointer;width:100%;height:14px;display:block;position:relative}.music-progress:before,.music-progress:after{border-radius:var(--radius-pill);content:"";height:4px;transition:height var(--duration-fast) var(--ease-soft), top var(--duration-fast) var(--ease-soft);position:absolute;top:5px;left:0}.music-progress:before{background:var(--border-soft);width:100%}.music-progress:after{width:var(--music-progress-width);background:var(--music-progress)}.music-progress:hover:before,.music-progress:hover:after,.music-progress:focus-within:before,.music-progress:focus-within:after{height:6px;top:4px}.music-progress input{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.music-progress input::-webkit-slider-runnable-track{background:0 0;height:14px}.music-progress input::-webkit-slider-thumb{appearance:none;border:2px solid var(--accent-soft);border-radius:var(--radius-pill);background:var(--accent);opacity:0;width:8px;height:8px;transition:opacity var(--duration-fast) var(--ease-soft);margin-top:3px}.music-progress input::-moz-range-track{background:0 0;height:14px}.music-progress input::-moz-range-thumb{border:2px solid var(--accent-soft);border-radius:var(--radius-pill);background:var(--accent);opacity:0;width:8px;height:8px;transition:opacity var(--duration-fast) var(--ease-soft)}.music-progress:hover input::-webkit-slider-thumb{opacity:1}.music-progress:focus-within input::-webkit-slider-thumb{opacity:1}.music-progress:hover input::-moz-range-thumb{opacity:1}.music-progress:focus-within input::-moz-range-thumb{opacity:1}.mini-music-time,.music-now-time{color:var(--faint);justify-content:space-between;font-size:11px;display:flex}.music-error{color:var(--text-soft);background:#c58b6a1a;border:1px solid #c58b6a33;border-radius:14px;padding:10px 12px}.music-error strong{color:var(--text);font-size:12px;font-weight:650;line-height:1.5;display:block}.music-error p{color:var(--muted);margin:3px 0 0;font-size:12px;line-height:1.55}.music-lyrics{border:1px solid var(--border-soft);background:var(--surface-translucent);box-shadow:var(--shadow-soft);animation:music-lyrics-reveal .22s var(--ease-soft) both;border-radius:16px;padding:12px 14px}[data-theme=dark] .music-lyrics{background:var(--surface-translucent)}.music-lyrics-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;max-height:176px;padding-right:4px;overflow-y:auto}.music-lyrics-page .music-lyrics-scroll{max-height:320px}.music-lyrics p{color:var(--music-lyric-muted);opacity:.58;transition:color .18s var(--ease-soft), opacity .18s var(--ease-soft), transform .18s var(--ease-soft);margin:0;font-size:13px;line-height:1.9}.music-lyrics p.is-active{color:var(--music-lyric-current);opacity:1;font-weight:600;transform:translate(2px)}.music-lyrics-muted{color:var(--muted)!important}.music-lyrics-empty{color:var(--text-soft);align-items:flex-start;gap:10px;display:flex}.music-lyrics-empty svg{color:var(--accent);margin-top:3px}.music-lyrics-empty strong{color:var(--text);font-size:13px}.music-lyrics-empty p{margin-top:2px;line-height:1.6}@keyframes music-player-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes music-track-copy{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes music-ring-pulse{0%{opacity:.22;transform:scale(.96)}to{opacity:0;transform:scale(1.12)}}@keyframes music-wave{0%,to{transform:scaleY(.76)}50%{transform:scaleY(1.12)}}@keyframes music-lyrics-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sidebar-footer{color:var(--faint);font-size:11px;line-height:1.6}.sidebar-footer p{margin:0}.notebook-main{background:linear-gradient(180deg, var(--page) 0%, var(--bg-soft) 100%), var(--page);align-self:start;min-width:0;min-height:0;padding:42px 42px 56px}.notebook-scroll-region{overscroll-behavior:contain;scrollbar-gutter:stable;background:linear-gradient(180deg, var(--page) 0%, var(--bg-soft) 100%), var(--page);grid-template-columns:minmax(0,1fr) 260px;align-items:start;min-width:0;min-height:0;display:grid;overflow:hidden auto}.notebook-scroll-region:has(.article-shell) .info-panel{display:none}.notebook-scroll-region:has(.article-shell){grid-template-columns:minmax(0,1fr)}.page-transition{min-width:0}.page-transition.is-entering{animation:page-transition-enter var(--motion-page-duration) var(--ease-soft) both;will-change:transform, opacity}.page-transition.is-exiting{animation:page-transition-exit var(--motion-page-exit-duration) var(--ease-soft) both;pointer-events:none;will-change:transform, opacity}.notebook-scroll-region:has(.article-shell) .page-transition.is-entering{animation:article-page-transition-enter var(--motion-page-duration) var(--ease-soft) both;will-change:opacity}.page-transition.is-entering :is(.page-header,.section-heading,.article-header,.article-quote-card,.article-main,.article-footer,.content-license-card,.article-neighbor-nav,.category-overview-card,.guestbook-sticky-note,.guestbook-rules,.friend-apply-note,.comment-section,.music-section-title,.music-now-card,.empty-note){animation:page-reveal-item var(--motion-card-duration) var(--ease-soft) both;animation-delay:var(--reveal-delay,0s);will-change:transform, opacity}.page-transition.is-entering .page-header{--reveal-delay:35ms}.page-transition.is-entering .page-header p,.page-transition.is-entering .page-header-image{animation:page-reveal-item var(--motion-card-duration) var(--ease-soft) both;will-change:transform, opacity;animation-delay:70ms}.page-transition.is-entering :is(.section-heading,.article-header,.guestbook-sticky-note,.music-section-title){--reveal-delay:40ms}.page-transition.is-entering :is(.article-quote-card,.category-overview-card,.guestbook-rules,.music-now-card,.empty-note){--reveal-delay:80ms}.page-transition.is-entering :is(.article-main,.article-footer,.content-license-card,.article-neighbor-nav,.comment-section,.friend-apply-note){--reveal-delay:.12s}.page-transition.is-entering :is(.taxonomy-grid,.tag-cloud,.friend-grid,.music-list,.article-list:not(.is-animated),.article-list.is-animated.is-idle)>*,.page-transition.is-entering .archive-year,.page-transition.is-entering .archive-entry{animation:page-reveal-item var(--motion-card-duration) var(--ease-soft) both;animation-delay:var(--reveal-delay,0s);will-change:transform, opacity}.page-transition.is-entering :is(.taxonomy-grid,.tag-cloud,.friend-grid,.music-list,.article-list:not(.is-animated),.article-list.is-animated.is-idle)>:first-child,.page-transition.is-entering .archive-year:first-child,.page-transition.is-entering .archive-entry:first-of-type{--reveal-delay:0s}.page-transition.is-entering :is(.taxonomy-grid,.tag-cloud,.friend-grid,.music-list,.article-list:not(.is-animated),.article-list.is-animated.is-idle)>:nth-child(2),.page-transition.is-entering .archive-year:nth-child(2),.page-transition.is-entering .archive-entry:nth-of-type(2){--reveal-delay:var(--motion-stagger-step)}.page-transition.is-entering :is(.taxonomy-grid,.tag-cloud,.friend-grid,.music-list,.article-list:not(.is-animated),.article-list.is-animated.is-idle)>:nth-child(3),.page-transition.is-entering .archive-year:nth-child(3),.page-transition.is-entering .archive-entry:nth-of-type(3){--reveal-delay:calc(var(--motion-stagger-step) * 2)}.page-transition.is-entering :is(.taxonomy-grid,.tag-cloud,.friend-grid,.music-list,.article-list:not(.is-animated),.article-list.is-animated.is-idle)>:nth-child(4),.page-transition.is-entering .archive-year:nth-child(4),.page-transition.is-entering .archive-entry:nth-of-type(4){--reveal-delay:calc(var(--motion-stagger-step) * 3)}.page-transition.is-entering :is(.taxonomy-grid,.tag-cloud,.friend-grid,.music-list,.article-list:not(.is-animated),.article-list.is-animated.is-idle)>:nth-child(5),.page-transition.is-entering .archive-year:nth-child(5),.page-transition.is-entering .archive-entry:nth-of-type(5){--reveal-delay:calc(var(--motion-stagger-step) * 4)}.page-transition.is-entering :is(.taxonomy-grid,.tag-cloud,.friend-grid,.music-list,.article-list:not(.is-animated),.article-list.is-animated.is-idle)>:nth-child(n+6),.page-transition.is-entering .archive-year:nth-child(n+6),.page-transition.is-entering .archive-entry:nth-of-type(n+6){--reveal-delay:var(--motion-stagger-max)}@keyframes page-transition-enter{0%{opacity:0;transform:translateY(var(--motion-page-offset))}to{opacity:1;transform:translateY(0)}}@keyframes article-page-transition-enter{0%{opacity:0}to{opacity:1}}@keyframes page-transition-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-3px)}}@keyframes page-reveal-item{0%{opacity:0;transform:translateY(var(--motion-card-offset))}to{opacity:1;transform:translateY(0)}}.info-panel{overscroll-behavior:contain;scrollbar-width:none;border-left:1px solid var(--border-soft);background:var(--surface-panel-gradient);align-content:start;gap:14px;height:calc(100vh - 56px);min-height:0;padding:36px 18px;display:grid;position:sticky;top:0;overflow:hidden auto}.site-sidebar::-webkit-scrollbar{display:none}.info-panel::-webkit-scrollbar{display:none}[data-theme=dark] .info-panel{background:var(--surface-panel-gradient)}.info-card,.paper-clock-card,.weather-card,.weather-note-card{padding:15px}.info-card h2{color:var(--text);align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:650;display:flex}.info-card h2:before{border-radius:var(--radius-pill);background:var(--accent);content:"";width:6px;height:6px}.profile-mini{text-align:left}.profile-mini-avatar{background:var(--page);width:58px;height:58px;box-shadow:0 0 0 1px var(--border-soft);border:1px solid #ffffffb8;border-radius:18px;overflow:hidden}.profile-mini-avatar img{object-fit:cover}.profile-mini h2{margin-top:14px}.profile-mini p,.info-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.paper-clock-card{background:linear-gradient(135deg, #7d86bc14, transparent 42%), var(--surface-panel);align-content:start;min-height:136px;display:grid;position:relative;overflow:hidden}[data-theme=dark] .paper-clock-card{background:linear-gradient(135deg, #a8aedb14, transparent 42%), var(--surface-panel)}.paper-clock-card:after{border:1px solid var(--warm-soft);opacity:.42;pointer-events:none;content:"";z-index:0;border-radius:999px;width:34px;height:34px;position:absolute;bottom:12px;right:14px}.paper-clock-head,.weather-card-head{color:var(--muted);align-items:center;gap:8px;font-size:12px;line-height:1.35;display:flex}.paper-clock-mark,.weather-card-icon{border-radius:var(--radius-pill);background:var(--accent-soft);width:27px;height:27px;color:var(--accent-hover);border:1px solid #7d86bc1f;justify-content:center;align-items:center;display:inline-flex}.paper-clock-head,.paper-clock-date,.paper-clock-time,.paper-clock-card p{z-index:1;position:relative}.paper-clock-date{color:var(--text);letter-spacing:0;margin-top:13px;font-size:22px;font-weight:650;line-height:1.25;display:block}.paper-clock-time{color:var(--text-soft);margin-top:5px;font-size:13px;line-height:1.45}.paper-clock-card p,.weather-card p{color:var(--muted);margin:12px 0 0;font-size:13px;line-height:1.65}.weather-card{background:var(--surface-panel)}.weather-card-main{justify-content:space-between;align-items:baseline;gap:14px;margin-top:13px;display:flex}.weather-card-main strong{color:var(--text);font-size:16px;font-weight:650;line-height:1.35}.weather-card-main span{color:var(--accent-hover);font-size:14px;font-weight:600}.weather-note-card{background:linear-gradient(135deg, #c58b6a14, transparent 42%), var(--surface-panel);align-content:start;min-height:248px;display:grid;position:relative;overflow:hidden}[data-theme=dark] .weather-note-card{background:linear-gradient(135deg, #d0a0781a, transparent 42%), var(--surface-panel)}.weather-note-card:after{border:1px solid var(--accent-soft);opacity:.48;pointer-events:none;content:"";z-index:0;border-radius:999px;width:30px;height:30px;position:absolute;bottom:13px;right:15px}.weather-note-head{z-index:1;align-items:center;gap:8px;min-height:30px;display:flex;position:relative}.weather-note-icon{border-radius:var(--radius-pill);background:var(--accent-soft);width:28px;height:28px;color:var(--accent-hover);border:1px solid #7d86bc1f;flex:none;justify-content:center;align-items:center;display:inline-flex}.weather-note-icon-sun{border-color:var(--warm-soft);background:var(--warm-soft);color:var(--warm)}.weather-note-icon-rain,.weather-note-icon-fog{color:var(--muted)}.weather-note-icon-storm{color:var(--accent-hover)}.weather-note-title{min-width:0;color:var(--text);flex:auto;font-size:14px;font-weight:650;line-height:1.35}.weather-note-refresh{border-radius:var(--radius-pill);background:var(--accent-soft);width:30px;height:30px;color:var(--accent-hover);cursor:pointer;transition:transform .18s var(--ease-soft), background .18s var(--ease-soft), border-color .18s var(--ease-soft), color .18s var(--ease-soft);border:1px solid #7d86bc1f;flex:none;justify-content:center;align-items:center;display:inline-flex}.weather-note-refresh:hover,.weather-note-refresh:focus-visible{border-color:var(--border-hover);color:var(--accent-hover);background:#7d86bc2e;outline:none;transform:translateY(-1px)}.weather-note-refresh:disabled{cursor:default;opacity:.55;transform:none}.weather-note-refresh.is-refreshing svg{animation:weather-refresh-spin .52s var(--ease-soft) both}.weather-note-body{z-index:1;animation:weather-note-data-in .22s var(--ease-soft) both;position:relative}.weather-note-location{color:var(--muted);align-items:center;gap:5px;margin-top:13px;font-size:12px;line-height:1.4;display:flex}.weather-note-location span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.weather-note-main{flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:9px;display:flex}.weather-note-main strong{color:var(--text);letter-spacing:0;font-size:28px;font-weight:650;line-height:1.2}.weather-note-main span{color:var(--accent-hover);font-size:14px;font-weight:650}.weather-note-metrics{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.weather-note-metrics span{border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--surface-subtle);color:var(--muted);align-items:center;padding:3px 7px;font-size:12px;line-height:1.35;display:inline-flex}[data-theme=dark] .weather-note-metrics span{background:var(--surface-faint)}.weather-note-message,.weather-note-source,.weather-note-empty span,.weather-note-loading span{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.65}.weather-note-source{color:var(--faint)}.weather-note-empty,.weather-note-loading{color:var(--text-soft);gap:3px;margin-top:14px;display:grid}.weather-note-empty strong,.weather-note-loading strong{color:var(--text);font-size:13px;font-weight:650;line-height:1.5}@keyframes weather-refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes weather-note-data-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.recent-list{gap:10px;display:grid}.recent-list a{border-bottom:1px solid var(--border-soft);gap:2px;padding-bottom:10px;display:grid}.recent-list a:last-child{border-bottom:0;padding-bottom:0}.recent-list span{color:var(--text-soft);font-size:13px;line-height:1.45}.recent-list time{color:var(--muted);font-size:11px}.side-tags,.tag-row,.tag-cloud{flex-wrap:wrap;gap:8px;display:flex}.page-surface{width:min(940px,100%);margin:0 auto}.home-page{width:min(980px,100%)}.page-header{border-bottom:1px solid var(--border-soft);align-items:center;min-height:188px;margin-bottom:34px;padding:28px 300px 34px 0;display:grid;position:relative;overflow:hidden}.page-header.compact{border:1px solid var(--border-soft);border-radius:var(--radius-card);background:var(--card);min-height:150px;box-shadow:var(--shadow-soft);padding:28px 260px 28px 28px}.page-header-copy{z-index:2;position:relative}.page-header h1{max-width:620px;color:var(--text);margin:0;font-size:clamp(24px,3vw,30px);font-weight:650;line-height:1.35}.page-header p{max-width:580px;color:var(--text-soft);margin:12px 0 0;font-size:15px;line-height:1.7}.page-header-image{opacity:.82;width:min(42%,380px);position:absolute;top:0;bottom:0;right:0;overflow:hidden}.page-header-image img{object-fit:cover;object-position:center;filter:saturate(.96)contrast(.96)brightness(1.04)}.page-header-image:after,.article-quote-image:after,.article-card-cover:after{content:"";pointer-events:none;position:absolute;inset:0}.page-header-image:after{background:linear-gradient(90deg, var(--page) 0%, var(--surface-panel) 42%, var(--surface-faint) 100%), linear-gradient(180deg, #f6f1e805, #f6f1e82e)}[data-theme=dark] .page-header-image:after{background:linear-gradient(90deg, var(--card-solid) 0%, #2e2822b8 42%, #2e282224 100%), linear-gradient(180deg, #1e1b180d, #1e1b1842)}.content-section{gap:20px;display:grid}.section-heading{justify-content:space-between;align-items:end;gap:18px;display:flex}.section-heading-copy{gap:4px;min-width:0;display:grid}.section-heading h2{color:var(--text);margin:0;font-size:18px;font-weight:650}.section-heading p{color:var(--muted);margin:0;font-size:13px}.article-list{gap:16px;display:grid}.article-list-item{min-width:0}.article-list.is-entering{animation:article-list-reveal var(--motion-page-duration) var(--ease-soft) both;will-change:transform, opacity}.article-list.is-exiting{animation:article-list-fade-out var(--motion-page-exit-duration) var(--ease-soft) both;pointer-events:none;will-change:transform, opacity}.article-list.is-entering .article-list-item{animation:article-card-slide-in var(--motion-card-duration) var(--ease-soft) both;animation-delay:var(--stagger,0s);will-change:transform, opacity}@keyframes article-list-reveal{0%{opacity:0;transform:translateY(var(--motion-page-offset))}to{opacity:1;transform:translateY(0)}}@keyframes article-list-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes article-card-slide-in{0%{opacity:0;transform:translateY(var(--motion-card-offset))}to{opacity:1;transform:translateY(0)}}.article-list-empty{border:1px solid var(--border-soft);border-radius:var(--radius-card);background:var(--surface-card-gradient);box-shadow:var(--shadow-soft);padding:26px 28px}.article-list-empty h3{color:var(--text);margin:0;font-size:17px;font-weight:650}.article-list-empty p{color:var(--muted);margin:8px 0 0;font-size:14px}.home-pagination{border:1px solid var(--border-soft);background:var(--surface-translucent);box-shadow:var(--shadow-soft);border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:8px;display:flex}.home-pagination-pages{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.home-pagination button{border-radius:var(--radius-pill);min-width:38px;height:36px;color:var(--muted);transition:transform var(--duration-normal) var(--ease-soft), border-color var(--duration-normal) var(--ease-soft), background var(--duration-normal) var(--ease-soft), color var(--duration-normal) var(--ease-soft);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.home-pagination button:hover:not(:disabled),.home-pagination button:focus-visible{border-color:var(--border-hover);background:var(--accent-soft);color:var(--accent-hover);outline:none;transform:translateY(-1px)}.home-pagination button.is-active{border-color:var(--border-hover);background:var(--accent-soft);color:var(--accent-hover)}.home-pagination button:disabled{cursor:not-allowed;opacity:.38}.article-card{border:1px solid var(--border-soft);border-radius:var(--radius-card);background:var(--card);min-height:132px;box-shadow:var(--shadow-soft);transition:transform var(--duration-normal) var(--ease-soft), box-shadow var(--duration-normal) var(--ease-soft), border-color var(--duration-normal) var(--ease-soft), background var(--duration-normal) var(--ease-soft);grid-template-columns:74px minmax(0,1fr) minmax(220px,34%);display:grid;position:relative;overflow:hidden}.article-card:hover,.article-card:focus-within{border-color:var(--border-hover);background:var(--card-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.article-card-date{border-right:1px solid var(--border-soft);color:var(--text);text-align:center;place-content:start center;gap:6px;padding-top:22px;display:grid}.article-card-date strong{font-family:var(--font-inter), var(--font-noto-sans-sc), sans-serif;letter-spacing:0;font-size:13px;font-weight:600}.article-card-date span{color:var(--muted);font-size:11px}.article-card-copy{min-width:0;padding:20px 22px}.article-card-meta,.article-meta,.article-card-reading{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.article-card-meta span,.article-card-meta a,.article-meta span,.article-card-reading span{align-items:center;gap:5px;display:inline-flex}.article-card-meta a{color:inherit;transition:color var(--duration-fast) var(--ease-soft)}.article-card-meta a:hover,.article-card-meta a:focus-visible{color:var(--accent-hover);outline:none}.article-card h2{color:var(--text);overflow-wrap:anywhere;margin:8px 0;font-size:clamp(17px,2vw,19px);font-weight:650;line-height:1.35}.article-card h2 a{transition:color var(--duration-normal) var(--ease-soft), background-size var(--duration-normal) var(--ease-soft);background-image:linear-gradient(90deg,#7d86bc59,#7d86bc59);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;position:relative}.article-card h2 a:hover,.article-card h2 a:focus-visible{color:var(--accent-hover);background-size:100% 1px;outline:none}.article-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.article-card-bottom{justify-content:space-between;align-items:center;gap:16px;margin-top:14px;display:flex}.article-card-reading{flex:none;gap:12px}.ui-tag{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);transition:transform var(--duration-fast) var(--ease-soft), background var(--duration-fast) var(--ease-soft), border-color var(--duration-fast) var(--ease-soft), color var(--duration-fast) var(--ease-soft);border:1px solid #7d86bc1f;align-items:center;gap:5px;padding:5px 9px;font-size:12px;line-height:1;display:inline-flex}a.ui-tag:hover,a.ui-tag:focus-visible{border-color:var(--border-hover);color:var(--accent-hover);background:#7d86bc2e;outline:none;transform:translateY(-1px)}.article-card-cover{background:var(--bg-soft);min-height:100%;position:relative;overflow:hidden}.article-card-cover img{object-fit:cover;filter:saturate(.96)contrast(.96)brightness(1.04);opacity:.86;transition:transform .36s var(--ease-soft), filter .36s var(--ease-soft), opacity .36s var(--ease-soft)}.article-card-cover:after{background:linear-gradient(90deg, var(--surface-elevated) 0%, var(--surface-panel) 36%, var(--surface-faint) 100%), linear-gradient(180deg, #f6f1e80a 0%, #f6f1e82e 100%)}[data-theme=dark] .article-card-cover:after{background:linear-gradient(90deg,#2e2822fa 0%,#2e2822b8 36%,#2e28222e 100%),linear-gradient(#1e1b1814 0%,#1e1b183d 100%)}.article-card:hover .article-card-cover img,.article-card:focus-within .article-card-cover img{opacity:.9;filter:saturate(1.02)contrast(.98)brightness(1.05);transform:scale(1.035)}.article-card-arrow{color:var(--accent);opacity:0;transition:opacity var(--duration-normal) var(--ease-soft), transform var(--duration-normal) var(--ease-soft);position:absolute;top:18px;right:18px;transform:translate(-3px,3px)}.article-card:hover .article-card-arrow,.article-card:focus-within .article-card-arrow{opacity:.54;transform:translate(0)}.article-shell{width:min(1120px,100%);max-width:1120px}.article-header,.article-quote-card,.article-footer,.article-neighbor-nav,.article-shell>.comment-section{max-width:780px}.article-header{border-bottom:1px solid var(--border-soft);margin-bottom:28px;padding-bottom:26px}.article-breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:26px;font-size:12px;display:flex}.article-breadcrumb a:hover,.article-breadcrumb a:focus-visible{color:var(--accent-hover);outline:none}.article-header h1{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:clamp(30px,4vw,38px);font-weight:650;line-height:1.32}.article-meta{margin-top:18px}.article-header>p{max-width:720px;color:var(--text-soft);margin:22px 0 0;font-size:15px;line-height:1.75}.article-quote-card{border:1px solid var(--border-soft);border-radius:var(--radius-card);background:var(--card);min-height:110px;box-shadow:var(--shadow-soft);align-items:center;margin-bottom:34px;padding:22px 260px 22px 26px;display:grid;position:relative;overflow:hidden}.article-quote-card p{max-width:430px;color:var(--text-soft);margin:0;font-size:15px;line-height:1.75}.article-quote-card span{color:var(--warm);font-size:18px}.article-quote-image{width:min(42%,340px);position:absolute;inset:0 0 0 auto;overflow:hidden}.article-quote-image img{object-fit:cover;filter:saturate(.96)contrast(.96)brightness(1.04);opacity:.82}.article-quote-image:after{background:linear-gradient(90deg, var(--surface-elevated) 0%, var(--surface-panel) 35%, var(--surface-faint) 100%), linear-gradient(180deg, #f6f1e80a, #f6f1e833)}[data-theme=dark] .article-quote-image:after{background:linear-gradient(90deg,#2e2822fa 0%,#2e2822b8 35%,#2e28221f 100%),linear-gradient(#1e1b1814,#1e1b183d)}.article-main{grid-column:1;min-width:0;max-width:780px}.article-reading-layout{--article-reading-sidebar-right:clamp(84px, 8vw, 128px);--article-reading-sidebar-width:224px;grid-template-columns:minmax(0,780px) minmax(210px,224px);justify-content:center;align-items:start;gap:28px;display:grid}.article-toc-sidebar{grid-area:1/2;align-self:start;min-width:0}.article-main{grid-area:1/1;max-width:780px}.article-reading-sidebar{display:block}.toc-card{position:relative}.toc-mobile-toggle{display:none}.toc-toggle-icon{transition:transform .18s var(--ease-soft)}.toc-card.is-open .toc-toggle-icon{transform:rotate(180deg)}.toc-panel{border:1px solid var(--border-soft);border-radius:var(--radius-card);background:var(--card-solid);box-shadow:var(--shadow-soft);scrollbar-color:var(--border) transparent;padding:14px;overflow:visible}[data-theme=dark] .toc-panel{background:var(--card-solid)}.toc-title{color:var(--text);align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:650;line-height:1.35;display:flex}.toc-title-mark{border-radius:var(--radius-pill);background:var(--accent);width:5px;height:18px;box-shadow:0 0 0 4px var(--accent-soft)}.toc-list-shell{overscroll-behavior:contain;scrollbar-color:var(--border-hover) transparent;scrollbar-gutter:stable;scrollbar-width:thin;padding-right:8px;position:relative;overflow:hidden auto}.toc-list-shell::-webkit-scrollbar{width:7px}.toc-list-shell::-webkit-scrollbar-track{background:0 0}.toc-list-shell::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--border-hover);background-clip:content-box;border:2px solid #0000}.toc-list-shell::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:content-box}.toc-list{z-index:1;gap:3px;margin:0;padding:0;list-style:none;display:grid;position:relative}.toc-active-bg,.toc-active-line{pointer-events:none;opacity:0;transition:opacity .18s var(--ease-soft), transform .28s cubic-bezier(.22, 1, .36, 1), height .28s cubic-bezier(.22, 1, .36, 1);position:absolute}.toc-active-bg{height:var(--toc-marker-height,0px);background:var(--accent-soft);transform:translateY(var(--toc-marker-y,0px));border-radius:10px;inset:0 0 auto}.toc-active-line{width:3px;height:max(12px, calc(var(--toc-marker-height,0px) - 14px));border-radius:var(--radius-pill);background:var(--accent);transform:translateY(var(--toc-marker-y,0px));top:7px;left:0}.toc-list-shell.has-active .toc-active-bg,.toc-list-shell.has-active .toc-active-line{opacity:1}.toc-item{z-index:1;position:relative}.toc-item a{color:var(--muted);transition:background .18s var(--ease-soft), color .18s var(--ease-soft), transform .18s var(--ease-soft);border-radius:10px;padding:6px 8px;font-size:13px;line-height:1.55;text-decoration:none;display:block;position:relative}.toc-level-3 a{padding-left:18px;font-size:12.5px}.toc-level-4 a{padding-left:30px;font-size:12px}.toc-level-5 a{color:var(--faint);padding-left:42px;font-size:11.5px}.toc-level-6 a{color:var(--faint);padding-left:54px;font-size:11.5px}.toc-item a:hover,.toc-item a:focus-visible{background:var(--accent-faint);color:var(--accent-hover);outline:none;transform:translate(2px)}.toc-item a.is-active{color:var(--accent-hover);background:0 0;font-weight:600}.article-meta-card{border:1px solid var(--border-soft);background:var(--card-solid);box-shadow:var(--shadow-soft);border-radius:18px;margin-top:14px;padding:14px}.article-meta-card-title{color:var(--text);align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:650;line-height:1.35;display:flex}.article-meta-card-title svg{color:var(--accent)}.article-meta-card-list{gap:9px;margin:0;display:grid}.article-meta-card-list div{border-top:1px solid var(--border-soft);gap:3px;padding-top:9px;display:grid}.article-meta-card-list div:first-child{border-top:0;padding-top:0}.article-meta-card-list dt{color:var(--muted);align-items:center;gap:5px;font-size:12px;line-height:1.35;display:inline-flex}.article-meta-card-list dd{color:var(--text-soft);margin:0;font-size:12.5px;line-height:1.55}@media (min-width:1261px){.article-toc-sidebar{pointer-events:none}.article-reading-sidebar .toc-card,.article-reading-sidebar .article-meta-card{right:var(--article-reading-sidebar-right);z-index:24;width:var(--article-reading-sidebar-width);pointer-events:auto}.article-reading-sidebar .toc-card{max-height:calc(100vh - 328px);position:fixed;top:88px;overflow:hidden}.article-reading-sidebar .article-meta-card{scrollbar-width:none;max-height:216px;margin-top:0;position:fixed;bottom:32px;overflow:hidden auto}.article-reading-sidebar .article-meta-card::-webkit-scrollbar{display:none}.article-reading-sidebar .toc-panel{overflow:hidden}.article-reading-sidebar .toc-list-shell{max-height:calc(100vh - 390px)}}@keyframes paper-toc-open{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.markdown-body{color:var(--text-soft);font-size:16px;line-height:1.85}.markdown-body>:first-child{margin-top:0}.markdown-body p{margin:1.1em 0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:var(--text);scroll-margin-top:32px;font-weight:650;line-height:1.35}.markdown-body h2{border-left:4px solid var(--accent);margin:2.2em 0 .8em;padding-left:12px;font-size:24px}.markdown-body h3{border-bottom:1px solid var(--border-soft);margin:1.9em 0 .7em;padding-bottom:8px;font-size:20px}.markdown-body h4{font-size:18px}.markdown-body a{color:var(--accent-hover);transition:color var(--duration-fast) var(--ease-soft), background-size var(--duration-fast) var(--ease-soft);background-image:linear-gradient(90deg,#7d86bc61,#7d86bc61);background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px}.markdown-body a:hover,.markdown-body a:focus-visible{color:var(--accent);background-size:100% 2px;outline:none}.markdown-body ul,.markdown-body ol{padding-left:1.35em}.markdown-body li{margin:.5em 0}.markdown-body blockquote{background:var(--accent-faint);color:var(--text-soft);border-left:4px solid #7d86bc52;border-radius:12px;margin:24px 0;padding:14px 18px}.markdown-body pre{border:1px solid var(--code-border);background:var(--code-bg);box-shadow:var(--shadow-inner);color:var(--code-text);font-family:var(--font-jetbrains-mono), "JetBrains Mono", "Fira Code", Menlo, monospace;border-radius:16px;margin:24px 0;padding:20px;font-size:14px;line-height:1.7;overflow:auto}.markdown-body code{background:var(--accent-soft);color:var(--code-function);font-family:var(--font-jetbrains-mono), "JetBrains Mono", "Fira Code", Menlo, monospace;border-radius:6px;padding:2px 6px;font-size:.92em}[data-theme=dark] .markdown-body code{color:var(--code-function)}.markdown-body pre code{color:inherit;background:0 0;padding:0}.markdown-body table{border-collapse:collapse;border-radius:14px;width:100%;margin:24px 0;font-size:14px;overflow:hidden}.markdown-body th,.markdown-body td{border:1px solid var(--border-soft);text-align:left;padding:10px 12px}.markdown-body th{color:var(--text);background:#f7f1e7;font-weight:600}[data-theme=dark] .markdown-body th{background:var(--page-warm)}.markdown-body tr:hover td{background:var(--accent-faint)}.markdown-image{border:8px solid var(--card-solid);width:100%;box-shadow:var(--shadow-card);filter:saturate(.98)contrast(.98)brightness(1.03);border-radius:18px;margin:26px 0;display:block}.markdown-body .hljs-keyword,.markdown-body .hljs-selector-tag,.markdown-body .hljs-built_in{color:var(--code-keyword)}.markdown-body .hljs-string,.markdown-body .hljs-attr,.markdown-body .hljs-name{color:var(--code-string)}.markdown-body .hljs-number,.markdown-body .hljs-literal,.markdown-body .hljs-type{color:var(--code-number)}.markdown-body .hljs-comment{color:var(--code-comment)}.prose-paper{max-width:780px;color:var(--text-soft);font-size:16px;line-height:1.85}.prose-paper>:first-child{margin-top:0}.prose-paper .mdx-heading{color:var(--text);scroll-margin-top:96px;line-height:1.35}.prose-paper .mdx-h1{letter-spacing:-.02em;margin:0 0 .9em;font-size:34px;font-weight:650}.prose-paper .mdx-h2{align-items:center;gap:10px;margin:2.4em 0 .9em;font-size:24px;font-weight:650;display:flex}.prose-paper .mdx-h2:before{content:"";border-radius:var(--radius-pill);background:var(--accent);width:6px;height:20px;box-shadow:0 0 0 4px var(--accent-soft);flex:none}.prose-paper .mdx-h3{border-bottom:1px solid var(--border-soft);align-items:center;gap:8px;margin:2em 0 .75em;padding-bottom:8px;font-size:20px;font-weight:620;display:flex}.prose-paper .mdx-h4,.prose-paper .mdx-h5,.prose-paper .mdx-h6{color:var(--text);align-items:center;gap:7px;display:flex}.prose-paper .mdx-h4{margin:1.8em 0 .65em;font-size:18px;font-weight:620}.prose-paper .mdx-h5{margin:1.55em 0 .55em;font-size:16px;font-weight:600}.prose-paper .mdx-h6{color:var(--text-soft);margin:1.35em 0 .45em;font-size:15px;font-weight:600}.prose-paper .heading-anchor-text{min-width:0}.prose-paper .heading-anchor-link{border-radius:var(--radius-pill);width:24px;height:24px;color:var(--muted);opacity:0;transition:opacity .18s var(--ease-soft), transform .18s var(--ease-soft), color .18s var(--ease-soft), background .18s var(--ease-soft);flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;transform:translate(-3px)}.prose-paper .heading-with-anchor:hover .heading-anchor-link,.prose-paper .heading-with-anchor:focus-within .heading-anchor-link{opacity:.82;transform:translate(0)}.prose-paper .heading-anchor-link:hover,.prose-paper .heading-anchor-link:focus-visible{background:var(--accent-soft);color:var(--accent);outline:none}.prose-paper .mdx-paragraph{color:var(--text-soft);margin:1em 0}.prose-paper .mdx-link{color:var(--accent-hover);background-image:linear-gradient(var(--accent-soft), var(--accent-soft));transition:color .18s var(--ease-soft), background-size .18s var(--ease-soft);background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px;text-decoration:none}.prose-paper .mdx-link:hover,.prose-paper .mdx-link:focus-visible{color:var(--accent-hover);background-size:100% 6px;outline:none}.prose-paper .mdx-link-external{align-items:baseline;gap:4px;display:inline-flex}.prose-paper .mdx-link-icon{color:var(--accent);transform:translateY(2px)}.prose-paper .mdx-list{margin:1em 0;padding-left:1.35em}.prose-paper .mdx-li{margin:.45em 0;padding-left:.15em}.prose-paper .mdx-li::marker{color:var(--accent)}.prose-paper .mdx-blockquote{background:var(--accent-faint);color:var(--text-soft);border-left:4px solid #7d86bc52;border-radius:12px;margin:24px 0;padding:14px 18px}.prose-paper .mdx-blockquote>:first-child{margin-top:0}.prose-paper .mdx-blockquote>:last-child{margin-bottom:0}.prose-paper .mdx-inline-code{border:1px solid var(--code-border);background:var(--code-bg);border-radius:6px}@supports (color:color-mix(in lab, red, red)){.prose-paper .mdx-inline-code{background:color-mix(in srgb, var(--code-bg) 72%, var(--accent-soft))}}.prose-paper .mdx-inline-code{color:var(--code-function);font-family:var(--font-jetbrains-mono), "JetBrains Mono", "Fira Code", Menlo, monospace;padding:2px 6px;font-size:.92em}.prose-paper .code-block-shell{border:1px solid var(--code-border);background:var(--code-bg);box-shadow:inset 0 1px 0 #ffffff73, var(--shadow-soft);color:var(--code-text);border-radius:16px;margin:24px 0;overflow:hidden}.prose-paper .code-block-header{border-bottom:1px solid var(--border-soft);background:var(--page);justify-content:space-between;align-items:center;gap:14px;min-height:38px;display:flex}@supports (color:color-mix(in lab, red, red)){.prose-paper .code-block-header{background:color-mix(in srgb, var(--page) 38%, transparent)}}.prose-paper .code-block-header{padding:7px 10px 7px 16px}.prose-paper .code-block-language{color:var(--code-muted);font-family:var(--font-jetbrains-mono), "JetBrains Mono", "Fira Code", Menlo, monospace;letter-spacing:0;text-transform:lowercase;font-size:12px}.code-copy-button{border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--page);align-items:center;gap:5px;height:28px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.code-copy-button{background:color-mix(in srgb, var(--page) 76%, transparent)}}.code-copy-button{color:var(--code-muted);cursor:pointer;opacity:.68;transition:opacity .18s var(--ease-soft), transform .18s var(--ease-soft), color .18s var(--ease-soft), background .18s var(--ease-soft), border-color .18s var(--ease-soft);padding:0 10px;font-size:12px;line-height:1}.code-copy-button:hover,.code-copy-button:focus-visible,.code-block-shell:hover .code-copy-button,.code-block-shell:focus-within .code-copy-button{border-color:var(--border-hover);background:var(--accent-soft);color:var(--accent-hover);opacity:1;outline:none}.code-copy-button:hover,.code-copy-button:focus-visible{transform:translateY(-1px)}.code-copy-button.is-copied{border-color:var(--warm)}@supports (color:color-mix(in lab, red, red)){.code-copy-button.is-copied{border-color:color-mix(in srgb, var(--warm) 20%, transparent)}}.code-copy-button.is-copied{background:var(--warm-soft);color:var(--warm);opacity:1}.code-copy-button.is-failed{border-color:var(--warm)}@supports (color:color-mix(in lab, red, red)){.code-copy-button.is-failed{border-color:color-mix(in srgb, var(--warm) 24%, transparent)}}.code-copy-button.is-failed{background:var(--warm-soft)}@supports (color:color-mix(in lab, red, red)){.code-copy-button.is-failed{background:color-mix(in srgb, var(--warm-soft) 70%, transparent)}}.code-copy-button.is-failed{color:var(--warm-hover);opacity:1}.prose-paper .mdx-pre{box-shadow:none;color:var(--code-text);font-family:var(--font-jetbrains-mono), "JetBrains Mono", "Fira Code", Menlo, monospace;background:0 0;border:0;border-radius:0;margin:0;padding:14px 0 16px;font-size:14px;line-height:1.75;overflow-x:auto}[data-theme=dark] .prose-paper .code-block-shell{box-shadow:inset 0 1px #ffffff0d}[data-theme=dark] .prose-paper .code-block-header{background:var(--text)}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .prose-paper .code-block-header{background:color-mix(in srgb, var(--text) 4%, transparent)}}.prose-paper .mdx-pre code{width:fit-content;min-width:100%;color:inherit;font-size:inherit;background:0 0;border:0;padding:0;display:block}.prose-paper .code-line{white-space:pre;min-height:1.75em;padding:0 18px 0 58px;display:block;position:relative}.prose-paper .code-line:before{width:28px;color:var(--code-muted);content:attr(data-line);font-variant-numeric:tabular-nums;opacity:.55;text-align:right;-webkit-user-select:none;user-select:none;position:absolute;left:17px}.prose-paper .mdx-pre[data-line-numbers=false] .code-line{padding-left:18px}.prose-paper .mdx-pre[data-line-numbers=false] .code-line:before{display:none}.prose-paper .code-line.is-highlighted{background:var(--code-line-highlight);box-shadow:inset 3px 0 0 var(--accent)}.prose-paper .code-line.is-addition{background:var(--code-line-add)}.prose-paper .code-line.is-deletion{background:var(--code-line-remove)}.prose-paper .code-line.is-addition:after,.prose-paper .code-line.is-deletion:after{color:var(--code-muted);opacity:.75;position:absolute;left:8px}.prose-paper .code-line.is-addition:after{content:"+"}.prose-paper .code-line.is-deletion:after{content:"-"}.prose-paper .hljs-keyword,.prose-paper .hljs-selector-tag,.prose-paper .hljs-built_in,.prose-paper .hljs-meta .hljs-keyword,.prose-paper .hljs-doctag{color:var(--code-keyword)}.prose-paper .hljs-string,.prose-paper .hljs-regexp,.prose-paper .hljs-symbol,.prose-paper .hljs-template-tag,.prose-paper .hljs-template-variable{color:var(--code-string)}.prose-paper .hljs-number,.prose-paper .hljs-literal,.prose-paper .hljs-constant{color:var(--code-number)}.prose-paper .hljs-title,.prose-paper .hljs-title.function_,.prose-paper .hljs-function .hljs-title{color:var(--code-function)}.prose-paper .hljs-type,.prose-paper .hljs-class .hljs-title,.prose-paper .hljs-title.class_,.prose-paper .hljs-section{color:var(--code-type)}.prose-paper .hljs-variable,.prose-paper .hljs-params,.prose-paper .hljs-name{color:var(--code-variable)}.prose-paper .hljs-attr,.prose-paper .hljs-attribute,.prose-paper .hljs-property,.prose-paper .hljs-selector-class,.prose-paper .hljs-selector-id,.prose-paper .hljs-selector-pseudo{color:var(--code-property)}.prose-paper .hljs-operator,.prose-paper .hljs-bullet,.prose-paper .hljs-subst{color:var(--code-operator)}.prose-paper .hljs-punctuation{color:var(--code-punctuation)}.prose-paper .hljs-comment,.prose-paper .hljs-quote,.prose-paper .hljs-meta{color:var(--code-comment);font-style:italic}.prose-paper .hljs-tag .hljs-name,.prose-paper .hljs-addition{color:var(--code-type)}.prose-paper .hljs-deletion{color:var(--code-string)}.mdx-table-wrap{border:1px solid var(--border-soft);background:var(--card-solid);border-radius:14px;margin:24px 0;overflow-x:auto}.mdx-table{border-collapse:collapse;width:100%;font-size:14px}.mdx-table th,.mdx-table td{border-bottom:1px solid var(--border-soft);text-align:left;padding:10px 12px}.mdx-table th{color:var(--text);background:#f7f1e7;font-weight:600}[data-theme=dark] .mdx-table th{background:var(--page-warm)}.mdx-table tr:hover td{background:var(--accent-faint)}.mdx-image-frame,.mdx-image-card{margin:26px 0}.mdx-image,.mdx-image-card-img{border:8px solid var(--card-solid);width:100%;box-shadow:var(--shadow-card);filter:saturate(.98)contrast(.98)brightness(1.03);border-radius:18px;display:block}.mdx-image-card{border:1px solid var(--border-soft);border-radius:var(--radius-card);background:var(--card);box-shadow:var(--shadow-soft);padding:8px 8px 12px}.mdx-image-card a{background:0 0;border-radius:14px;display:block;overflow:hidden}.mdx-image-card-img{transition:transform var(--duration-normal) var(--ease-soft), filter var(--duration-normal) var(--ease-soft);border:0;border-radius:14px}.mdx-image-card:hover .mdx-image-card-img{filter:saturate(1.01)contrast(.98)brightness(1.04);transform:scale(1.025)}.mdx-image-card figcaption{color:var(--muted);text-align:center;margin-top:10px;font-size:13px;line-height:1.6}.mdx-note,.mdx-link-card,.mdx-tabs,.mdx-steps{margin:24px 0}.mdx-note{border:1px solid var(--border-soft);border-radius:var(--radius-card);background:var(--surface-translucent);box-shadow:var(--shadow-soft);padding:16px 18px}.mdx-note-title{color:var(--text);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:650;display:inline-flex}.mdx-note-title svg{color:var(--accent)}.mdx-note-content{color:var(--text-soft);line-height:1.75}.mdx-note-content>:first-child{margin-top:0}.mdx-note-content>:last-child{margin-bottom:0}.mdx-note-info{background:linear-gradient(135deg, var(--accent-soft), var(--surface-translucent))}.mdx-note-warm{background:linear-gradient(135deg, var(--warm-soft), var(--surface-translucent))}.mdx-note-success{background:linear-gradient(135deg, var(--status-online-soft), var(--surface-translucent))}.mdx-note-warning{background:linear-gradient(135deg, var(--warm-soft), var(--surface-translucent))}.mdx-note-warning .mdx-note-title svg,.mdx-note-warm .mdx-note-title svg{color:var(--warm)}[data-theme=dark] .mdx-note-info{background:linear-gradient(135deg,#a8aedb21,#2e2822db)}[data-theme=dark] .mdx-note-warm,[data-theme=dark] .mdx-note-warning{background:linear-gradient(135deg,#d0a07826,#2e2822db)}[data-theme=dark] .mdx-note-success{background:linear-gradient(135deg,#aabd8624,#2e2822db)}.mdx-link-card{border:1px solid var(--border-soft);border-radius:var(--radius-card);background:var(--card);box-shadow:var(--shadow-soft);color:var(--text);transition:transform var(--duration-normal) var(--ease-soft), border-color var(--duration-normal) var(--ease-soft), box-shadow var(--duration-normal) var(--ease-soft), background var(--duration-normal) var(--ease-soft);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;text-decoration:none;display:flex}.mdx-link-card:hover,.mdx-link-card:focus-visible{border-color:var(--border-hover);background:var(--card-hover);box-shadow:var(--shadow-card-hover);outline:none;transform:translateY(-3px)}.mdx-link-card-copy{gap:4px;display:grid}.mdx-link-card-copy strong{color:var(--text);font-size:15px;font-weight:650}.mdx-link-card-copy em{color:var(--muted);font-size:13px;font-style:normal;line-height:1.5}.mdx-link-card-icon{border-radius:var(--radius-pill);background:var(--accent-soft);width:34px;height:34px;color:var(--accent);flex:none;place-items:center;display:inline-grid}.about-contact-grid{grid-template-columns:repeat(4,48px);gap:12px;width:max-content;max-width:100%;margin:28px 0;display:grid;overflow:visible}.about-contact-card{aspect-ratio:1;border:1px solid var(--border-soft);background:var(--card);width:48px;box-shadow:var(--shadow-soft);color:var(--text);animation:page-reveal-item .3s var(--ease-soft) both;animation-delay:var(--about-contact-delay,0s);transition:transform .22s var(--ease-soft), box-shadow .22s var(--ease-soft), border-color .22s var(--ease-soft), background .22s var(--ease-soft);will-change:transform, opacity;border-radius:15px;place-items:center;padding:0;text-decoration:none;display:grid;position:relative;overflow:visible}.about-contact-card:first-child{--about-contact-delay:0s}.about-contact-card:nth-child(2){--about-contact-delay:40ms}.about-contact-card:nth-child(3){--about-contact-delay:80ms}.about-contact-card:nth-child(4){--about-contact-delay:.12s}.about-contact-card:before{border-radius:var(--radius-pill);background:radial-gradient(circle at 50% 50%, var(--accent-soft), transparent 68%);content:"";opacity:0;transition:opacity .22s var(--ease-soft), transform .22s var(--ease-soft);position:absolute;inset:-1px;transform:scale(.82)}.about-contact-card:hover,.about-contact-card:focus-visible{z-index:5;border-color:var(--border-hover);background:var(--card-hover);box-shadow:var(--shadow-card);outline:none;transform:translateY(-2px)}.about-contact-card:hover:before,.about-contact-card:focus-visible:before{opacity:1;transform:scale(1)}.about-contact-main{z-index:2;place-items:center;display:grid;position:relative}.about-contact-main>div{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.about-contact-icon{border-radius:inherit;width:100%;height:100%;color:var(--accent-hover);font-family:var(--font-inter), var(--font-noto-sans-sc), sans-serif;letter-spacing:0;background:0 0;border:0;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.about-contact-icon svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.about-contact-card[data-platform=github] .about-contact-icon svg{fill:currentColor;stroke:none}.about-contact-card strong{max-width:100%;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:650;line-height:1.35;display:block;overflow:hidden}.about-contact-card p{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;color:var(--muted);margin:0;font-size:13px;line-height:1.45;position:absolute;overflow:hidden}.about-contact-preview{z-index:20;border:1px solid var(--border-soft);background:var(--card-hover);min-width:182px;max-width:min(260px,100vw - 42px);box-shadow:var(--shadow-soft);opacity:0;pointer-events:none;transition:opacity .22s var(--ease-soft), transform .22s var(--ease-soft);border-radius:16px;align-items:center;gap:8px;padding:7px 8px;display:flex;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,8px)scale(.96)}.about-contact-preview:before{border-top:1px solid var(--border-soft);border-left:1px solid var(--border-soft);background:var(--card-hover);content:"";width:12px;height:12px;position:absolute;top:-6px;left:calc(50% - 6px);transform:rotate(45deg)}.about-contact-card:hover .about-contact-preview,.about-contact-card:focus-visible .about-contact-preview{z-index:3;opacity:1;transform:translate(-50%)scale(1)}.about-contact-avatar,.about-contact-qr{background:linear-gradient(135deg, var(--accent-soft), var(--surface-translucent)), var(--page);background-position:50%;background-size:cover;border:1px solid #ffffffb8;border-radius:14px;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden;box-shadow:0 8px 20px #5b4c361f}.about-contact-avatar{width:42px;height:42px}.about-contact-qr{background-color:var(--page);background-image:url(/about/qq-qrcode.jpg);border-radius:16px;width:72px;height:72px;padding:4px}.about-contact-avatar:after,.about-contact-qr:after{content:attr(data-fallback);border-radius:var(--radius-pill);background:var(--surface-panel);min-width:24px;min-height:24px;color:var(--accent-hover);font-family:var(--font-inter), var(--font-noto-sans-sc), sans-serif;place-items:center;font-size:12px;font-weight:700;line-height:1;display:grid}.about-contact-avatar-github:after,.about-contact-avatar-bilibili:after,.about-contact-avatar-google:after,.about-contact-avatar-qq:after,.about-contact-qr:after{content:none}.about-contact-qr:after{background:var(--surface-translucent);color:var(--warm)}.about-contact-avatar-github{background-image:url(/about/github-avatar.jpg)}.about-contact-avatar-bilibili{background-image:url(/about/bilibili-avatar.jpg)}.about-contact-avatar-google,.about-contact-avatar-qq{background-image:url(/about/github-avatar.jpg)}.about-contact-preview>span:last-child{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.about-contact-preview-qr{justify-content:flex-end;min-width:250px}.about-contact-card[data-platform=bilibili] .about-contact-icon{color:#66879f}.about-contact-card[data-platform=mail] .about-contact-icon{color:var(--warm)}.about-contact-card[data-platform=mail]:before{background:radial-gradient(circle, var(--warm-soft), transparent 65%)}.about-contact-card[data-platform=qq] .about-contact-icon{color:var(--accent-hover)}@media (max-width:1180px){.about-contact-grid{grid-template-columns:repeat(4,48px)}}@media (max-width:640px){.about-contact-grid{grid-template-columns:repeat(4,44px);gap:10px;margin:22px 0}.about-contact-card{width:44px;min-height:0}.about-contact-preview{min-width:170px}.about-contact-card:first-child .about-contact-preview{left:0;transform:translateY(8px)scale(.96)}.about-contact-card:first-child:hover .about-contact-preview,.about-contact-card:first-child:focus-visible .about-contact-preview{transform:translate(0)scale(1)}.about-contact-card:nth-child(4) .about-contact-preview{left:auto;right:0;transform:translateY(8px)scale(.96)}.about-contact-card:nth-child(4):hover .about-contact-preview,.about-contact-card:nth-child(4):focus-visible .about-contact-preview{transform:translate(0)scale(1)}.about-contact-preview-qr{min-width:min(250px,100vw - 34px)}}.mdx-tag-group{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.mdx-tag{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);transition:transform var(--duration-fast) var(--ease-soft), border-color var(--duration-fast) var(--ease-soft), background var(--duration-fast) var(--ease-soft), color var(--duration-fast) var(--ease-soft);border:1px solid #7d86bc1f;align-items:center;padding:3px 8px;font-size:12px;text-decoration:none;display:inline-flex}.mdx-tag:hover,.mdx-tag:focus-visible{border-color:var(--border-hover);color:var(--accent-hover);background:#7d86bc2e;outline:none;transform:translateY(-1px)}.mdx-tabs-list{border-bottom:1px solid var(--border-soft);justify-content:center;gap:6px;display:flex;overflow-x:auto}.mdx-tabs-list button{color:var(--muted);cursor:pointer;transition:color .18s var(--ease-soft), background .18s var(--ease-soft), box-shadow .18s var(--ease-soft);background:0 0;border:0;border-radius:12px 12px 0 0;padding:8px 14px;font-size:13px;line-height:1.3}.mdx-tabs-list button:hover{background:var(--accent-faint);color:var(--accent-hover)}.mdx-tabs-list button:focus-visible{box-shadow:0 0 0 4px var(--accent-soft);outline:none}.mdx-tabs-list button.is-active{background:var(--card-solid);box-shadow:var(--shadow-soft);color:var(--text);position:relative}.mdx-tabs-list button.is-active:after{content:"";border-radius:var(--radius-pill);background:var(--accent);height:2px;position:absolute;bottom:-1px;left:14px;right:14px}.mdx-tabs-panel{padding-top:18px}.mdx-tabs-panel>:first-child{margin-top:0}.mdx-steps{counter-reset:mdx-step;gap:18px;padding:0;display:grid}.mdx-step{counter-increment:mdx-step;grid-template-columns:34px minmax(0,1fr);column-gap:14px;display:grid;position:relative}.mdx-step:not(:last-child):after{content:"";background:var(--border-soft);width:1px;position:absolute;top:40px;bottom:-14px;left:16px}.mdx-step:before{content:counter(mdx-step);border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--accent-soft);width:34px;height:34px;color:var(--accent-hover);place-items:center;font-size:13px;font-weight:650;display:grid}.mdx-step-title{color:var(--text);font-size:16px;font-weight:650;line-height:1.5}.mdx-step-content{color:var(--text-soft);grid-column:2}.mdx-step-content>:first-child{margin-top:.35em}.mdx-step-content>:last-child{margin-bottom:0}@media (max-width:640px){.prose-paper{font-size:15px}.prose-paper .mdx-h1{font-size:28px}.prose-paper .mdx-h2{align-items:flex-start;font-size:22px}.prose-paper .heading-anchor-link{opacity:.72;transform:none}.prose-paper .code-block-header{min-height:40px;padding:6px 8px 6px 12px}.code-copy-button{opacity:1;height:30px}.prose-paper .code-line{padding-left:50px;padding-right:14px}.prose-paper .code-line:before{width:26px;left:12px}.mdx-link-card{align-items:flex-start}}.article-footer{border-top:1px solid var(--border-soft);gap:12px;margin-top:42px;padding-top:20px;display:grid}.article-footer div{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.content-license-card{border:1px solid var(--border-soft);background:var(--surface-translucent);box-shadow:var(--shadow-soft);color:var(--text-soft);border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;margin-top:22px;padding:15px 16px;display:grid}.content-license-card>svg{background:var(--accent-soft);color:var(--accent-hover);box-sizing:content-box;border-radius:12px;padding:8px}.content-license-card h2{color:var(--text);margin:0 0 6px;font-size:15px;font-weight:650;line-height:1.35}.content-license-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.75}.content-license-card a{color:var(--accent-hover);text-decoration:none;-webkit-text-decoration-color:var(--accent-hover);-webkit-text-decoration-color:var(--accent-hover);-webkit-text-decoration-color:var(--accent-hover);text-decoration-color:var(--accent-hover);font-weight:600}@supports (color:color-mix(in lab, red, red)){.content-license-card a{-webkit-text-decoration-color:color-mix(in srgb, var(--accent-hover) 35%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent-hover) 35%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent-hover) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--accent-hover) 35%, transparent)}}.content-license-card a{text-underline-offset:3px;transition:color var(--duration-fast) var(--ease-soft), text-decoration-color var(--duration-fast) var(--ease-soft);text-decoration-line:underline}.content-license-card a:hover,.content-license-card a:focus-visible{color:var(--warm);-webkit-text-decoration-color:var(--warm);-webkit-text-decoration-color:var(--warm);-webkit-text-decoration-color:var(--warm);text-decoration-color:var(--warm);outline:none}@supports (color:color-mix(in lab, red, red)){.content-license-card a:hover,.content-license-card a:focus-visible{-webkit-text-decoration-color:color-mix(in srgb, var(--warm) 55%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--warm) 55%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--warm) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--warm) 55%, transparent)}}.article-neighbor-nav{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:28px;display:grid}.article-neighbor-nav a{border:1px solid var(--border-soft);background:var(--card);min-height:86px;box-shadow:var(--shadow-soft);color:var(--text-soft);transition:transform var(--duration-normal) var(--ease-soft), border-color var(--duration-normal) var(--ease-soft), color var(--duration-normal) var(--ease-soft);border-radius:16px;grid-template-columns:auto minmax(0,1fr) 96px;align-items:center;gap:14px;padding:16px;display:grid}.article-neighbor-nav a.article-neighbor-next{grid-template-columns:96px minmax(0,1fr) auto}.article-neighbor-nav a:hover,.article-neighbor-nav a:focus-visible{border-color:var(--border-hover);color:var(--accent-hover);outline:none;transform:translateY(-2px)}.article-neighbor-nav span{gap:4px;display:grid}.article-neighbor-copy{min-width:0}.article-neighbor-copy:not(:has(+.article-neighbor-cover)){text-align:right}.article-neighbor-nav em{color:var(--muted);font-size:12px;font-style:normal}.article-neighbor-nav .article-neighbor-cover{border:1px solid var(--border-soft);background:var(--page-soft);width:96px;height:68px;box-shadow:var(--shadow-soft);border-radius:13px;display:block;position:relative;overflow:hidden}.article-neighbor-cover img{object-fit:cover;filter:saturate(.94)contrast(.96)brightness(1.03);opacity:.86;transition:transform .36s var(--ease-soft), opacity .36s var(--ease-soft)}.article-neighbor-nav a:hover .article-neighbor-cover img,.article-neighbor-nav a:focus-visible .article-neighbor-cover img{opacity:.94;transform:scale(1.035)}.archive-timeline{gap:34px;display:grid}.archive-year{grid-template-columns:98px minmax(0,1fr);gap:24px;display:grid}.archive-year h2{color:var(--accent);font-family:var(--font-inter), var(--font-noto-sans-sc), sans-serif;margin:0;font-size:28px;font-weight:650}.archive-months{border-left:1px solid var(--border-soft);gap:24px;padding-left:22px;display:grid}.archive-month h3{color:var(--muted);margin:0 0 10px;font-size:13px;font-weight:600}.archive-entry{color:var(--text-soft);transition:background var(--duration-fast) var(--ease-soft), color var(--duration-fast) var(--ease-soft);border-radius:13px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 12px;display:grid;position:relative}.archive-entry:before{border:2px solid var(--page);border-radius:var(--radius-pill);background:var(--border);content:"";width:9px;height:9px;transition:background var(--duration-fast) var(--ease-soft);position:absolute;left:-27px}.archive-entry:hover,.archive-entry:focus-visible{background:var(--accent-faint);color:var(--accent-hover);outline:none}.archive-entry:hover:before,.archive-entry:focus-visible:before{background:var(--accent)}.archive-entry time{color:var(--muted);font-size:12px}.archive-entry>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.taxonomy-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.taxonomy-grid a{border:1px solid var(--border-soft);border-radius:var(--radius-card);background:var(--card);min-height:96px;box-shadow:var(--shadow-soft);color:var(--text-soft);transition:transform var(--duration-normal) var(--ease-soft), border-color var(--duration-normal) var(--ease-soft), box-shadow var(--duration-normal) var(--ease-soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:18px;display:grid}.taxonomy-grid a:hover,.taxonomy-grid a:focus-visible{border-color:var(--border-hover);box-shadow:var(--shadow-card);outline:none;transform:translateY(-3px)}.taxonomy-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:14px;place-items:center;display:grid}.taxonomy-grid strong{color:var(--accent-hover);font-family:var(--font-inter), var(--font-noto-sans-sc), sans-serif}.taxonomy-grid em{color:var(--muted);margin-top:5px;font-size:12px;font-style:normal;line-height:1.55;display:block}.taxonomy-grid b{color:var(--accent-hover);font-family:var(--font-inter), var(--font-noto-sans-sc), sans-serif}.category-overview-card{border:1px solid var(--border-soft);border-radius:var(--radius-card);background:var(--surface-card-gradient);box-shadow:var(--shadow-card);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:18px;padding:18px 20px;display:grid}[data-theme=dark] .category-overview-card{background:var(--surface-card-gradient)}.category-overview-card p,.category-overview-card h2,.category-overview-card span{margin:0}.category-overview-card p{color:var(--muted);font-size:12px}.category-overview-card h2{color:var(--text);font-size:22px;font-weight:650;line-height:1.35}.category-overview-card div>span{color:var(--text-soft);margin-top:6px;font-size:14px;line-height:1.65;display:block}.category-overview-card>strong{color:var(--accent-hover);font-family:var(--font-inter), var(--font-noto-sans-sc), sans-serif;white-space:nowrap;font-size:14px}.category-dropdown,.home-category-dropdown{width:fit-content;max-width:100%;position:relative}.home-category-dropdown{z-index:12;flex:none;display:inline-block}.category-dropdown-trigger{border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--card);min-width:168px;height:42px;color:var(--text-soft);cursor:pointer;font:inherit;transition:background var(--duration-fast) var(--ease-soft), border-color var(--duration-fast) var(--ease-soft), color var(--duration-fast) var(--ease-soft);justify-content:space-between;align-items:center;gap:12px;padding:0 16px;font-size:14px;display:inline-flex}.category-dropdown-trigger.is-compact{gap:8px;min-width:126px;height:36px;padding:0 12px;font-size:13px}.category-dropdown-trigger:hover,.category-dropdown-trigger:focus-visible,.category-dropdown-trigger[aria-expanded=true]{border-color:var(--border-hover);background:var(--card-hover);color:var(--accent-hover);outline:none}.category-dropdown-menu{z-index:20;border:1px solid var(--border-soft);background:var(--surface-elevated);width:min(240px,100vw - 48px);box-shadow:var(--shadow-card);border-radius:16px;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.category-dropdown-menu.is-compact{width:min(180px,100vw - 48px);left:auto;right:0}[data-theme=dark] .category-dropdown-menu{background:var(--surface-elevated)}.category-dropdown-menu button{color:var(--text-soft);cursor:pointer;font:inherit;transition:transform var(--duration-fast) var(--ease-soft), background var(--duration-fast) var(--ease-soft), color var(--duration-fast) var(--ease-soft);text-align:left;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:0 12px;display:flex}.category-dropdown-menu button:hover,.category-dropdown-menu button:focus-visible{background:var(--accent-faint);color:var(--accent-hover);outline:none}.category-dropdown-menu button.is-active{background:var(--accent-soft);color:var(--accent-hover);font-weight:600}.category-dropdown-menu strong{color:var(--muted);font-size:12px}.tag-cloud{align-items:center}.tag-cloud .ui-tag{padding:8px 12px;font-size:13px}.tag-cloud .ui-tag span{color:var(--muted)}.prose-page{max-width:820px}.empty-note{padding:26px}.empty-note h2{color:var(--text);margin:0 0 10px;font-size:18px}.empty-note p{color:var(--muted);margin:0;line-height:1.7}.friend-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.friend-card{border:1px solid var(--border-soft);border-radius:var(--radius-card);background:var(--card);box-shadow:var(--shadow-soft);color:var(--text-soft);transition:transform var(--duration-normal) var(--ease-soft), border-color var(--duration-normal) var(--ease-soft), box-shadow var(--duration-normal) var(--ease-soft), color var(--duration-normal) var(--ease-soft);align-items:center;gap:14px;padding:16px;display:flex;position:relative}.friend-card:hover,.friend-card:focus-visible{border-color:var(--border-hover);box-shadow:var(--shadow-card);color:var(--accent-hover);outline:none;transform:translateY(-3px)}.friend-avatar{background:var(--accent-soft);width:52px;height:52px;color:var(--accent-hover);box-shadow:0 0 0 1px var(--border-soft);border:1px solid #fffc;border-radius:16px;flex:none;place-items:center;font-weight:650;display:grid;overflow:hidden}.friend-avatar img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-normal) var(--ease-soft)}.friend-card:hover .friend-avatar img{transform:scale(1.04)}.friend-copy{flex:auto;gap:4px;min-width:0;display:grid}.friend-copy strong{color:currentColor;font-size:15px}.friend-copy span{color:var(--muted);font-size:13px;line-height:1.55}.photo-card{border:1px solid var(--border-soft);border-radius:var(--radius-card);background:var(--card-solid);box-shadow:var(--shadow-card);transition:transform var(--duration-normal) var(--ease-soft), box-shadow var(--duration-normal) var(--ease-soft);margin:0;padding:8px 8px 12px;overflow:hidden}.photo-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)rotate(.2deg)}.photo-card-image{aspect-ratio:4/3;background:var(--bg-soft);border-radius:14px;position:relative;overflow:hidden}.photo-card-image img{object-fit:cover;filter:saturate(.98)contrast(.98)brightness(1.03);transition:transform var(--duration-normal) var(--ease-soft)}.photo-card:hover .photo-card-image img{transform:scale(1.025)}.photo-card figcaption{gap:3px;padding:10px 4px 0;display:grid}.photo-card strong{color:var(--text);font-size:14px}.photo-card span,.photo-card p{color:var(--muted);margin:0;font-size:12px}.guestbook-page{max-width:900px}.guestbook-notes{grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:16px;margin:0 0 32px;display:grid}.guestbook-sticky-note,.guestbook-rules,.friend-apply-note{border:1px solid var(--border-soft);border-radius:var(--radius-card);background:var(--surface-card-gradient);box-shadow:var(--shadow-soft);padding:20px}.guestbook-sticky-note{position:relative;overflow:hidden}.guestbook-sticky-note:after{border:1px solid var(--warm-soft);background:var(--warm-soft);content:"";opacity:.36;border-radius:24px 18px 28px;width:68px;height:68px;position:absolute;bottom:18px;right:20px;transform:rotate(-5deg)}.guestbook-sticky-note span{border-radius:var(--radius-pill);background:var(--warm-soft);width:28px;height:28px;color:var(--warm);place-items:center;font-size:15px;display:inline-grid}.guestbook-sticky-note h2,.guestbook-rules h2,.friend-apply-note h2{color:var(--text);margin:12px 0 8px;font-size:16px;font-weight:650}.guestbook-sticky-note p,.friend-apply-note p{z-index:1;color:var(--text-soft);margin:0;font-size:14px;line-height:1.75;position:relative}.friend-apply-format{z-index:1;border:1px solid var(--border-soft);background:var(--surface-subtle);color:var(--text-soft);font-family:var(--font-jetbrains-mono), "JetBrains Mono", "Fira Code", Menlo, monospace;border-radius:14px;margin:14px 0 0;padding:12px 14px;font-size:13px;line-height:1.65;position:relative;overflow-x:auto;box-shadow:inset 0 1px #ffffff7a}[data-theme=dark] .friend-apply-format{background:var(--surface-faint);box-shadow:inset 0 1px #ffffff0d}.friend-apply-format code{white-space:pre}.guestbook-rules ul{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.guestbook-rules li{color:var(--muted);padding-left:16px;font-size:13px;line-height:1.65;position:relative}.guestbook-rules li:before{border-radius:var(--radius-pill);background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 4px var(--accent-soft);content:"";position:absolute;top:.72em;left:0}.friend-apply-note{margin:24px 0 0}.comment-section{border-top:1px solid var(--border-soft);max-width:780px;margin-top:56px;padding-top:32px}.comment-section-guestbook{max-width:860px;margin-left:auto;margin-right:auto}.comment-section.compact{margin-top:28px;padding-top:20px}.comment-heading{align-items:center;gap:12px;margin-bottom:18px;display:flex}.comment-heading-mark{border-radius:var(--radius-pill);background:var(--accent);width:6px;height:24px;box-shadow:0 0 0 5px var(--accent-soft);flex:none}.comment-heading h2{color:var(--text);margin:0;font-size:22px;font-weight:650;line-height:1.35}.comment-section.compact .comment-heading h2{font-size:17px}.comment-heading p{color:var(--muted);margin:4px 0 0;font-size:14px;line-height:1.6}.comment-panel{border:1px solid var(--border-soft);border-radius:var(--radius-card);background:var(--surface-card-gradient);box-shadow:var(--shadow-card);padding:18px;overflow:hidden}[data-theme=dark] .comment-panel,[data-theme=dark] .guestbook-sticky-note,[data-theme=dark] .guestbook-rules,[data-theme=dark] .friend-apply-note{background:var(--surface-card-gradient)}.comment-section.compact .comment-panel{padding:14px}.comment-section.compact .comment-heading{margin-bottom:12px}.comment-empty{border:1px dashed var(--border);background:var(--accent-faint);color:var(--text-soft);border-radius:16px;align-items:flex-start;gap:12px;padding:16px;display:flex}.comment-empty svg{color:var(--accent);flex:none;margin-top:2px}.comment-empty strong{color:var(--text);font-size:14px;font-weight:650;line-height:1.5;display:block}.comment-empty p,.comment-loading{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.65}.comment-loading{margin-bottom:12px}.comment-artalk{color:var(--text-soft);font-family:var(--font-noto-sans-sc)}.comment-artalk.is-hidden{display:none}.comment-artalk .atk-main{color:var(--text-soft)}.comment-artalk .atk-main-editor,.comment-artalk .atk-textarea-wrap,.comment-artalk .atk-input{border-color:var(--border-soft)!important;background:var(--page)!important;color:var(--text-soft)!important;box-shadow:none!important;border-radius:14px!important}.comment-artalk .atk-main-editor:focus-within,.comment-artalk .atk-textarea-wrap:focus-within,.comment-artalk .atk-input:focus-within{border-color:var(--border-hover)!important;box-shadow:0 0 0 4px var(--accent-soft)!important}.comment-artalk .atk-textarea,.comment-artalk input,.comment-artalk textarea{color:var(--text-soft)!important;font-family:var(--font-noto-sans-sc)!important;background:0 0!important}.comment-artalk .atk-textarea::placeholder,.comment-artalk input::placeholder,.comment-artalk textarea::placeholder{color:var(--muted)!important}.comment-artalk .atk-send-btn,.comment-artalk .atk-btn{transition:transform var(--duration-fast) var(--ease-soft), border-color var(--duration-fast) var(--ease-soft), background var(--duration-fast) var(--ease-soft);border-radius:var(--radius-pill)!important;background:var(--accent)!important;color:#fff!important;font-family:var(--font-noto-sans-sc)!important;border:1px solid #0000!important;font-weight:600!important}.comment-artalk .atk-send-btn:hover,.comment-artalk .atk-btn:hover{transform:translateY(-1px);background:var(--accent-hover)!important;border-color:#0000!important}.comment-artalk .atk-list,.comment-artalk .atk-list-header,.comment-artalk .atk-list-footer{color:var(--muted)!important}.comment-artalk .atk-comment-wrap,.comment-artalk .atk-comment{border-color:var(--border-soft)!important}.comment-artalk .atk-comment{background:var(--surface-panel);border-radius:16px;padding:12px;border:1px solid var(--border-soft)!important}[data-theme=dark] .comment-artalk .atk-comment{background:var(--surface-faint)}.comment-artalk .atk-avatar{border:1px solid var(--border-soft);background:var(--accent-soft);box-shadow:0 0 0 3px var(--surface-subtle);border-radius:14px!important}[data-theme=dark] .comment-artalk .atk-avatar{box-shadow:0 0 0 3px #2e282294}.comment-artalk .atk-nick,.comment-artalk .atk-nick a{color:var(--text)!important;font-weight:650!important}.comment-artalk .atk-date,.comment-artalk .atk-reply-at,.comment-artalk .atk-actions,.comment-artalk .atk-common-action-btn{color:var(--muted)!important}.comment-artalk .atk-content,.comment-artalk .atk-content p{line-height:1.75;color:var(--text-soft)!important}.comment-artalk a{color:var(--accent-hover)!important}.comment-artalk .atk-list-no-comment,.comment-artalk .atk-error,.comment-artalk .atk-err{border-color:var(--border-soft)!important;background:var(--accent-faint)!important;color:var(--muted)!important;border-radius:16px!important}.music-page{gap:28px;display:grid}.music-page-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.95fr);align-items:start;gap:24px;display:grid}.music-page-list,.music-now-card{min-width:0}.music-section-title{justify-content:space-between;align-items:end;gap:14px;margin-bottom:14px;display:flex}.music-section-title h2{color:var(--text);margin:0;font-size:20px;font-weight:650;line-height:1.35}.music-section-title p{color:var(--muted);margin:0;font-size:13px}.music-list{gap:12px;display:grid}.music-list-item{border:1px solid var(--border-soft);border-radius:var(--radius-card);background:var(--surface-translucent);width:100%;box-shadow:var(--shadow-soft);color:inherit;text-align:left;transition:transform var(--duration-normal) var(--ease-soft), border-color var(--duration-normal) var(--ease-soft), background var(--duration-normal) var(--ease-soft), box-shadow var(--duration-normal) var(--ease-soft);grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid;position:relative}[data-theme=dark] .music-list-item{background:var(--surface-translucent)}.music-list-item:hover,.music-list-item:focus-visible{border-color:var(--border-hover);background:var(--card-hover);box-shadow:var(--shadow-card);outline:none;transform:translateY(-2px)}.music-list-item.is-active{border-color:var(--border-hover);background:var(--accent-soft)}.music-list-item.is-active:before{border-radius:var(--radius-pill);background:var(--accent);content:"";width:3px;position:absolute;top:18px;bottom:18px;left:7px}.music-list-cover{border-radius:16px;width:56px;height:56px}.music-list-copy{gap:3px;min-width:0;display:grid}.music-list-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.55;overflow:hidden}.music-list-side{color:var(--muted);justify-items:end;gap:7px;font-size:12px;display:grid}.music-list-side svg{color:var(--accent)}.music-list-tags,.music-now-tags{flex-wrap:wrap;gap:6px;display:flex}.music-list-tags{grid-column:2/-1}.music-list-tags span,.music-now-tags span{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);border:1px solid #7d86bc1f;padding:3px 8px;font-size:12px;line-height:1.35}.music-now-card{border:1px solid var(--border-soft);background:var(--surface-card-gradient);box-shadow:var(--shadow-card);border-radius:22px;gap:16px;padding:18px;display:grid;position:sticky;top:28px}[data-theme=dark] .music-now-card{background:var(--surface-card-gradient)}.music-now-cover{aspect-ratio:1;border-radius:22px;width:100%;height:auto;box-shadow:0 18px 42px #5b4c361f}.music-now-copy{gap:6px;display:grid}.music-now-copy p{color:var(--warm);margin:0;font-size:12px;font-weight:650}.music-now-copy h2{color:var(--text);margin:0;font-size:25px;font-weight:650;line-height:1.32}.music-now-copy span,.music-now-copy em{color:var(--muted);font-size:13px;font-style:normal;line-height:1.6}.music-progress-large{height:18px}.music-now-controls{align-items:center;gap:8px;display:flex}.music-volume{color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;display:grid}.music-volume input{width:100%;height:4px;accent-color:var(--accent);cursor:pointer}.mdx-music-card{border:1px solid var(--border-soft);border-radius:var(--radius-card);background:var(--music-note-bg);box-shadow:var(--shadow-soft);grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;margin:24px 0;padding:14px 16px;display:grid}.mdx-music-cover{border-radius:16px;width:54px;height:54px}.mdx-music-copy{gap:4px;min-width:0;display:grid}.mdx-music-copy p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.mdx-music-actions{color:var(--accent);align-items:center;gap:8px;display:inline-flex}.not-found-page{text-align:center;place-content:center;min-height:56vh;display:grid}.not-found-page h1{color:var(--accent);margin:0;font-size:72px;line-height:1}.not-found-page p{color:var(--muted)}.not-found-page a{border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-hover);justify-self:center;padding:9px 16px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.page-transition,.page-transition *,.article-list,.article-list *{transform:none!important}}@media (max-width:1080px){.page-surface.article-shell{width:min(820px,100%)}.article-header,.article-quote-card,.article-footer,.article-neighbor-nav,.article-shell>.comment-section{max-width:none}.article-reading-layout{display:block}.article-main{max-width:none}.article-toc-sidebar{margin-bottom:22px;position:static;top:auto}.toc-card{position:relative;top:auto}.toc-mobile-toggle{border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--card);width:100%;height:42px;box-shadow:var(--shadow-soft);color:var(--text-soft);cursor:pointer;transition:background .18s var(--ease-soft), border-color .18s var(--ease-soft), color .18s var(--ease-soft), transform .18s var(--ease-soft);justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:650;display:inline-flex}.toc-mobile-toggle:hover,.toc-mobile-toggle:focus-visible,.toc-card.is-open .toc-mobile-toggle{border-color:var(--border-hover);background:var(--accent-soft);color:var(--accent-hover);outline:none}.toc-mobile-toggle:hover,.toc-mobile-toggle:focus-visible{transform:translateY(-1px)}.toc-panel{animation:paper-toc-open .22s var(--ease-soft) both;margin-top:10px;display:none}.toc-card.is-open .toc-panel{display:block}}@media (max-width:1260px){.notebook-frame{grid-template-columns:236px minmax(0,1fr)}.notebook-scroll-region{grid-template-columns:minmax(0,1fr)}.info-panel{display:none}.article-toc-sidebar{z-index:auto;width:auto;position:static;top:auto;right:auto}.article-reading-sidebar{margin-bottom:22px}.page-surface,.home-page{width:min(980px,100%)}}@media (max-width:900px){:root{--motion-page-offset:6px;--motion-card-offset:10px;--motion-stagger-step:30ms;--motion-stagger-max:.18s}body{background:var(--bg);height:auto;min-height:100vh;padding:0;overflow:auto}.notebook-frame{height:auto;min-height:100vh;box-shadow:none;border:0;border-radius:0;display:block;overflow:visible}.notebook-scroll-region{display:block;overflow:visible}.site-sidebar{z-index:30;border-right:0;border-bottom:1px solid var(--border-soft);height:auto;min-height:0;padding:16px;position:sticky;top:0;overflow:visible}.sidebar-brand a{justify-content:space-between}.sidebar-brand img,.status-card,.sidebar-footer{display:none}.sidebar-nav{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav a{white-space:nowrap;flex:none;height:36px;padding:0 12px}.sidebar-nav a.active:before,.sidebar-spacer{display:none}.theme-toggle{margin-top:-4px;position:static}.mini-music-player{z-index:50;gap:6px;max-width:680px;margin:0 auto;padding:10px 12px;position:fixed;bottom:12px;left:12px;right:12px}.mini-music-main{grid-template-columns:40px minmax(0,1fr) auto}.mini-music-cover{border-radius:12px;width:40px;height:40px}.mini-music-actions{grid-column:auto;justify-content:end;gap:4px}.mini-music-player .music-icon-button{width:26px;height:26px}.mini-music-player .music-play-button{width:30px;height:30px}.music-page-link,.mini-music-time{display:none}.mini-music-player .music-lyrics{max-height:35vh;position:absolute;bottom:calc(100% + 10px);left:0;right:0}.mini-music-player .music-lyrics-scroll{max-height:calc(35vh - 28px)}.notebook-main{padding:26px 18px 126px;overflow:visible}.music-page-grid{grid-template-columns:1fr}.music-now-card{position:static}.guestbook-notes{grid-template-columns:1fr}.comment-section,.comment-section-guestbook{max-width:none;margin-top:36px;padding-top:24px}.comment-panel{padding:14px}.comment-heading h2{font-size:18px}.page-header,.page-header.compact{border-radius:var(--radius-card);min-height:0;padding:24px}.page-header-image{aspect-ratio:16/7;border-radius:16px;width:100%;margin-top:22px;position:relative}.page-header-image:after{background:linear-gradient(90deg, var(--surface-translucent), var(--surface-faint)), linear-gradient(180deg, #f6f1e805, #f6f1e82e)}.article-card{grid-template-columns:64px minmax(0,1fr)}.article-card-cover{grid-column:1/-1;min-height:158px}.article-card-cover:after{background:linear-gradient(180deg, var(--surface-faint), var(--surface-panel)), linear-gradient(90deg, var(--surface-panel), var(--surface-faint))}.article-card-arrow{opacity:.5}.article-card-bottom,.section-heading{flex-direction:column;align-items:flex-start}.article-quote-card{padding:22px}.article-quote-image{aspect-ratio:16/7;border-radius:16px;width:100%;margin-top:18px;position:relative}.article-neighbor-nav,.archive-year{grid-template-columns:1fr}}@media (max-width:560px){.notebook-main{padding:22px 14px 34px}.search-results{width:auto;position:fixed;top:118px;left:14px;right:14px}.article-card{grid-template-columns:1fr}.article-card-date{border-right:0;border-bottom:1px solid var(--border-soft);justify-content:space-between;padding:12px 16px;display:flex}.article-card-copy{padding:18px}.archive-entry{grid-template-columns:1fr;gap:6px}.taxonomy-grid{grid-template-columns:1fr}.category-overview-card{grid-template-columns:auto minmax(0,1fr);padding:16px}.category-overview-card>strong{grid-column:1/-1;justify-self:start}.category-dropdown,.category-dropdown .category-dropdown-trigger,.category-dropdown .category-dropdown-menu{width:100%}.mdx-music-card,.music-list-item{grid-template-columns:48px minmax(0,1fr)}.mdx-music-actions,.music-list-side{grid-column:1/-1;justify-self:start}.music-list-tags{grid-column:1/-1}.music-now-copy h2{font-size:22px}.home-category-dropdown{width:fit-content}.home-category-dropdown .category-dropdown-trigger{width:auto;min-width:150px}.home-category-dropdown .category-dropdown-menu{width:min(180px,100vw - 48px);left:0;right:auto}}.notes-page,.note-detail-page,.flight-detail-page{gap:24px;display:grid}.flight-showcase-hero{border:1px solid var(--border-soft);background:radial-gradient(circle at 18% 0%, var(--accent-faint), transparent 30%), linear-gradient(180deg, var(--surface-panel), var(--surface-subtle));box-shadow:var(--shadow-card);border-radius:26px;padding:clamp(18px,3vw,30px);position:relative;overflow:hidden}.flight-showcase-hero:before{content:"";pointer-events:none;background:linear-gradient(90deg, var(--page) 0%, transparent 18%, transparent 82%, var(--page) 100%);opacity:.22;z-index:1;position:absolute;inset:0}.flight-showcase-stage{z-index:3;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:14px;min-height:clamp(270px,30vw,380px);display:grid;position:relative}.flight-showcase-track{min-width:0;min-height:clamp(250px,28vw,360px);position:relative;overflow:hidden}.flight-showcase-card{border:1px solid var(--border-soft);background:var(--card);width:clamp(120px,12vw,170px);height:clamp(96px,10vw,138px);box-shadow:var(--shadow-soft);opacity:0;pointer-events:none;transition:transform .52s var(--ease-soft), opacity .42s var(--ease-soft), width .52s var(--ease-soft), height .52s var(--ease-soft), bottom .52s var(--ease-soft), box-shadow .26s var(--ease-soft), border-color .26s var(--ease-soft);will-change:transform, opacity;border-radius:22px;text-decoration:none;display:block;position:absolute;bottom:30px;left:50%;overflow:hidden;transform:translate(-50%,22px)scale(.82)}.flight-showcase-card.is-edge-left,.flight-showcase-card.is-edge-right,.flight-showcase-card.is-far-left,.flight-showcase-card.is-far-right{pointer-events:auto;z-index:1}.flight-showcase-card.is-edge-left,.flight-showcase-card.is-edge-right{opacity:.34;width:clamp(112px,10vw,150px);height:clamp(88px,8vw,118px)}.flight-showcase-card.is-far-left,.flight-showcase-card.is-far-right{opacity:.56;z-index:2;width:clamp(145px,14vw,205px);height:clamp(112px,11vw,158px)}.flight-showcase-card.is-left,.flight-showcase-card.is-right{opacity:.86;pointer-events:auto;z-index:3;width:clamp(178px,18vw,260px);height:clamp(138px,14vw,202px)}.flight-showcase-card.is-edge-left{transform:translate(calc(-50% - clamp(380px,40vw,560px)),22px)scale(.88)}.flight-showcase-card.is-far-left{transform:translate(calc(-50% - clamp(275px,29vw,410px)),16px)scale(.92)}.flight-showcase-card.is-left{transform:translate(calc(-50% - clamp(150px,16vw,230px)),8px)scale(.98)}.flight-showcase-card.is-right{transform:translate(calc(-50% + clamp(150px,16vw,230px)),8px)scale(.98)}.flight-showcase-card.is-far-right{transform:translate(calc(-50% + clamp(275px,29vw,410px)),16px)scale(.92)}.flight-showcase-card.is-edge-right{transform:translate(calc(-50% + clamp(380px,40vw,560px)),22px)scale(.88)}.flight-showcase-card.is-center{z-index:5;border-color:var(--border-hover);width:clamp(230px,23vw,340px);height:clamp(185px,19vw,265px);box-shadow:var(--shadow-card);opacity:1;pointer-events:auto;bottom:48px;transform:translate(-50%)scale(1.03)}.flight-showcase-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card);opacity:1}.flight-showcase-card.is-center:hover{transform:translate(-50%,-5px)scale(1.035)}.flight-showcase-card img{object-fit:cover;filter:saturate(.98)contrast(.98)brightness(1.03);transition:transform .52s var(--ease-soft), filter .26s var(--ease-soft)}.flight-showcase-card:hover img{transform:scale(1.025)}.flight-showcase-card.is-hidden{opacity:0;pointer-events:none;z-index:0}.flight-showcase-control{z-index:4;border:1px solid var(--border-soft);background:var(--card-solid);width:44px;height:58px;color:var(--text-soft);cursor:pointer;box-shadow:var(--shadow-soft);transition:transform var(--duration-fast) var(--ease-soft), background var(--duration-fast) var(--ease-soft), color var(--duration-fast) var(--ease-soft), border-color var(--duration-fast) var(--ease-soft);border-radius:16px;justify-content:center;align-items:center;display:inline-flex;position:relative}.flight-showcase-control:hover{border-color:var(--border-hover);background:var(--accent-soft);color:var(--accent-hover);transform:translateY(-1px)}.flight-notes-hero{border:1px solid var(--border-soft);background:radial-gradient(circle at 82% 18%, var(--accent-faint), transparent 34%), linear-gradient(180deg, var(--surface-panel), var(--surface-subtle));min-height:380px;box-shadow:var(--shadow-card);animation:page-enter .26s var(--ease-soft) both;border-radius:28px;grid-template-columns:minmax(240px,.9fr) minmax(0,1.6fr);align-items:center;gap:clamp(22px,3vw,34px);padding:clamp(24px,3vw,36px);display:grid;overflow:hidden}.flight-hero-copy{gap:14px;min-width:0;display:grid}.flight-kicker{width:fit-content;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:650}.flight-hero-copy h1{color:var(--text);margin:0;font-size:clamp(28px,3.2vw,34px);font-weight:650;line-height:1.16}.flight-hero-copy>p{max-width:34em;color:var(--text-soft);margin:0;font-size:15px;line-height:1.75}.current-shot-note{background:var(--accent-faint);animation:reveal-item .24s var(--ease-soft) both;border:1px solid #7d86bc1f;border-radius:18px;gap:7px;margin-top:6px;padding:14px 15px;display:grid}.phase-pill{border-radius:var(--radius-pill);background:var(--card);width:fit-content;color:var(--accent-hover);border:1px solid #7d86bc29;padding:5px 9px;font-size:12px;font-weight:650;line-height:1}.current-shot-note h3{color:var(--text);margin:0;font-size:16px;font-weight:650;line-height:1.35}.current-shot-note p{color:var(--text-soft);margin:0;font-size:13px;line-height:1.65}.current-shot-note small{color:var(--muted);font-size:12px;line-height:1.5}.flight-hero-media{gap:12px;min-width:0;display:grid;position:relative}.photo-main-frame{aspect-ratio:16/9;border:1px solid var(--border-soft);background:var(--card-solid);border-radius:24px;padding:8px;display:block;position:relative;overflow:hidden;box-shadow:0 18px 42px #5b4c3624}[data-theme=dark] .photo-main-frame{box-shadow:var(--shadow-card)}.photo-main-frame:before{content:"";z-index:1;pointer-events:none;border-radius:18px;position:absolute;inset:8px;box-shadow:inset 0 0 0 1px #ffffff2e}.flight-hero-photo{object-fit:cover;filter:saturate(.96)contrast(.97)brightness(1.03);animation:flight-photo-enter .24s var(--ease-soft) both;border-radius:18px}@keyframes flight-photo-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.flight-hero-control{z-index:3;border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--surface-translucent);width:38px;height:38px;color:var(--muted);cursor:pointer;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform var(--duration-fast) var(--ease-soft), background var(--duration-fast) var(--ease-soft), color var(--duration-fast) var(--ease-soft), border-color var(--duration-fast) var(--ease-soft);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:calc(50% - 26px)}.flight-hero-control.prev{left:18px}.flight-hero-control.next{right:18px}.flight-hero-control:hover{border-color:var(--border-hover);background:var(--accent-soft);color:var(--accent-hover);transform:translateY(-1px)}.flight-shot-strip{scrollbar-width:thin;gap:8px;min-width:0;padding:2px 2px 4px;display:flex;overflow-x:auto}.flight-shot-strip button{border:1px solid var(--border-soft);background:var(--card);cursor:pointer;opacity:.58;width:56px;height:36px;transition:opacity .18s var(--ease-soft), border-color .18s var(--ease-soft), box-shadow .18s var(--ease-soft), transform .18s var(--ease-soft);border-radius:10px;flex:none;padding:0;position:relative;overflow:hidden}.flight-shot-strip button img{object-fit:cover}.flight-shot-strip button:hover{opacity:.86;transform:translateY(-1px)}.flight-shot-strip button.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);opacity:1}.note-filter-tabs{border:1px solid var(--border-soft);background:var(--surface-translucent);width:fit-content;max-width:100%;box-shadow:var(--shadow-soft);border-radius:18px;flex-wrap:wrap;gap:8px;padding:8px;display:inline-flex}.note-filter-tabs button{color:var(--muted);cursor:pointer;font:inherit;appearance:none;min-width:92px;transition:transform var(--duration-normal) var(--ease-soft), background var(--duration-normal) var(--ease-soft), border-color var(--duration-normal) var(--ease-soft), color var(--duration-normal) var(--ease-soft);background:0 0;border:1px solid #0000;border-radius:14px;padding:10px 16px;line-height:1;text-decoration:none}.note-filter-tabs button:hover,.note-filter-tabs button:focus-visible{background:var(--accent-faint);border-color:var(--border-hover);color:var(--accent-hover);transform:translateY(-1px)}.note-filter-tabs button.active{background:var(--accent-soft);border-color:var(--border-hover);color:var(--accent-hover);box-shadow:var(--shadow-soft)}.note-filter-tabs strong,.note-filter-tabs span{display:block}.note-filter-tabs strong{font-size:14px;font-weight:650}.note-filter-tabs span{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.5;display:none}.note-feed{animation:article-list-reveal var(--motion-page-duration) var(--ease-soft) both;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.note-feed-item,.note-empty-card{min-width:0;animation:article-card-slide-in var(--motion-card-duration) var(--ease-soft) both;animation-delay:var(--stagger,0s);will-change:transform, opacity}.note-empty-card,.note-card,.flight-note-card,.flight-brief-card,.flight-planning-section,.flight-image-timeline,.flight-log-section,.simbrief-card{border:1px solid var(--border-soft);background:var(--surface-translucent);box-shadow:var(--shadow-soft);border-radius:22px}.note-empty-card{grid-column:1/-1;padding:28px}.note-empty-card h2,.note-card h2,.flight-note-card h2{color:var(--text);margin:0;font-size:19px;font-weight:650;line-height:1.35}.note-empty-card p,.note-card p,.flight-note-card p{color:var(--muted);font-size:14px;line-height:1.65}.note-card{min-height:220px;transition:transform var(--duration-normal) var(--ease-soft), box-shadow var(--duration-normal) var(--ease-soft), border-color var(--duration-normal) var(--ease-soft);gap:14px;padding:18px;display:grid}.note-card:hover,.flight-note-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card);transform:translateY(-3px)}.note-card a,.flight-note-card a{color:inherit;text-decoration:none}.note-card-mark{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-hover);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.note-card-date{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.flight-note-card{transition:transform var(--duration-normal) var(--ease-soft), box-shadow var(--duration-normal) var(--ease-soft), border-color var(--duration-normal) var(--ease-soft);gap:14px;padding:16px;display:grid}.flight-note-cover{display:block}.flight-note-photo,.flight-hero-photo>div,.flight-planning-image,.flight-timeline-photo{background:var(--card);border:1px solid var(--border-soft);position:relative;overflow:hidden}.flight-note-photo{aspect-ratio:16/9;border-radius:22px;padding:8px}.flight-note-photo img,.flight-hero-photo img,.flight-planning-image img,.flight-timeline-photo img{object-fit:cover;border-radius:inherit;filter:saturate(.98)contrast(.98)brightness(1.03);transition:transform var(--duration-normal) var(--ease-soft)}.flight-note-card:hover .flight-note-photo img{transform:scale(1.02)}.flight-note-cover-placeholder{background:radial-gradient(circle at 35% 20%, var(--accent-soft), transparent 42%), var(--page-soft);width:100%;height:100%;color:var(--muted);border-radius:18px;place-items:center;gap:8px;font-size:12px;display:grid}.flight-note-route,.simbrief-route-title{color:var(--accent-hover);align-items:center;gap:10px;font-weight:650;display:flex}.flight-note-route span,.airport-code,.simbrief-airport-code{font-family:var(--font-mono,"JetBrains Mono", "Fira Code", Menlo, Consolas, monospace);letter-spacing:.04em}.flight-note-date,.note-detail-meta,.flight-note-meta,.flight-note-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.flight-note-date{color:var(--muted);font-size:12px}.flight-note-date em{color:var(--warm);font-style:normal}.flight-note-chips span,.flight-note-meta span,.simbrief-info-grid>div,.flight-brief-grid>div{border:1px solid var(--border-soft);background:var(--surface-subtle);border-radius:14px}.flight-note-chips span{color:var(--accent-hover);padding:5px 9px;font-size:12px}.flight-note-meta span{color:var(--muted);padding:4px 8px;font-size:12px}.note-detail-meta{color:var(--muted);font-size:13px}.note-detail-meta>span{align-items:center;gap:6px;display:inline-flex}.note-detail-body,.flight-log-section{max-width:820px}.flight-hero-photo{margin:0}.flight-hero-photo>div{aspect-ratio:16/8;box-shadow:var(--shadow-card);border-radius:24px}.flight-hero-photo figcaption{color:var(--muted);align-items:center;gap:6px;margin-top:10px;font-size:12px;display:flex}.flight-section-heading,.simbrief-card-heading{color:var(--accent);align-items:center;gap:10px;margin-bottom:14px;display:flex}.flight-section-heading h2,.simbrief-card-heading h3{color:var(--text);margin:0;font-size:18px;font-weight:650}.flight-section-heading p,.simbrief-card-heading span{color:var(--muted);margin:3px 0 0;font-size:12px}.flight-brief-card,.flight-planning-section,.flight-image-timeline,.flight-log-section,.simbrief-card{padding:16px}.flight-brief-grid,.simbrief-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.flight-brief-grid>div,.simbrief-info-grid>div{gap:4px;padding:10px 12px;display:grid}.flight-brief-grid span,.simbrief-info-grid span{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:inline-flex}.flight-brief-grid strong,.simbrief-info-grid strong{overflow-wrap:anywhere;min-width:0;color:var(--text);font-size:14px;font-weight:650}.flight-brief-route{border-top:1px solid var(--border-soft);margin-top:14px;padding-top:14px}.flight-brief-route span{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.flight-brief-route p,.simbrief-route-text{border:1px solid var(--border-soft);background:var(--page-soft);color:var(--text-soft);font-family:var(--font-mono,"JetBrains Mono", "Fira Code", Menlo, Consolas, monospace);white-space:pre-wrap;border-radius:14px;margin:8px 0 0;padding:12px;font-size:13px;line-height:1.7;overflow-x:auto}.flight-planning-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.flight-planning-card{margin:0}.flight-planning-card figcaption{color:var(--text);align-items:center;gap:7px;margin-bottom:8px;font-size:14px;font-weight:650;display:flex}.flight-planning-image{aspect-ratio:16/10;border-radius:20px;padding:8px}.flight-timeline-list{gap:18px;padding-left:18px;display:grid;position:relative}.flight-timeline-list:before{content:"";background:var(--border-soft);width:1px;position:absolute;top:8px;bottom:8px;left:5px}.flight-timeline-item{margin:0;position:relative}.flight-timeline-marker{background:var(--warm);width:11px;height:11px;box-shadow:0 0 0 5px var(--warm-soft);border-radius:999px;position:absolute;top:4px;left:-18px}.flight-timeline-item figcaption{color:var(--text);margin-bottom:8px;font-size:15px;font-weight:650}.flight-timeline-photo{aspect-ratio:16/9;box-shadow:var(--shadow-soft);border-radius:20px;padding:8px}.simbrief-ofp{gap:14px;display:grid}.simbrief-card-heading{justify-content:space-between}.simbrief-info-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0}.simbrief-info-grid.fuel{grid-template-columns:repeat(5,minmax(0,1fr))}.simbrief-card-action{justify-content:flex-end;align-items:center;display:inline-flex}.simbrief-ofp-document{gap:14px;display:grid}.simbrief-ofp-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.simbrief-ofp-metrics>div{border:1px solid var(--border-soft);background:var(--surface-subtle);text-align:center;border-radius:16px;gap:4px;padding:12px;display:grid}.simbrief-ofp-metrics strong{color:var(--text);font-size:20px;font-weight:650;line-height:1.25}.simbrief-ofp-metrics small{color:var(--muted);margin-left:4px;font-size:12px;font-weight:500}.simbrief-ofp-metrics span{color:var(--muted);font-size:12px}.simbrief-ofp-route-line{border:1px solid var(--border-soft);background:var(--page-soft);color:var(--text-soft);font-family:var(--font-mono,"JetBrains Mono", "Fira Code", Menlo, Consolas, monospace);text-align:center;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;line-height:1.7;display:flex}.simbrief-ofp-route-line svg{color:var(--accent);flex:none}.simbrief-ofp-paper{border:1px solid var(--border-soft);background:linear-gradient(180deg, var(--surface-subtle), var(--page-soft));max-height:560px;color:var(--text-soft);font-family:var(--font-mono,"JetBrains Mono", "Fira Code", Menlo, Consolas, monospace);white-space:pre;border-radius:18px;margin:0;padding:18px;font-size:13px;line-height:1.65;overflow:auto;box-shadow:inset 0 1px #ffffff40}.simbrief-ofp-paper:focus{border-color:var(--border-hover);box-shadow:0 0 0 4px var(--accent-soft);outline:0}.simbrief-metar-list{gap:10px;display:grid}.simbrief-metar-item{gap:6px;display:grid}.simbrief-metar-list span{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.simbrief-metar-list code{border:1px solid var(--border-soft);background:var(--page-soft);color:var(--text-soft);font-family:var(--font-mono,"JetBrains Mono", "Fira Code", Menlo, Consolas, monospace);border-radius:14px;padding:10px 12px;font-size:12px;line-height:1.7;display:block;overflow-x:auto}.simbrief-translate-toggle{background:var(--accent-soft);width:30px;height:30px;color:var(--accent-hover);cursor:pointer;font:inherit;transition:transform var(--duration-fast) var(--ease-soft), background var(--duration-fast) var(--ease-soft), color var(--duration-fast) var(--ease-soft);border:1px solid #7d86bc1f;border-radius:999px;justify-content:center;align-items:center;font-size:12px;font-weight:650;display:inline-flex}.simbrief-translate-toggle:hover,.simbrief-translate-toggle.is-active{background:var(--warm-soft);color:var(--warm);transform:translateY(-1px)}.simbrief-metar-translation{border:1px solid var(--border-soft);background:var(--surface-subtle);color:var(--text-soft);border-radius:14px;gap:5px;margin:0;padding:11px 12px;font-size:13px;line-height:1.6;list-style:none;display:grid}.simbrief-metar-translation li{padding-left:12px;position:relative}.simbrief-metar-translation li:before{content:"";background:var(--accent);border-radius:999px;width:4px;height:4px;position:absolute;top:.72em;left:0}.simbrief-table-wrap{overflow-x:auto}.simbrief-navlog table{border-collapse:collapse;width:100%;min-width:640px;color:var(--text-soft);font-size:13px}.simbrief-navlog th,.simbrief-navlog td{border-bottom:1px solid var(--border-soft);text-align:left;padding:9px 10px}.simbrief-navlog th{background:var(--page-soft);color:var(--text);font-weight:650}.simbrief-navlog tr:hover td{background:var(--accent-faint)}.simbrief-expand-button{border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-hover);cursor:pointer;font:inherit;transition:transform var(--duration-fast) var(--ease-soft), background var(--duration-fast) var(--ease-soft);align-items:center;gap:6px;margin-top:12px;padding:7px 12px;font-size:12px;display:inline-flex}.simbrief-expand-button:hover{background:#7d86bc2e;transform:translateY(-1px)}.simbrief-empty{border:1px dashed var(--border-soft);background:var(--surface-subtle);color:var(--muted);border-radius:16px;padding:14px;font-size:13px;line-height:1.7}.simbrief-empty strong{color:var(--text);margin-bottom:3px;display:block}.volanta-replay{border:1px solid var(--border-soft);background:radial-gradient(circle at 14% 0%, var(--accent-faint), transparent 34%), linear-gradient(180deg, var(--surface-translucent), var(--surface-subtle));box-shadow:var(--shadow-soft);border-radius:22px;gap:16px;margin:28px 0;padding:18px;display:grid}.volanta-replay-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.volanta-replay-kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:650;display:block}.volanta-replay-header h2{color:var(--text);margin:4px 0 5px;font-size:22px;font-weight:650;line-height:1.3}.volanta-replay-header p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.volanta-replay-time{border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--card);min-height:30px;color:var(--muted);flex:none;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.volanta-replay-warning{background:var(--warm-soft);color:var(--text-soft);border:1px solid #c58b6a33;border-radius:14px;gap:6px;padding:10px 12px;font-size:12px;line-height:1.65;display:grid}.volanta-replay-grid{grid-template-columns:minmax(0,1.35fr) minmax(260px,.85fr);align-items:stretch;gap:14px;display:grid}.volanta-map-card,.volanta-side-card{border:1px solid var(--border-soft);background:var(--card);min-width:0;box-shadow:var(--shadow-soft);border-radius:18px}.volanta-map-card{padding:10px}.volanta-map-3d-shell{border:1px solid var(--border-soft);background:radial-gradient(circle at 70% 18%, var(--accent-faint), transparent 38%), var(--page-soft);border-radius:16px;min-height:390px;position:relative;overflow:hidden}.volanta-map-3d-canvas{background:var(--page-soft);position:absolute;inset:0}.volanta-map-3d-canvas canvas{outline:none}.volanta-map-3d-overlay{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.volanta-svg-planned{fill:none;stroke:#a944d294;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.volanta-svg-ground{fill:none;stroke:#aaa49a3d;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px}.volanta-svg-curtain{stroke:#0000;mix-blend-mode:screen}.volanta-svg-tick{stroke-linecap:round;stroke-width:1px;opacity:.76}.volanta-svg-topline{stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.volanta-svg-marker-line{stroke:#bf84e87a;stroke-linecap:round;stroke-width:1.4px}.volanta-svg-marker{filter:drop-shadow(0 4px 10px #00000038)}.volanta-svg-marker-halo{fill:#bf84e829;stroke:#fffdf8ad;stroke-width:1px}.volanta-svg-marker path{fill:#bf84e8;stroke:#fffdf8c7;stroke-linejoin:round;stroke-width:1.2px}.volanta-map-3d-loading{background:linear-gradient(180deg, var(--surface-translucent), var(--surface-subtle));color:var(--muted);pointer-events:none;place-items:center;font-size:13px;line-height:1.7;display:grid;position:absolute;inset:0}.volanta-map-3d-loading.is-static{border:1px solid var(--border-soft);border-radius:16px;min-height:390px;position:relative}.volanta-map-3d-controls{z-index:5;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:min(420px,100% - 24px);display:flex;position:absolute;top:12px;right:12px}.volanta-map-3d-controls button{border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--card-solid);justify-content:center;align-items:center;gap:5px;min-height:32px;padding:0 10px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.volanta-map-3d-controls button{background:color-mix(in srgb, var(--card-solid) 82%, transparent)}}.volanta-map-3d-controls button{box-shadow:var(--shadow-soft);color:var(--muted);cursor:pointer;font:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform var(--duration-fast) var(--ease-soft), background var(--duration-fast) var(--ease-soft), border-color var(--duration-fast) var(--ease-soft), color var(--duration-fast) var(--ease-soft);font-size:12px}.volanta-map-3d-controls button:first-child{width:32px;padding:0}.volanta-map-3d-controls button:hover,.volanta-map-3d-controls button:focus-visible,.volanta-map-3d-controls button.is-active{border-color:var(--border-hover);background:var(--accent-soft);color:var(--accent-hover);transform:translateY(-1px)}.volanta-map-3d-fallback{gap:10px;display:grid}.volanta-map-3d-fallback-note{border:1px dashed var(--border-soft);background:var(--surface-subtle);color:var(--muted);border-radius:14px;padding:10px 12px;font-size:12px;line-height:1.7}.volanta-map{border-radius:16px;width:100%;height:auto;display:block;overflow:hidden}.volanta-map-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.volanta-map-line.base{stroke:var(--border);stroke-width:6px;opacity:.72}.volanta-map-line.active{stroke-width:6px;opacity:.96}.volanta-map-line.planned{stroke:var(--muted);stroke-dasharray:12 12;stroke-width:4px;opacity:.45}.volanta-map-marker{will-change:transform;transition:none}.volanta-map-current-ring{fill:var(--accent-soft);stroke:var(--card-solid);stroke-width:2px}.volanta-map-plane{fill:var(--warm);stroke:var(--card-solid);stroke-linejoin:round;stroke-width:1.4px}.volanta-route-label{color:var(--muted);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:10px;font-size:12px;display:grid}.volanta-route-label span{color:var(--text);font-family:var(--font-mono);letter-spacing:.04em;font-weight:650}.volanta-route-label small{min-width:0;color:var(--muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.volanta-map-legend{color:var(--muted);flex-wrap:wrap;gap:10px;margin-top:10px;font-size:12px;display:flex}.volanta-map-legend span{align-items:center;gap:6px;display:inline-flex}.volanta-map-legend i{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--accent), var(--warm));width:22px;height:3px}.volanta-map-legend i.planned{background:repeating-linear-gradient(90deg, var(--muted) 0, var(--muted) 6px, transparent 6px, transparent 10px);opacity:.6}.volanta-side-card{align-content:start;gap:14px;padding:14px;display:grid}.volanta-phase-pill{border:1px solid var(--border-hover);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-hover);justify-self:start;padding:5px 10px;font-size:12px;font-weight:650}.volanta-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.volanta-metrics>div{border:1px solid var(--border-soft);background:var(--surface-subtle);border-radius:14px;min-width:0;padding:10px}.volanta-metrics span{color:var(--muted);font-size:11px;line-height:1.2;display:block}.volanta-metrics strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:15px;font-weight:650;display:block;overflow:hidden}.volanta-profile{border:1px solid var(--border-soft);background:var(--page-soft);border-radius:14px;overflow:hidden}.volanta-profile svg{width:100%;height:108px;display:block}.volanta-profile path{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:8px;opacity:.82}.volanta-profile line{stroke:var(--warm);stroke-width:4px;opacity:.72}.volanta-controls{grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.volanta-controls button{border-radius:var(--radius-pill);background:var(--accent-soft);min-height:34px;color:var(--accent-hover);cursor:pointer;font:inherit;transition:transform var(--duration-fast) var(--ease-soft), background var(--duration-fast) var(--ease-soft), border-color var(--duration-fast) var(--ease-soft);border:1px solid #7d86bc24;justify-content:center;align-items:center;gap:6px;font-size:12px;display:inline-flex}.volanta-controls button:not(.volanta-play-button){width:34px}.volanta-play-button{padding:0 13px;font-weight:650}.volanta-controls button:hover,.volanta-controls button:focus-visible{border-color:var(--border-hover);background:#7d86bc2e;transform:translateY(-1px)}.volanta-controls input[type=range]{border-radius:var(--radius-pill);appearance:none;background:linear-gradient(90deg, var(--accent), var(--warm)) 0 / var(--volanta-progress,0%) 100% no-repeat, var(--border-soft);cursor:pointer;width:100%;height:6px}.volanta-controls input[type=range]::-webkit-slider-thumb{border:3px solid var(--accent-soft);border-radius:var(--radius-pill);appearance:none;background:var(--accent);width:14px;height:14px;box-shadow:var(--shadow-soft)}.volanta-controls input[type=range]::-moz-range-thumb{border:3px solid var(--accent-soft);border-radius:var(--radius-pill);background:var(--accent);width:14px;height:14px;box-shadow:var(--shadow-soft)}.volanta-rate-group{border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--card);align-items:center;gap:5px;padding:4px;display:inline-flex}.volanta-rate-group .volanta-rate-button{width:auto;min-height:26px;color:var(--muted);background:0 0;border-color:#0000;padding:0 8px;font-size:11px}.volanta-rate-group .volanta-rate-button.is-active{background:var(--accent-soft);color:var(--accent-hover);border-color:#7d86bc24}.volanta-replay-empty{color:var(--muted);border-style:dashed;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;font-size:13px;line-height:1.7}.volanta-replay-empty svg{color:var(--accent);margin-top:2px}.volanta-replay-empty strong{color:var(--text);margin-bottom:3px;display:block}.volanta-replay-empty p{margin:0}@media (max-width:980px){.note-feed,.flight-planning-grid{grid-template-columns:1fr}.flight-notes-hero{grid-template-columns:1fr;gap:20px}.flight-hero-copy{max-width:680px}.flight-showcase-stage{grid-template-columns:38px minmax(0,1fr) 38px;gap:8px}.flight-showcase-track{min-height:270px}.flight-showcase-card.is-edge-left,.flight-showcase-card.is-edge-right{opacity:0;pointer-events:none}.flight-brief-grid,.simbrief-info-grid,.simbrief-info-grid.compact,.simbrief-info-grid.fuel,.simbrief-ofp-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.volanta-replay-grid{grid-template-columns:1fr}.volanta-map-3d-shell,.volanta-map-3d-loading.is-static{min-height:340px}}@media (max-width:620px){.flight-notes-hero{border-radius:22px;min-height:0;padding:18px}.flight-hero-copy{gap:11px}.flight-hero-copy h1{font-size:28px}.flight-hero-copy>p{font-size:14px}.current-shot-note{padding:12px}.photo-main-frame{aspect-ratio:16/10;border-radius:20px;padding:6px}.photo-main-frame:before,.flight-hero-photo{border-radius:15px}.flight-hero-control{width:34px;height:34px;top:calc(50% - 42px)}.flight-hero-control.prev{left:12px}.flight-hero-control.next{right:12px}.flight-shot-strip button{width:50px;height:32px}.flight-showcase-hero{border-radius:22px;padding:18px}.flight-showcase-stage{grid-template-columns:34px minmax(0,1fr) 34px;min-height:238px}.flight-showcase-control{border-radius:14px;width:34px;height:48px}.flight-showcase-track{min-height:230px}.flight-showcase-card.is-left,.flight-showcase-card.is-right{width:clamp(112px,33vw,146px);height:112px}.flight-showcase-card.is-far-left,.flight-showcase-card.is-far-right{width:clamp(88px,25vw,112px);height:96px}.flight-showcase-card.is-far-left{transform:translate(calc(-50% - clamp(150px,43vw,184px)),12px)scale(.88)}.flight-showcase-card.is-left{transform:translate(calc(-50% - clamp(92px,27vw,116px)),7px)scale(.95)}.flight-showcase-card.is-right{transform:translate(calc(-50% + clamp(92px,27vw,116px)),7px)scale(.95)}.flight-showcase-card.is-far-right{transform:translate(calc(-50% + clamp(150px,43vw,184px)),12px)scale(.88)}.flight-showcase-card.is-center{width:clamp(150px,50vw,202px);height:156px;bottom:42px}.note-filter-tabs{width:100%;display:flex;overflow-x:auto}.note-filter-tabs button{flex:none;min-width:0}.flight-brief-grid,.simbrief-info-grid,.simbrief-info-grid.compact,.simbrief-info-grid.fuel,.simbrief-ofp-metrics{grid-template-columns:1fr}.volanta-replay{border-radius:18px;padding:14px}.volanta-replay-header,.volanta-controls{grid-template-columns:1fr}.volanta-replay-header{display:grid}.volanta-replay-time{justify-self:start}.volanta-metrics{grid-template-columns:1fr}.volanta-map-3d-shell,.volanta-map-3d-loading.is-static{min-height:300px}.volanta-map-3d-controls{gap:5px;top:10px;right:10px}.volanta-map-3d-controls button{min-height:30px;padding:0 8px;font-size:11px}.volanta-controls{gap:8px}.volanta-controls button:not(.volanta-play-button),.volanta-play-button{width:100%}.simbrief-ofp-paper{max-height:420px;padding:14px;font-size:12px}.flight-hero-photo>div,.flight-planning-image,.flight-timeline-photo{aspect-ratio:4/3}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}