.nav-actions[data-v-866a6923]{display:flex;align-items:center;gap:4px}.nav-icon-btn[data-v-866a6923]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--ink-2);background:transparent;border:0;cursor:pointer;transition:color .3s,background .3s}.nav-icon-btn[data-v-866a6923]:hover{color:var(--ink);background:#eeebe5b3}.nav-links[data-v-866a6923]{display:flex;flex:1;flex-wrap:nowrap;justify-content:center;gap:4px;min-width:0}.nav-item[data-v-866a6923]{position:relative;padding-bottom:4px;margin-bottom:-4px;flex-shrink:0}.nav-link[data-v-866a6923]{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border-radius:8px;font-size:13.5px;color:var(--ink-2);letter-spacing:.01em;white-space:nowrap;flex-shrink:0;transition:color .3s,background .3s}.nav-link>span[data-v-866a6923]{white-space:nowrap}.nav-link[data-v-866a6923]:hover{color:var(--ink);background:#eeebe5b3}.nav-link.is-active[data-v-866a6923]{color:var(--accent);background:oklch(.92 .06 295 / .5);font-weight:600}.nav-caret[data-v-866a6923]{transition:transform .2s var(--ease-out);opacity:.6}.nav-item.has-children:hover .nav-caret[data-v-866a6923],.nav-item.has-children:focus-within .nav-caret[data-v-866a6923]{transform:rotate(180deg);opacity:1}.nav-submenu[data-v-866a6923]{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(-6px);min-width:260px;padding:8px;border-radius:12px;background:var(--bg);border:1px solid var(--line);box-shadow:var(--shadow-lift);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out),visibility .2s;z-index:110}.nav-item:hover .nav-submenu[data-v-866a6923],.nav-item:focus-within .nav-submenu[data-v-866a6923]{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}.nav-submenu[data-v-866a6923]:before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}.nav-submenu-item[data-v-866a6923]{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:8px;color:var(--ink-2);transition:color .3s,background .3s,transform .3s var(--ease-out)}.nav-submenu-item[data-v-866a6923]:hover{color:var(--ink);background:oklch(.94 .04 295 / .5);transform:translate(3px)}.nav-submenu-item.router-link-active[data-v-866a6923]{background:oklch(.92 .06 295 / .5)}.nav-submenu-label[data-v-866a6923]{font-family:var(--font-display);font-weight:500;font-size:13.5px;color:var(--ink)}.nav-submenu-desc[data-v-866a6923]{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.02em}.nav-search-overlay[data-v-866a6923]{position:fixed;top:var(--nav-h);left:0;right:0;padding:18px clamp(20px,4vw,40px);background:#fbfaf8f5;backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border-bottom:1px solid var(--line-soft);z-index:99;animation:search-slide-in-866a6923 .2s var(--ease-out)}@keyframes search-slide-in-866a6923{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}.nav-search-form[data-v-866a6923]{display:flex;align-items:center;gap:12px;max-width:min(720px,96vw);margin:0 auto;padding:0 16px;height:48px;border:1px solid var(--line);border-radius:999px;background:var(--bg);box-shadow:var(--shadow-card)}.nav-search-form>svg[data-v-866a6923]{color:var(--ink-3);flex-shrink:0}.nav-search-form input[data-v-866a6923]{flex:1;height:100%;border:0;background:transparent;font-size:15px;color:var(--ink);outline:none}.nav-search-form input[data-v-866a6923]::placeholder{color:var(--ink-3)}.nav-search-close[data-v-866a6923]{width:28px;height:28px;border-radius:50%;background:transparent;border:0;color:var(--ink-3);cursor:pointer;transition:color .3s,background .3s}.nav-search-close[data-v-866a6923]:hover{color:var(--ink);background:#eeebe5}.app-main-wide[data-v-866a6923]{min-height:calc(100vh - var(--nav-h));padding-top:var(--nav-h);position:relative;z-index:2}@media(max-width:720px){.nav-item-mobile-hide[data-v-866a6923]{display:none!important}}@media(max-width:720px){.nav-links[data-v-866a6923]{gap:4px;justify-content:center;padding:6px 0;flex-wrap:nowrap}.nav-link[data-v-866a6923]{padding:8px 12px;font-size:13px;min-height:36px;line-height:1.2}.nav-link>span[data-v-866a6923]{display:inline-block;white-space:nowrap;word-break:keep-all}.nav-submenu[data-v-866a6923],.nav-caret[data-v-866a6923]{display:none}.brand[data-v-866a6923]{font-size:13px;gap:6px}.nav-icon-btn[data-v-866a6923]{width:36px;height:36px}.nav-actions[data-v-866a6923]{gap:2px}.app-main-wide[data-v-866a6923]{padding-top:var(--nav-h)}}@media(max-width:540px){.brand-text[data-v-866a6923]{display:none}}@media(max-width:420px){.nav-link[data-v-866a6923]{padding:8px 10px;font-size:12.5px}.nav-search-overlay[data-v-866a6923]{padding:12px 16px}.nav-search-form[data-v-866a6923]{height:44px;padding:0 12px}}.page-enter-active{transition:opacity .75s cubic-bezier(.16,1,.3,1),filter .75s cubic-bezier(.16,1,.3,1)}.page-leave-active{transition:opacity .2s ease}.page-enter-from{opacity:0;filter:blur(14px)}.page-leave-to{opacity:0}.home-page>*:not(.gb-modal-mask):not(.modal):not([role=dialog]):not([id$=modal]),.post-page>*:not(.gb-modal-mask):not(.modal):not([role=dialog]):not([id$=modal]),.view-gb>*:not(.gb-modal-mask):not(.modal):not([role=dialog]):not([id$=modal]),.view-dashboard>*:not(.gb-modal-mask):not(.modal):not([role=dialog]):not([id$=modal]),.view-library>*:not(.gb-modal-mask):not(.modal):not([role=dialog]):not([id$=modal]),.view-notes>*:not(.gb-modal-mask):not(.modal):not([role=dialog]):not([id$=modal]),.view-note-edit>*:not(.gb-modal-mask):not(.modal):not([role=dialog]):not([id$=modal]),.view-tags>*:not(.gb-modal-mask):not(.modal):not([role=dialog]):not([id$=modal]),.view-graph>*:not(.gb-modal-mask):not(.modal):not([role=dialog]):not([id$=modal]),.view-stats>*:not(.gb-modal-mask):not(.modal):not([role=dialog]):not([id$=modal]),.view-settings>*:not(.gb-modal-mask):not(.modal):not([role=dialog]):not([id$=modal]),.view-chat>*:not(.gb-modal-mask):not(.modal):not([role=dialog]):not([id$=modal]),.view-portfolio>*:not(.gb-modal-mask):not(.modal):not([role=dialog]):not([id$=modal]){opacity:0;animation:view-child-fade-in .7s cubic-bezier(.16,1,.3,1) forwards}.home-page>:nth-child(1),.post-page>:nth-child(1),.view-gb>:nth-child(1),[class*=view-]>:nth-child(1){animation-delay:.22s}.home-page>:nth-child(2),.post-page>:nth-child(2),.view-gb>:nth-child(2),[class*=view-]>:nth-child(2){animation-delay:.31s}.home-page>:nth-child(3),.post-page>:nth-child(3),.view-gb>:nth-child(3),[class*=view-]>:nth-child(3){animation-delay:.4s}.home-page>:nth-child(4),.post-page>:nth-child(4),.view-gb>:nth-child(4),[class*=view-]>:nth-child(4){animation-delay:.49s}.home-page>:nth-child(5),.post-page>:nth-child(5),.view-gb>:nth-child(5),[class*=view-]>:nth-child(5){animation-delay:.58s}.home-page>:nth-child(n+6),.post-page>:nth-child(n+6),.view-gb>:nth-child(n+6),[class*=view-]>:nth-child(n+6){animation-delay:.65s}@keyframes view-child-fade-in{to{opacity:1}}@media(prefers-reduced-motion:reduce){.home-page>*,.post-page>*,.view-gb>*,[class*=view-]>*{opacity:1!important;animation:none!important}.page-enter-active,.page-leave-active{transition:opacity .15s ease!important}.page-enter-from{filter:none!important}}.dash-block,.set-card,.gb-card,.gb-publish,.gb-stats-card{position:relative!important;background:linear-gradient(180deg,#ffffff52,#ffffff05 38%,#fff0 65%),linear-gradient(135deg,transparent 25%,oklch(.95 .05 290 / .04) 50%,transparent 75%),#fbfaf840!important;backdrop-filter:blur(16px) saturate(160%)!important;-webkit-backdrop-filter:blur(16px) saturate(160%)!important;border:none!important;box-shadow:0 6px 22px -10px #2727551a,inset 0 1px #fff6,inset 0 -1px #00000005,0 0 0 1px #fff3!important;isolation:isolate;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1),background .5s cubic-bezier(.16,1,.3,1)!important}.dash-block:before,.set-card:before,.gb-card:before,.gb-publish:before,.gb-stats-card:before{content:"";position:absolute;top:1px;left:12%;right:12%;height:40%;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,oklch(1 0 0 / .18),oklch(1 0 0 / .02) 50%,transparent 80%);border-radius:inherit;opacity:.6;transition:opacity .5s cubic-bezier(.16,1,.3,1);z-index:-1}.dash-block:hover,.set-card:hover,.gb-card:hover,.gb-stats-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px -10px #26245e29,inset 0 1px #ffffff8c,inset 0 -1px #00000008,0 0 0 1px #ffffff52!important}.post-card,.note-card,.gb-item,.tag-card,.tag-item,.recent-item,.quick-card,.archive-card,.po-exp,.po-project-card,.po-skill-card,.po-award-card,.po-edu,.dash-tile,.tool-tile,.experience-card,.stack-card,.archive-item{background:linear-gradient(180deg,#ffffff52,#fbfaf82e),#fbfaf88c!important;border:none!important;box-shadow:0 3px 12px -6px #2727550f,inset 0 1px #fff6,0 0 0 1px #d4d0cb52!important;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)!important}.post-card:hover,.note-card:hover,.gb-item:hover,.tag-card:hover,.recent-item:hover,.quick-card:hover,.po-exp:hover,.po-project-card:hover,.po-skill-card:hover,.po-award-card:hover,.dash-tile:hover,.tool-tile:hover{transform:translateY(-3px)!important;box-shadow:0 12px 24px -8px #26245e26,inset 0 1px #ffffff8c,0 0 0 1px #7e4ed752!important}:root{--bg: oklch(.985 .003 80);--bg-deep: oklch(.97 .005 80);--bg-soft: oklch(.94 .008 80);--line: oklch(.78 .01 280);--line-soft: oklch(.86 .01 280 / .7);--ink: oklch(.18 .008 280);--ink-2: oklch(.4 .012 280);--ink-3: oklch(.55 .014 280);--accent: oklch(.5 .22 295);--accent-2: oklch(.55 .18 220);--accent-warm: oklch(.62 .16 60);--success: oklch(.55 .16 160);--warning: oklch(.65 .16 70);--error: oklch(.55 .2 25);--font-display: "Space Grotesk", system-ui, -apple-system, "Segoe UI", "PingFang SC", sans-serif;--font-body: "Plus Jakarta Sans", system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", sans-serif;--font-serif: "Fraunces", "Songti SC", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-inout: cubic-bezier(.83, 0, .17, 1);--container: min(1480px, 96vw);--gutter: clamp(20px, 3vw, 40px);--nav-h: 64px;--aside-w: 220px;--tools-w: 280px;--radius-sm: 6px;--radius: 12px;--radius-lg: 18px;--shadow-card: 0 4px 14px -8px oklch(.3 .05 280 / .15);--shadow-lift: 0 10px 30px -16px oklch(.3 .05 280 / .22);--shadow-glow: 0 0 18px oklch(.5 .22 295 / .25)}*{box-sizing:border-box}html{overflow-y:scroll}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none;transition:color .3s}a:hover{color:var(--accent)}button{font:inherit;cursor:pointer;background:none;border:0;color:inherit}input,select,textarea{font:inherit;color:inherit}::selection{background:#7235d033;color:var(--ink)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}::-webkit-scrollbar-track{background:transparent}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.015em;margin:0;color:var(--ink)}p{margin:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app-nav{position:fixed;top:0;left:50%;transform:translate(-50%);width:100vw;height:var(--nav-h);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);background:linear-gradient(180deg,#ffffff85,#fff0 40%),linear-gradient(135deg,transparent 30%,oklch(.95 .05 290 / .05) 50%,transparent 70%),#fbfbff2e;backdrop-filter:blur(28px) saturate(200%) brightness(1.04);-webkit-backdrop-filter:blur(28px) saturate(200%) brightness(1.04);border-bottom:1px solid oklch(1 0 0 / .35);border-radius:0;box-shadow:inset 0 1px #ffffff73,inset 0 -1px 1px #00000008;transition:width 1s cubic-bezier(.16,1,.3,1),height 1s cubic-bezier(.16,1,.3,1),top 1s cubic-bezier(.16,1,.3,1),border-radius 1s cubic-bezier(.16,1,.3,1),background 1s cubic-bezier(.16,1,.3,1),box-shadow 1s cubic-bezier(.16,1,.3,1),border-color 1s cubic-bezier(.16,1,.3,1),backdrop-filter 1s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter 1s cubic-bezier(.16,1,.3,1);will-change:width,top,border-radius}.app-nav.no-transition,.app-nav.no-transition:before,.app-nav.no-transition:after{transition:none!important;animation:none!important}@media(max-width:720px){.app-nav.is-lifted{width:calc(100vw - 16px)}}.app-nav.is-lifted{top:12px;width:min(1280px,calc(100vw - 24px));height:calc(var(--nav-h) - 6px);border-radius:999px;border-bottom-color:transparent;background:linear-gradient(180deg,#ffffffa6,#ffffff0a 45%,#fff0 65%),linear-gradient(135deg,transparent 22%,oklch(.95 .06 290 / .1) 50%,transparent 78%),linear-gradient(0deg,oklch(.96 .05 280 / .1),transparent 38%),#fbfbff24;backdrop-filter:blur(40px) saturate(230%) brightness(1.08);-webkit-backdrop-filter:blur(40px) saturate(230%) brightness(1.08);box-shadow:0 22px 56px -12px #221f5838,0 8px 22px -4px #221f581a,inset 0 1px #ffffffa6,inset 0 -1px 1px #0000000d,0 0 0 1px #ffffff6b}.app-nav:before{content:"";position:absolute;top:1px;left:8%;right:8%;height:50%;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,oklch(1 0 0 / .45),oklch(1 0 0 / .08) 40%,transparent 70%);border-radius:999px;opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1);z-index:0}.app-nav.is-lifted:before{opacity:1}.app-nav:after{content:"";position:absolute;top:0;bottom:0;left:-30%;width:30%;pointer-events:none;background:linear-gradient(90deg,transparent,oklch(1 0 0 / .1) 50%,transparent);border-radius:inherit;opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1);z-index:0}.app-nav.is-lifted:after{opacity:1;animation:nav-sweep 9s linear infinite}@keyframes nav-sweep{0%,to{left:-30%}50%{left:100%}}.app-nav>*{position:relative;z-index:1}.app-nav .brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:.06em}.app-nav .brand-mark{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--accent),oklch(.55 .2 295));box-shadow:0 0 0 1px var(--line),0 0 16px var(--accent)}.app-nav .nav-back{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:12.5px;color:var(--ink-2);border:1px solid var(--line-soft);transition:color .3s,border-color .3s,transform .3s var(--ease-out)}.app-nav .nav-back:hover{color:var(--ink);border-color:var(--line);transform:translateY(-1px)}.app-nav .nav-search{flex:1;max-width:320px;margin:0 24px;position:relative}.app-nav .nav-search input{width:100%;height:36px;padding:0 14px 0 36px;background:#f4f5f899;border:1px solid var(--line-soft);border-radius:999px;font-size:13.5px;color:var(--ink);transition:border-color .3s,background .3s,box-shadow .3s}.app-nav .nav-search input:hover{border-color:var(--ink-3)}.app-nav .nav-search input:focus{outline:none;border-color:var(--accent);background:oklch(.94 .04 295 / .5);box-shadow:0 0 0 3px #7235d02e}.app-nav .nav-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.app-nav .nav-search input::placeholder{color:var(--ink-3)}@media(max-width:720px){.app-nav .nav-search{display:none}}.view-dashboard,.view-library,.view-notes,.view-note-edit,.view-tags,.view-graph,.view-stats,.view-settings,.view-chat,.view-portfolio{max-width:min(1320px,calc(100% - 32px));margin:0 auto;padding:clamp(20px,4vw,32px) clamp(20px,4vw,48px) clamp(40px,8vw,80px);position:relative;z-index:2}.view-graph{max-width:min(1480px,calc(100% - 32px))}.app-layout{display:grid;grid-template-columns:var(--aside-w) minmax(0,1fr) var(--tools-w);gap:clamp(20px,2.2vw,36px);max-width:var(--container);margin:0 auto;padding:calc(var(--nav-h) + 20px) var(--gutter) 60px;position:relative;z-index:2}.app-aside,.app-tools{position:sticky;top:calc(var(--nav-h) + 20px);align-self:start;max-height:calc(100vh - var(--nav-h) - 40px);overflow-y:auto}.app-main{min-width:0;display:flex;flex-direction:column}.app-aside-inner{padding:22px 18px;border-radius:var(--radius-lg);border:1px solid var(--line-soft);background:#e7e7ed8c;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%)}.app-aside-label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}.app-menu{display:flex;flex-direction:column;gap:4px}.app-menu a{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:13.5px;color:var(--ink-2);position:relative;transition:color .3s,background .3s,padding-left .3s var(--ease-out)}.app-menu a svg{color:var(--ink-3);transition:color .3s}.app-menu a .badge{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);padding:2px 7px;border-radius:999px;background:#d3d4db99;border:1px solid var(--line-soft)}.app-menu a:hover{color:var(--ink);background:#e6e0fd59;padding-left:18px}.app-menu a:hover svg{color:var(--accent)}.app-menu a.router-link-active{color:var(--accent);background:oklch(.88 .07 295 / .32)}.app-menu a.router-link-active:before{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:2px;background:var(--accent);box-shadow:0 0 12px var(--accent)}.app-menu a.router-link-active svg{color:var(--accent)}.app-aside-foot{margin-top:18px;padding-top:14px;border-top:1px solid var(--line-soft);display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.app-aside-foot .dot.live{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 10px var(--success);animation:pulse-dot 1.8s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.app-tools-inner{padding:20px 18px;border-radius:var(--radius-lg);border:1px solid var(--line-soft);background:#e7e7ed8c;backdrop-filter:blur(12px) saturate(140%)}@media(max-width:1100px){.app-layout{grid-template-columns:1fr;gap:16px;padding-top:calc(var(--nav-h) + 16px)}.app-aside,.app-tools{position:static;max-height:none}.app-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:4px}.app-menu a{grid-template-columns:24px 1fr}.app-menu a .badge{display:none}}.app-bg-grain{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.03;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/></svg>")}.app-bg-aurora{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.app-bg-aurora .blob{position:absolute;border-radius:50%;filter:blur(140px);will-change:transform}.app-bg-aurora .blob.a{width:70vw;height:70vw;background:radial-gradient(closest-side,var(--accent),transparent 70%);top:-25%;left:-25%;opacity:.18}.app-bg-aurora .blob.b{width:65vw;height:65vw;background:radial-gradient(closest-side,var(--accent-2),transparent 70%);bottom:-30%;right:-25%;opacity:.14}.app-bg-aurora .blob.c{background:radial-gradient(closest-side,var(--accent-warm),transparent 70%);top:35%;left:28%;width:40vw;height:40vw;opacity:.1}.app-cursor-dot,.app-cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transform:translate3d(-100px,-100px,0);border-radius:50%}.app-cursor-dot{width:6px;height:6px;background:var(--accent);transition:transform .08s var(--ease-out),opacity .2s}.app-cursor-ring{width:32px;height:32px;border:1px solid oklch(.5 .22 295 / .4);transition:transform .25s var(--ease-out),width .3s,height .3s,opacity .2s,border-color .3s}body.cursor-hover .app-cursor-ring{width:60px;height:60px;border-color:var(--accent)}@media(hover:none),(pointer:coarse){.app-cursor-dot,.app-cursor-ring{display:none}}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border-radius:999px;font-size:13px;font-weight:500;border:1px solid transparent;transition:transform .3s var(--ease-out),background .3s,color .3s,border-color .3s,box-shadow .3s}.ui-btn:active{transform:translateY(0)}.ui-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ui-btn[disabled],.ui-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.ui-btn-primary{background:var(--ink);color:var(--bg-deep)}.ui-btn-primary:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.ui-btn-ghost{background:transparent;color:var(--ink-2);border-color:var(--line)}.ui-btn-ghost:hover{color:var(--ink);border-color:var(--ink-3);transform:translateY(-2px)}.ui-btn-accent{background:var(--accent);color:#fff}.ui-btn-accent:hover{background:oklch(.65 .22 295);transform:translateY(-2px);box-shadow:0 6px 20px -8px var(--accent)}.ui-btn-danger{background:var(--error);color:#fff}.ui-btn-danger:hover{background:oklch(.48 .22 25);transform:translateY(-2px)}.ui-btn-sm{padding:6px 12px;font-size:12px}.ui-btn-icon{width:32px;height:32px;padding:0;border-radius:8px}.ui-card,.glass-card{position:relative;padding:22px;border-radius:var(--radius-lg);border:none;background:linear-gradient(180deg,#ffffff8c,#ffffff0a 38%,#fff0 65%),linear-gradient(135deg,transparent 22%,oklch(.95 .05 290 / .08) 50%,transparent 78%),#fbfbff66;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);box-shadow:0 8px 26px -10px #26245e1f,inset 0 1px #ffffff8c,inset 0 -1px #00000008,0 0 0 1px #ffffff52;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1),background .5s cubic-bezier(.16,1,.3,1);isolation:isolate}.ui-card:before,.glass-card:before{content:"";position:absolute;top:1px;left:10%;right:10%;height:50%;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,oklch(1 0 0 / .28),oklch(1 0 0 / .04) 50%,transparent 80%);border-radius:inherit;opacity:.7;transition:opacity .5s cubic-bezier(.16,1,.3,1);z-index:-1}.ui-card:hover,.glass-card:hover{transform:translateY(-3px);background:linear-gradient(180deg,#ffffffa6,#ffffff0d 42%,#fff0 68%),linear-gradient(135deg,transparent 20%,oklch(.95 .06 290 / .12) 50%,transparent 80%),#fbfbff57;box-shadow:0 18px 40px -10px #26245e33,inset 0 1px #ffffffb3,inset 0 -1px #0000000a,0 0 0 1px #ffffff73}.ui-card:hover:before,.glass-card:hover:before{opacity:1}.ui-card>*,.glass-card>*{position:relative;z-index:1}.ui-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.ui-card-title{font-family:var(--font-display);font-weight:500;font-size:15px;color:var(--ink);margin:0}.ui-card-meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink-3)}.ui-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--line-soft)}.ui-section-head .left{min-width:0}.ui-section-head .no{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}.ui-section-head h2{font-family:var(--font-display);font-weight:600;font-size:clamp(22px,2.4vw,32px);letter-spacing:-.018em;margin:0}.ui-section-head p{font-size:13.5px;color:var(--ink-2);margin:4px 0 0;max-width:720px}.ui-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;color:var(--ink-2);background:#e7e7ed80;border:1px solid var(--line);transition:color .3s,border-color .3s,background .3s}.ui-chip:hover{color:var(--ink);border-color:var(--accent);background:#e6e0fd66}.ui-chip .dot{width:6px;height:6px;border-radius:50%;background:var(--c, var(--accent))}.ui-chip.is-active{color:#fff;background:var(--accent);border-color:var(--accent)}.ui-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.ui-field-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.ui-field-label em{color:var(--error);font-style:normal;margin-left:2px}.ui-field-tip{font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.ui-input,.ui-select,.ui-textarea{width:100%;background:#f4f5f8b3;border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:14px;color:var(--ink);transition:border-color .3s,background .3s,box-shadow .3s,transform .2s var(--ease-out)}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--ink-3)}.ui-input:hover,.ui-select:hover,.ui-textarea:hover{border-color:var(--ink-3)}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{outline:none;border-color:var(--accent);background:oklch(.94 .04 295 / .55);box-shadow:0 0 0 3px #7235d02e}.ui-textarea{resize:vertical;min-height:100px;font-family:var(--font-body);line-height:1.6}.ui-input.is-error{border-color:var(--error)}.ui-select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-2) 50%),linear-gradient(135deg,var(--ink-2) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px;cursor:pointer}.ui-check{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-2);cursor:pointer}.ui-check input[type=checkbox],.ui-check input[type=radio]{appearance:none;width:18px;height:18px;border:1px solid var(--line);background:#f4f5f8b3;cursor:pointer;position:relative;transition:border-color .3s,background .3s}.ui-check input[type=checkbox]{border-radius:4px}.ui-check input[type=radio]{border-radius:50%}.ui-check input:hover{border-color:var(--ink-3)}.ui-check input:checked{background:var(--accent);border-color:var(--accent)}.ui-check input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.ui-check input[type=radio]:checked:after{content:"";position:absolute;inset:4px;background:#fff;border-radius:50%}.ui-progress,.ui-meter{appearance:none;-webkit-appearance:none;width:100%;height:8px;border:0;border-radius:999px;background:#d3d4dbb3;overflow:hidden}.ui-progress::-webkit-progress-bar{background:#d3d4dbb3;border-radius:999px}.ui-progress::-webkit-progress-value{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;transition:width .6s var(--ease-out)}.ui-progress::-moz-progress-bar{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px}.ui-alert{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:10px;border-left:3px solid;font-size:13.5px;line-height:1.5;transition:transform .3s var(--ease-out),border-left-width .3s var(--ease-out)}.ui-alert:hover{transform:translate(3px);border-left-width:5px}.ui-alert strong{color:var(--ink)}.ui-alert.info{background:#c1edfc52;border-left-color:var(--accent-2);color:var(--ink-2)}.ui-alert.success{background:#c9efd952;border-left-color:var(--success);color:var(--ink-2)}.ui-alert.warning{background:oklch(.92 .06 60 / .32);border-left-color:var(--warning);color:var(--ink-2)}.ui-alert.error{background:oklch(.92 .06 25 / .3);border-left-color:var(--error);color:var(--ink-2)}.ui-toast-stack{position:fixed;right:24px;bottom:24px;display:flex;flex-direction:column;gap:10px;z-index:1000;pointer-events:none}.ui-toast{pointer-events:auto;display:flex;align-items:center;gap:12px;min-width:280px;max-width:360px;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--line);background:#dcdde5eb;color:var(--ink);font-size:13.5px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);animation:toast-in .4s var(--ease-out)}.ui-toast:before{content:"";width:8px;height:36px;border-radius:4px;flex-shrink:0}.ui-toast.info:before{background:var(--accent-2)}.ui-toast.success:before{background:var(--success)}.ui-toast.warning:before{background:var(--warning)}.ui-toast.error:before{background:var(--error)}.ui-toast.leaving{animation:toast-out .3s var(--ease-out) forwards}@keyframes toast-in{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-out{0%{transform:translate(0);opacity:1}to{transform:translate(40px);opacity:0}}.ui-modal-mask{position:fixed;inset:0;background:#00000199;backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:modal-fade-in .3s var(--ease-out)}.ui-modal{width:100%;max-width:480px;max-height:calc(100vh - 40px);overflow-y:auto;padding:24px;border-radius:var(--radius-lg);border:1px solid var(--line);background:#e7e7edf2;box-shadow:var(--shadow-card);animation:modal-pop-in .35s var(--ease-out)}.ui-modal-title{font-family:var(--font-display);font-weight:600;font-size:18px;margin:0 0 8px}.ui-modal-desc{font-size:13.5px;color:var(--ink-2);margin:0 0 20px}.ui-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-in{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.ui-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:60px 20px;text-align:center}.ui-empty .icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#d3d4db80;border:1px dashed var(--line);color:var(--ink-3)}.ui-empty h3{font-family:var(--font-display);font-size:16px;font-weight:500;margin:0;color:var(--ink-2)}.ui-empty p{font-size:13px;color:var(--ink-3);margin:0;max-width:320px}.ui-spinner{width:24px;height:24px;border:2px solid var(--line-soft);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
