.skill-layout{display:flex;min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.skill-sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:24px;padding:20px 16px max(20px,calc(20px + env(safe-area-inset-bottom, 0px)));position:relative;transition:width .3s ease,transform .3s ease;backdrop-filter:blur(6px);height:100vh;max-height:100vh;position:sticky;top:0;overflow-y:auto}.skill-sidebar.collapsed{width:56px;padding:16px 10px max(16px,calc(16px + env(safe-area-inset-bottom, 0px)));align-items:center}@supports (height:100dvh){.skill-layout{min-height:100dvh}.skill-sidebar{height:100dvh;max-height:100dvh}}.skill-sidebar::-webkit-scrollbar{width:6px}.skill-sidebar::-webkit-scrollbar-thumb{background:rgba(148,163,184,.3);border-radius:999px}.skill-sidebar::-webkit-scrollbar-track{background:transparent}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.skill-sidebar.collapsed .sidebar-header{justify-content:center;gap:0;width:100%}.sidebar-title{font-size:.95rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease}.sidebar-toggle{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.skill-sidebar.collapsed .sidebar-toggle{margin-left:auto;margin-right:auto}.sidebar-toggle:hover{background:rgba(148,163,184,.18);border-color:rgba(148,163,184,.4);color:var(--text-primary)}.sidebar-toggle:active{transform:scale(.96)}.sidebar-toggle:focus{outline:none}.sidebar-toggle:focus-visible{outline:2px solid rgba(148,163,184,.6);outline-offset:2px}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1;width:100%}.sidebar-nav-item{position:relative;display:flex;align-items:center;gap:12px;border:none;background:transparent;color:var(--text-secondary);padding:8px 12px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease;text-align:left;width:100%}.sidebar-nav-item:focus{outline:none;box-shadow:none}.sidebar-nav-item:focus-visible{outline:2px solid rgba(148,163,184,.6);outline-offset:2px}.sidebar-nav-item.active,.sidebar-nav-item:hover{background:rgba(148,163,184,.18);color:var(--text-primary)}.sidebar-nav-item.active{box-shadow:inset 0 0 0 1px rgba(148,163,184,.25)}.sidebar-nav-item--pending{background:rgba(148,163,184,.18);color:var(--text-primary)}.sidebar-nav-pending-indicator{width:14px;height:14px;flex:0 0 auto;margin-left:auto;border:2px solid color-mix(in srgb,currentColor 26%,transparent);border-top-color:currentcolor;border-radius:50%;animation:sidebar-nav-pending-spin .65s linear infinite}.sidebar-nav-item--utility{position:relative}.sidebar-nav-dot{width:8px;height:8px;flex:0 0 auto;margin-left:auto;border-radius:50%;background:#D12F3A}.skill-sidebar.collapsed .sidebar-nav-dot{position:absolute;top:8px;right:8px;margin:0}.sidebar-nav-item--utility-start{margin-top:18px}.sidebar-nav-item--utility-start:before{content:"";position:absolute;left:12px;right:12px;top:-10px;height:1px;background:var(--border-color);pointer-events:none}.sidebar-nav-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}.sidebar-nav-icon svg{width:18px;height:18px}.sidebar-nav-icon svg.sidebar-writing-buddy-icon{width:21px;height:21px}.sidebar-writing-buddy-icon path{stroke-width:3.2}.sidebar-writing-buddy-icon path:last-of-type{stroke-width:2.6}.sidebar-writing-buddy-icon circle{r:2.2}.sidebar-nav-icon svg.sidebar-favorites-icon{width:21px;height:21px}.sidebar-email-icon{width:36px;height:36px}.skill-sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:10px}.skill-sidebar.collapsed .sidebar-nav-label{display:none}.skill-sidebar.collapsed .sidebar-nav-pending-indicator{position:absolute;right:6px;bottom:6px;width:8px;height:8px;margin:0;border-width:1.5px}@keyframes sidebar-nav-pending-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.sidebar-nav-pending-indicator{animation:none}}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-color);position:relative}.skill-sidebar.collapsed .sidebar-footer{padding-top:12px;border-top:none;width:100%}.sidebar-email{display:flex;align-items:center;gap:11px;font-size:.85rem;color:var(--text-secondary);word-break:normal;width:100%;border:none;background:transparent;padding:8px 0;border-radius:10px;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease;text-align:left}.sidebar-email-icon{display:inline-flex;align-items:center;justify-content:center}.sidebar-email-avatar{flex-shrink:0}.sidebar-email--pending{pointer-events:none}.sidebar-email-avatar-skeleton,.sidebar-email-text-skeleton{position:relative;display:block;overflow:hidden;background:rgba(148,163,184,.18)}.sidebar-email-avatar-skeleton:after,.sidebar-email-text-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-105%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:sidebar-account-shimmer 1.35s ease-in-out infinite}.sidebar-email-avatar-skeleton{width:36px;height:36px;border-radius:999px}.sidebar-email-text-skeleton{width:92px;height:13px;border-radius:999px}@keyframes sidebar-account-shimmer{to{transform:translateX(105%)}}@media (prefers-reduced-motion:reduce){.sidebar-email-avatar-skeleton:after,.sidebar-email-text-skeleton:after{animation:none}}.sidebar-email:hover:not(:disabled){background:rgba(148,163,184,.18);color:var(--text-primary)}.sidebar-email:focus{outline:none}.sidebar-email:focus-visible{outline:2px solid rgba(148,163,184,.6);outline-offset:2px}.sidebar-email--pending{cursor:default;opacity:.7}.skill-sidebar.collapsed .sidebar-email{padding:10px}.sidebar-email-menu{position:absolute;bottom:calc(100% + 10px);left:0;width:100%;background:var(--bg-secondary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:4px 0;box-shadow:var(--shadow-lg,0 10px 30px rgba(0,0,0,.18));backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:0;z-index:200}.sidebar-email-menu:after{content:none}.skill-sidebar.collapsed .sidebar-email-menu{left:50%;transform:translateX(-50%);width:auto;min-width:220px}.sidebar-email-menu.sidebar-email-menu--portal{position:fixed;width:220px;min-width:220px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;transform:none;box-sizing:border-box;z-index:1200}[data-theme=light] .sidebar-email-menu{background:var(--bg-secondary);border-color:rgba(15,23,42,.1);box-shadow:none}[data-theme=dark] .sidebar-email-menu{background:var(--bg-secondary);border-color:rgba(148,163,184,.16);box-shadow:none}.sidebar-email-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 18px;background:transparent;border:none;color:var(--text-primary);font-size:.92rem;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease;text-align:left;position:relative}.sidebar-email-menu-item+.sidebar-email-menu-item:before{content:"";position:absolute;top:0;left:16px;right:16px;border-top:1px solid rgba(148,163,184,.18)}[data-theme=dark] .sidebar-email-menu-item+.sidebar-email-menu-item:before{border-top-color:rgba(148,163,184,.24)}.sidebar-email-menu-item:focus,.sidebar-email-menu-item:hover{background:rgba(148,163,184,.18);color:var(--text-primary)}.sidebar-email-menu-item:focus-visible{outline:none;box-shadow:inset 0 0 0 2px rgba(148,163,184,.6)}.sidebar-email-menu-item:active{transform:translateY(1px)}.sidebar-menu-icon{flex-shrink:0;width:24px;height:24px}.sidebar-email-menu-text{flex:1;display:inline-flex;align-items:center;letter-spacing:.01em;margin-left:0}.skill-sidebar.collapsed .sidebar-email{padding:8px}.settings-upgrade-button{padding:9px 16px;background:#111111;color:white;border:1px solid #111111;border-radius:9px;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s ease,border-color .2s ease;display:inline-flex;align-items:center;gap:6px}.settings-upgrade-button:hover{background:#2a2a2a;border-color:#2a2a2a}.settings-upgrade-button.secondary{background:transparent;color:var(--text-primary);border-color:var(--border-color)}.settings-upgrade-button.secondary:hover{background:var(--bg-secondary)}[data-theme=dark] .settings-upgrade-button{background:#f9fafb;border-color:#f9fafb;color:#0f172a}[data-theme=dark] .settings-upgrade-button:hover{background:#e2e8f0;border-color:#e2e8f0}[data-theme=dark] .settings-upgrade-button.secondary{background:transparent;border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .settings-upgrade-button.secondary:hover{background:var(--bg-secondary)}.upgrade-icon{display:inline-flex;align-items:center;justify-content:center}.upgrade-icon svg{width:16px;height:16px}.sidebar-email-text{overflow:hidden;text-overflow:clip;white-space:nowrap;width:100%}.skill-sidebar.collapsed .sidebar-email{justify-content:center}.skill-main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg-primary)}.skill-layout.sidebar-collapsed .skill-main{width:calc(100% - 56px)}.skill-layout.sidebar-hidden .skill-main{width:100%}.skill-layout.sidebar-hidden .skill-sidebar{display:none}@media (max-width:960px){.skill-layout{flex-direction:column}.skill-layout.sidebar-collapsed .skill-sidebar,.skill-sidebar{display:none}.skill-layout.sidebar-collapsed .skill-main,.skill-main{width:100%}}[data-theme=dark] .skill-sidebar{background:var(--bg-primary)}

/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */*{box-sizing:border-box;margin:0;padding:0}:root{--app-font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}body,html{width:100%;height:100%;font-family:var(--app-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow:hidden auto}#root{width:100%;height:100vh;position:relative;overflow-x:hidden}html{width:100%;height:100%}body{min-height:100%}button{cursor:pointer;border:1px solid #0000;border-radius:6px;font-family:inherit;transition:all .2s}button:focus{outline:none}button:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}