:root{color-scheme:light;font-family:Inter,SF Pro Display,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;--bg: #fbfaf6;--bg-grid: rgba(20, 31, 48, .045);--text: #142033;--muted: #5d6a7f;--line: rgba(20, 31, 48, .1);--surface: rgba(255, 255, 255, .86);--surface-strong: #ffffff;--shadow: 0 18px 50px rgba(26, 37, 56, .12);--teal: #18c7b4;--teal-soft: #d5faf3;--yellow: #ffd458;--coral: #ff6b5d;--purple: #8b6df2;--code: "JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace}:root[data-theme=dark]{color-scheme:dark;--bg: #111722;--bg-grid: rgba(140, 233, 222, .07);--text: #edf5ff;--muted: #9baac0;--line: rgba(224, 238, 255, .12);--surface: rgba(24, 33, 48, .88);--surface-strong: #192233;--shadow: 0 18px 50px rgba(0, 0, 0, .32);--teal-soft: rgba(24, 199, 180, .18)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;background:linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px),radial-gradient(circle at 14% 8%,rgba(24,199,180,.16),transparent 28rem),radial-gradient(circle at 86% 20%,rgba(255,212,88,.16),transparent 26rem),var(--bg);background-size:32px 32px,32px 32px,auto,auto,auto;color:var(--text);overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}.shell{min-height:100vh;overflow-x:hidden;padding:28px 32px}.topbar,.side-panel,.status-bar,.pill-button,.link-card,.intro-strip,.compact-link,.empty-state{border:1px solid var(--line);box-shadow:var(--shadow)}.topbar{align-items:center;background:var(--surface);border-radius:8px;display:flex;justify-content:space-between;min-height:98px;padding:14px 24px}.brand{align-items:center;display:flex;gap:20px}.avatar{align-items:center;background:linear-gradient(135deg,#e8fffb,#fff7d5);border:1px solid var(--line);border-radius:8px;color:#111827;display:grid;font-size:44px;height:74px;place-items:center;width:74px}:root[data-theme=dark] .avatar{background:linear-gradient(135deg,#203243,#24213a);color:#82fff0}.brand-title{display:block;font-family:var(--code);font-size:clamp(1.35rem,2vw,2.15rem);font-weight:900;letter-spacing:0;line-height:1}.brand-title span,.brand-title strong{color:var(--teal)}.brand-tagline{color:var(--muted);display:block;font-family:var(--code);font-size:1rem;margin-top:12px}.top-actions{display:flex;gap:18px}.pill-button{align-items:center;background:var(--surface-strong);border-radius:8px;color:var(--text);cursor:pointer;display:inline-flex;gap:12px;min-height:54px;padding:0 18px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.pill-button:hover{border-color:#18c7b473;transform:translateY(-2px)}.switch-dot{background:var(--teal);border-radius:999px;display:inline-block;height:22px;position:relative;width:42px}.switch-dot:after{background:#fff;border-radius:50%;content:"";height:18px;position:absolute;right:2px;top:2px;width:18px}:root[data-theme=dark] .switch-dot:after{left:2px;right:auto}.workspace{--sidebar-width: 220px;display:grid;gap:28px;grid-template-columns:var(--sidebar-width) 1fr;margin-top:28px}.side-panel{align-self:start;background:var(--surface);border-radius:8px;display:flex;flex-direction:column;gap:28px;min-height:642px;padding:20px 12px;position:sticky;top:24px}.category-list{display:grid;gap:10px}.category-item{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text);cursor:pointer;display:flex;font-family:var(--code);font-size:1rem;gap:14px;min-height:58px;padding:0 14px;text-align:left;transition:background .18s ease,transform .18s ease,border-color .18s ease}.category-item svg{color:#26364a;font-size:1.35rem}:root[data-theme=dark] .category-item svg{color:#d8f5ff}.category-item:hover,.category-item.active{background:var(--teal-soft);border-color:#18c7b440;transform:translate(4px)}.side-status{display:grid;gap:12px;margin-top:auto}.tiny-scene{align-items:stretch;background:linear-gradient(to top,rgba(24,199,180,.22),transparent 52%),var(--surface-strong);border:1px solid var(--line);border-radius:8px;color:var(--teal);display:grid;font-family:var(--code);font-size:.8rem;font-weight:800;gap:8px;min-height:132px;padding:14px}.tiny-scene svg{color:var(--text);font-size:2.25rem;transform:translateY(-14px) rotate(-12deg)}.contact-summary{color:var(--text)}.mini-contact-row{display:grid;gap:3px;min-width:0}.mini-contact-row span{color:var(--teal);font-size:.68rem;text-transform:uppercase}.mini-contact-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.system-card{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;font-family:var(--code);padding:14px}.system-card p{color:var(--muted);font-size:.72rem;margin:0 0 4px;text-transform:uppercase}.system-card strong{color:#18a06d;display:block;font-size:.82rem;text-transform:uppercase}.pulse{animation:pulse 1.6s ease-in-out infinite;background:#30d078;border-radius:50%;display:inline-block;height:10px;margin-right:8px;width:10px}.content-area{min-width:0}.intro-strip{align-items:center;background:var(--surface);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:28px;padding:18px 22px}.eyebrow,.quick-command,.slash,.card-category,.card-action,.status-bar{font-family:var(--code)}.eyebrow{color:var(--teal);font-weight:800}.intro-strip h1{font-size:clamp(1.35rem,2vw,2rem);letter-spacing:0;line-height:1.08;margin:5px 0}.intro-strip p{color:var(--muted);margin:0}.quick-command{background:#141f300f;border:1px solid var(--line);border-radius:8px;display:grid;gap:4px;min-width:250px;padding:14px 16px}:root[data-theme=dark] .quick-command{background:#ffffff0a}.quick-command span{color:var(--teal)}.link-section+.link-section{margin-top:30px}.section-heading{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 0 14px}.section-heading h2{font-family:var(--code);font-size:1rem;letter-spacing:0;margin:0;text-transform:uppercase}.section-heading span{background:var(--teal-soft);border:1px solid rgba(24,199,180,.24);border-radius:999px;color:var(--teal);font-family:var(--code);font-size:.78rem;font-weight:900;min-width:34px;padding:6px 10px;text-align:center}.card-grid{display:grid;gap:28px;grid-template-columns:repeat(3,minmax(0,1fr))}.link-card{animation:cardIn .52s ease both;animation-delay:var(--delay);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:8px;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;min-height:300px;overflow:hidden;padding:34px 28px 28px;position:relative;text-align:left;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;width:100%}.link-card:before{background:linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px);background-size:18px 18px;content:"";top:0;right:0;bottom:0;left:0;opacity:.38;pointer-events:none;position:absolute}.link-card:after{background:currentColor;bottom:22px;content:"";height:8px;opacity:.2;position:absolute;right:26px;width:74px}.link-card:hover{border-color:#141f3038;box-shadow:0 24px 60px #1a25382e;transform:translateY(-7px)}.link-card>*{position:relative;z-index:1}.card-icon{font-size:clamp(3.3rem,4.2vw,5rem);position:absolute;right:28px;top:34px}.slash{font-size:2rem;font-weight:900;line-height:1}.card-category{color:#141f30b3;font-size:.78rem;font-weight:800;margin-top:24px;text-transform:uppercase}.link-card h3{font-family:var(--code);font-size:clamp(2rem,3vw,3rem);letter-spacing:0;line-height:.95;margin:8px 0 22px;text-transform:uppercase}.link-card p{font-size:1.03rem;line-height:1.55;margin:0;max-width:16rem}.card-action{align-items:center;align-self:flex-start;background:#ffffffd6;border:1px solid rgba(20,31,48,.12);border-radius:8px;color:#142033;display:inline-flex;font-size:.82rem;font-weight:800;gap:18px;margin-top:auto;min-height:52px;padding:0 18px;text-transform:uppercase}.card-meta{margin-top:18px}.link-status{align-items:center;background:#ffffffc7;border:1px solid rgba(20,31,48,.12);border-radius:999px;color:#142033;display:inline-flex;font-family:var(--code);font-size:.68rem;font-weight:900;letter-spacing:0;padding:5px 9px;text-transform:uppercase}.link-status.live{color:#159161}.link-status.new{color:#6544c9}.link-status.soon{color:#945900}.compact-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.compact-link{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border-radius:8px;color:inherit;cursor:pointer;display:grid;font:inherit;gap:14px;grid-template-columns:48px 1fr auto 20px;min-height:92px;padding:16px;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease;width:100%}.compact-link:hover{border-color:#18c7b461;transform:translateY(-3px)}.compact-icon{align-items:center;background:var(--teal-soft);border-radius:8px;color:var(--text);display:grid;font-size:1.25rem;height:48px;place-items:center;width:48px}.compact-copy{display:grid;gap:5px;min-width:0}.compact-copy strong{font-family:var(--code);font-size:1rem}.compact-copy span{color:var(--muted);font-size:.92rem;line-height:1.35}.compact-arrow{color:var(--teal);justify-self:end}.compact-link .link-status{justify-self:start}.empty-state{align-items:center;background:var(--surface);border-radius:8px;display:grid;gap:12px;justify-items:center;min-height:260px;padding:28px;text-align:center}.tone-dark{background:#071421;color:#d8fff8}.tone-sun{background:linear-gradient(135deg,#ffd257,#f4a82d);color:#1d2632}.tone-coral{background:linear-gradient(135deg,#ff705f,#ff856a);color:#fff8ef}.tone-mint{background:linear-gradient(135deg,#28d3c5,#43c9aa);color:#12313c}.tone-lavender{background:linear-gradient(135deg,#c3a7ff,#9f89f7);color:#241b58}.tone-paper{background:var(--surface-strong);color:#6544c9}:root[data-theme=dark] .tone-paper{background:#20283a;color:#bdafff}.tone-dark .card-category,.tone-coral .card-category{color:#ffffffbf}.tone-dark .card-action{background:#ffffff24;border-color:#ffffff38;color:#d8fff8}.tone-dark .link-status{background:#ffffff1f;border-color:#fff3;color:#d8fff8}.status-bar{align-items:center;background:var(--surface);border-radius:8px;display:flex;gap:18px;margin:28px 0 0 calc(var(--sidebar-width, 220px) + 28px);min-height:58px;padding:0 22px;position:relative}.heart-dot{background:var(--coral);border-radius:50%;box-shadow:8px 0 0 var(--coral),4px 7px 0 var(--coral);height:8px;transform:rotate(-45deg);width:8px}.divider{background:var(--line);height:22px;width:1px}.status-bar strong{color:var(--teal)}.badge{background:var(--teal-soft);border-radius:999px;padding:7px 14px}.toast{align-items:center;background:#152033;border-radius:8px;bottom:calc(100% + 12px);color:#fff;display:inline-flex;gap:8px;opacity:0;padding:10px 14px;pointer-events:none;position:absolute;right:18px;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}.notice-toast{right:18px}.toast:not(.notice-toast).show+.notice-toast.show{transform:translateY(-46px)}.toast.show{opacity:1;transform:translateY(0)}.modal-backdrop{align-items:center;background:#0a0f196b;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:fixed;z-index:30}.contact-modal{background:linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px),var(--surface-strong);background-size:18px 18px,18px 18px,auto;border:1px solid var(--line);border-radius:8px;box-shadow:0 26px 80px #00000047;max-width:520px;padding:30px;position:relative;width:min(100%,520px)}.modal-close{align-items:center;background:var(--teal-soft);border:1px solid rgba(24,199,180,.26);border-radius:8px;color:var(--text);cursor:pointer;display:grid;height:40px;place-items:center;position:absolute;right:18px;top:18px;width:40px}.modal-kicker{color:var(--teal);display:block;font-family:var(--code);font-weight:900;margin-bottom:10px}.contact-modal h2{font-family:var(--code);font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:0;line-height:1;margin:0 44px 12px 0;text-transform:uppercase}.contact-modal p{color:var(--muted);line-height:1.65;margin:0 0 22px}.contact-detail{background:#141f300d;border:1px solid var(--line);border-radius:8px;display:grid;gap:6px;margin-bottom:12px;padding:14px 16px}:root[data-theme=dark] .contact-detail{background:#ffffff0a}.contact-detail span{color:var(--teal);font-family:var(--code);font-size:.76rem;font-weight:900;text-transform:uppercase}.contact-detail strong{overflow-wrap:anywhere}.contact-actions{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px}.contact-actions button,.contact-actions a{align-items:center;background:var(--teal-soft);border:1px solid rgba(24,199,180,.26);border-radius:8px;color:var(--text);cursor:pointer;display:inline-flex;font-family:var(--code);font-size:.82rem;font-weight:900;gap:8px;justify-content:center;min-height:48px;padding:0 12px}.modal-copy-feedback{align-items:center;background:var(--teal-soft);border:1px solid rgba(24,199,180,.28);border-radius:8px;color:var(--text);display:inline-flex;font-family:var(--code);font-size:.82rem;font-weight:900;gap:8px;margin-top:14px;opacity:0;padding:10px 12px;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}.modal-copy-feedback.show{opacity:1;transform:translateY(0)}@keyframes cardIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{box-shadow:0 0 #30d07859}50%{box-shadow:0 0 0 8px #30d07800}}@media(prefers-reduced-motion:reduce){.link-card,.pulse{animation:none}.pill-button,.category-item,.compact-link,.link-card,.toast,.modal-copy-feedback{transition:none}}@media(max-width:1120px){.workspace{grid-template-columns:1fr}.side-panel{min-height:auto;min-width:0;overflow:hidden;position:static;width:100%}.category-list{display:flex;max-width:100%;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;width:100%}.category-list::-webkit-scrollbar{display:none}.category-item{flex:0 0 auto;min-width:142px}.side-status{display:none}.status-bar{margin-left:0}}@media(max-width:920px){.shell{padding:18px}.topbar,.intro-strip{align-items:flex-start;flex-direction:column;gap:18px}.top-actions{flex-wrap:wrap;width:100%}.pill-button{flex:1 1 148px;justify-content:center}.quick-command{min-width:100%}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid{grid-template-columns:1fr}}@media(max-width:640px){.topbar{align-items:center;flex-direction:row;gap:12px;min-height:82px;padding:12px}.brand{gap:14px;min-width:0}.avatar{font-size:32px;height:58px;width:58px}.brand-title{font-size:1.18rem}.brand-tagline{font-size:.8rem}.top-actions{flex:0 0 auto;flex-wrap:nowrap;gap:8px;margin-left:auto;width:auto}.pill-button{flex:0 0 auto;gap:8px;justify-content:center;min-height:44px;padding:0 12px}.pill-button>span:not(.switch-dot),.pill-button .switch-dot{display:none}.language-button span{display:inline!important}.side-panel{padding:12px}.category-list{gap:8px;padding-bottom:0}.category-item{border-radius:999px;font-size:.9rem;min-height:46px;min-width:auto;padding:0 14px}.category-item:hover,.category-item.active{transform:none}.category-item svg{font-size:1.1rem}.intro-strip{margin-bottom:18px}.card-grid{gap:16px;grid-template-columns:1fr}.link-card{min-height:254px;padding:28px 22px 22px}.status-bar{align-items:flex-start;flex-direction:column;gap:10px;padding:16px}.divider{display:none}.contact-actions{grid-template-columns:1fr}.compact-link{grid-template-columns:44px 1fr 20px}.compact-copy,.compact-link .link-status{grid-column:2}.compact-arrow{align-self:center;grid-column:3;grid-row:1 / span 2}}.page-transition{opacity:1;transition:opacity .4s ease}.page-transition--fade{opacity:0}.landing-page{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;animation:landingFadeIn .6s ease both}@keyframes landingFadeIn{0%{opacity:0}to{opacity:1}}.landing-content{align-items:center;display:flex;flex-direction:column;gap:24px;padding:40px 24px;position:relative;text-align:center;z-index:2}.landing-greeting{color:var(--muted);font-family:var(--code);font-size:1rem;letter-spacing:.04em;margin:0;animation:landingSlideUp .5s ease both;animation-delay:.1s}.landing-brand{font-family:var(--code);font-size:clamp(3.5rem,10vw,7rem);font-weight:900;letter-spacing:0;line-height:1;margin:0;color:var(--text);animation:landingSlideUp .5s ease both;animation-delay:.2s}.landing-brand-prefix{color:var(--teal)}.landing-tagline{font-family:var(--code);font-size:clamp(1rem,2.5vw,1.35rem);color:var(--muted);margin:0;min-height:1.8em;animation:landingSlideUp .5s ease both;animation-delay:.35s}.landing-tagline-text{color:var(--text)}.landing-tagline-cursor{animation:blink 1s step-end infinite;color:var(--teal);font-weight:200}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.landing-focus{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;animation:landingSlideUp .5s ease both;animation-delay:.5s}.landing-focus-tag{background:var(--teal-soft);border:1px solid rgba(24,199,180,.24);border-radius:999px;color:var(--teal);font-family:var(--code);font-size:.82rem;font-weight:800;padding:6px 16px;text-transform:lowercase}.landing-enter-btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);color:var(--teal);cursor:pointer;display:inline-flex;font-family:var(--code);font-size:1.05rem;font-weight:800;gap:0;margin-top:16px;min-height:58px;padding:0 28px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;animation:landingSlideUp .5s ease both;animation-delay:.65s}.landing-enter-btn:hover{border-color:var(--teal);box-shadow:0 0 0 3px #18c7b41f,var(--shadow);transform:translateY(-3px)}.landing-enter-btn:active{transform:translateY(0)}.landing-enter-prefix{color:var(--muted);margin-right:2px}.landing-footer-text{color:var(--muted);font-family:var(--code);font-size:.82rem;margin:0;opacity:.7;animation:landingSlideUp .5s ease both;animation-delay:.8s}.landing-decor{color:var(--muted);font-family:var(--code);font-size:.78rem;opacity:.18;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap;animation:float 8s ease-in-out infinite}.landing-decor--1{top:12%;left:8%;animation-delay:0s}.landing-decor--2{top:22%;right:10%;animation-delay:-2s}.landing-decor--3{bottom:28%;left:12%;animation-delay:-4s}.landing-decor--4{bottom:18%;right:14%;animation-delay:-1s}.landing-decor--5{top:55%;left:5%;animation-delay:-3s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-6px) rotate(-.5deg)}75%{transform:translateY(-12px) rotate(.8deg)}}.landing-glow{border-radius:50%;pointer-events:none;position:absolute;z-index:0}.landing-glow--teal{background:radial-gradient(circle,rgba(24,199,180,.18),transparent 70%);height:520px;left:-5%;top:-10%;width:520px}.landing-glow--coral{background:radial-gradient(circle,rgba(255,107,93,.12),transparent 70%);bottom:-8%;height:440px;right:-5%;width:440px}@keyframes landingSlideUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.landing-page,.landing-greeting,.landing-brand,.landing-tagline,.landing-focus,.landing-enter-btn,.landing-footer-text,.landing-decor,.landing-tagline-cursor{animation:none}.page-transition{transition:none}}@media(max-width:920px){.landing-brand{font-size:clamp(2.8rem,9vw,5rem)}.landing-decor{font-size:.68rem;opacity:.12}}@media(max-width:640px){.landing-content{gap:18px;padding:32px 16px}.landing-brand{font-size:clamp(2.2rem,12vw,3.8rem)}.landing-tagline{font-size:.92rem}.landing-enter-btn{font-size:.92rem;min-height:50px;padding:0 22px}.landing-focus-tag{font-size:.74rem;padding:5px 12px}.landing-decor{display:none}.landing-glow--teal{height:320px;width:320px}.landing-glow--coral{height:260px;width:260px}}