.app-shell{background:var(--canvas);min-height:100vh;color:var(--ink)}.topbar{background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex}.brand-lockup,.topbar-actions,.editor-heading,.editor-topline,.editor-toolbar,.history-heading,.history-preview-actions,.body-label-row{align-items:center;display:flex}.brand-lockup{gap:12px}.brand-mark-small{border-radius:7px;width:36px;height:36px}.brand-name{color:var(--ink);letter-spacing:-.015em;margin:0;font-size:15px;font-weight:700}.brand-greeting{color:var(--muted);margin:2px 0 0;font-size:13px}.topbar-actions{gap:14px}.new-skill-button,.copy-main,.google-button{background:var(--ink);border:1px solid var(--ink);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 17px;font-size:14px;font-weight:650;display:inline-flex}.new-skill-button:disabled,.copy-main:disabled,.google-button:disabled{cursor:default;opacity:.55}.account-button{width:36px;height:36px}.workspace{grid-template-columns:minmax(268px,304px) minmax(0,1fr);min-height:calc(100vh - 72px);display:grid}.skill-browser{background:var(--sidebar);border-right:1px solid var(--line);min-width:0;padding:28px 20px 32px}.skill-browser:focus,.editor-pane:focus{outline:none}.browser-heading{margin:0 4px 22px}.browser-heading h1{letter-spacing:-.025em;margin:0;font-size:23px;font-weight:650;line-height:1.2}.browser-count{color:var(--muted);margin:5px 0 0;font-size:14px}.browser-tabs{border-bottom:1px solid var(--line-strong);gap:20px;margin:0 4px 16px;display:flex}.browser-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;min-height:40px;margin-bottom:-1px;padding:0;font-size:14px;font-weight:600}.browser-tabs button[aria-pressed=true]{border-bottom-color:var(--ink);color:var(--ink)}.search-field{background:var(--paper);border:1px solid var(--line-strong);color:var(--muted);border-radius:8px;align-items:center;gap:9px;min-height:44px;padding:0 12px;display:flex}.search-field:focus-within{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.search-field input{color:var(--ink);background:0 0;border:0;outline:none;width:100%;min-width:0}.search-field input::placeholder{color:var(--quiet);opacity:1}.skill-list{margin-top:18px}.skill-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:stretch;min-height:74px;transition:background-color .12s;display:grid}.skill-row:first-child{border-top:1px solid var(--line)}.skill-row:hover{background:var(--hover)}.skill-row-active,.skill-row-active:hover{background:var(--selection)}.skill-select{color:inherit;text-align:left;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:13px 10px 13px 12px;display:flex}button.skill-select{width:100%}.skill-row-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;font-weight:650;line-height:1.35;overflow:hidden}.skill-row-description{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-height:18px;margin-top:3px;font-size:13px;line-height:1.4;display:block;overflow:hidden}.copy-inline,.history-button,.back-button,.delete-button,.history-row button{color:var(--ink);background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:44px;font-size:14px;font-weight:600;display:inline-flex}.copy-inline{align-self:center;margin-right:5px;padding:0 9px}.copy-inline:hover,.history-button:hover,.back-button:hover,.history-row button:hover{background:var(--paper);border-color:var(--line-strong)}.copy-inline:disabled{cursor:default;opacity:.55}.load-more-button{margin:14px auto 0;padding:0 14px}.browser-footnote,.empty-browser{color:var(--muted);text-align:center;padding:24px 10px;font-size:14px;line-height:1.55}.empty-browser p,.browser-footnote{margin-bottom:0}.editor-pane{background:var(--paper);min-width:0;padding:34px clamp(32px,5vw,72px) 64px}.editor-pane>*{max-width:980px;margin-left:auto;margin-right:auto}.editor-topline{justify-content:space-between;min-height:44px}.back-button{padding:0 10px;display:none}.save-status{color:var(--muted);align-items:center;gap:7px;min-height:32px;margin-left:auto;font-size:14px;display:flex}.save-status-saved{color:var(--success)}.save-status-error{color:var(--error)}.save-status button{color:inherit;text-underline-offset:3px;background:0 0;border:0;padding:6px;font-weight:700;text-decoration:underline}.status-dot{background:var(--quiet);border-radius:50%;width:7px;height:7px}.status-dot-saving{background:var(--ink);animation:1s ease-in-out infinite alternate status-pulse}@keyframes status-pulse{to{opacity:.28}}.editor-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-top:14px}.editor-title-group{flex:auto;min-width:0}.title-input,.description-input{color:var(--ink);background:0 0;border:0;border-radius:4px;width:100%;padding:3px 4px;display:block}.title-input{letter-spacing:-.04em;font-size:clamp(30px,4vw,38px);font-weight:650;line-height:1.15}.description-input{color:var(--muted);margin-top:7px;font-size:16px;line-height:1.5}.description-input::placeholder{color:var(--quiet);opacity:1}.copy-main{flex:none;margin-top:4px}.body-label-row{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:28px;padding-top:18px;font-size:13px}.body-label-row span:first-child{color:var(--ink);font-size:14px;font-weight:650}.skill-editor{background:var(--paper);border:1px solid var(--line-strong);color:var(--ink);resize:vertical;border-radius:8px;width:100%;min-height:min(52vh,620px);margin-top:12px;padding:20px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:15px;line-height:1.7;display:block}.skill-editor::placeholder{color:var(--quiet);opacity:1}.editor-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 0 18px}.history-button{border-color:var(--line-strong);padding:0 13px}.history-button-active{background:var(--selection);border-color:var(--line-strong)}.delete-button{color:var(--muted);width:44px}.delete-button:hover{color:var(--error);background:#f8ece9;border-color:#e6c5bd}.delete-button:disabled{opacity:.45}.history-panel{padding-top:28px}.history-heading{justify-content:space-between}.history-heading h2{letter-spacing:-.02em;margin:0;font-size:20px}.history-heading span{color:var(--muted);font-size:14px}.history-preview{background:var(--paper-soft);border:1px solid var(--line);border-radius:10px;margin-top:18px;padding:22px}.history-preview h3{margin:0;font-size:18px}.history-preview p{color:var(--muted);line-height:1.55}.history-preview-meta{margin:5px 0 14px;font-size:13px}.history-preview pre{background:var(--paper);border:1px solid var(--line);color:var(--ink);white-space:pre-wrap;word-break:break-word;border-radius:7px;max-height:280px;padding:14px;font:13px/1.6 SFMono-Regular,Consolas,monospace;overflow:auto}.history-preview-actions{justify-content:flex-end;gap:10px;margin-top:18px}.history-preview-actions .history-button{margin-right:0}.history-preview-note{text-align:right;margin:12px 0 0;font-size:13px}.history-list{border-top:1px solid var(--line);margin-top:18px}.history-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:11px 4px;display:flex}.history-row strong{font-size:14px;display:block}.history-row-meta{color:var(--muted);gap:12px;margin-top:4px;font-size:13px;display:flex}.history-row button{border-color:var(--line-strong);padding:0 12px}.history-empty{color:var(--muted);padding:20px 4px;font-size:14px}.editor-empty{flex-direction:column;justify-content:center;align-items:flex-start;min-height:calc(100vh - 180px);display:flex}.editor-empty h2{letter-spacing:-.03em;margin:0;font-size:28px}.editor-empty p{color:var(--muted);margin:9px 0 22px}.toast{background:var(--ink);color:#fff;z-index:20;border:1px solid #333330;border-radius:9px;align-items:center;gap:14px;max-width:min(520px,100vw - 32px);min-height:48px;padding:10px 12px 10px 16px;font-size:14px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast-error{background:#752e25;border-color:#752e25}.toast-action,.toast-dismiss{color:inherit;background:0 0;border:0;min-height:36px;padding:0 6px;font-weight:700}.toast-action{text-underline-offset:3px;text-decoration:underline}.toast-dismiss{width:36px;margin-left:auto;font-size:22px}@media (width<=820px){.topbar{height:64px;padding:0 16px}.brand-greeting{display:none}.brand-mark-small{width:32px;height:32px}.new-skill-button{padding:0 13px}.workspace{min-height:calc(100vh - 64px);display:block}.skill-browser{border:0;min-height:calc(100vh - 64px);padding:24px 16px 40px}.editor-pane{min-height:calc(100vh - 64px);padding:16px 18px 48px;display:none}.mobile-editor-open .skill-browser{display:none}.mobile-editor-open .editor-pane{display:block}.back-button{margin-left:-10px;display:inline-flex}.editor-heading{flex-direction:column;align-items:stretch;gap:18px;margin-top:18px}.title-input{font-size:30px}.copy-main{width:100%;margin-top:0}.body-label-row{gap:12px}.body-label-row span:last-child{text-align:right}.skill-editor{min-height:52vh;padding:16px}.history-preview-actions{flex-direction:column-reverse;align-items:stretch}.history-preview-actions button{width:100%}}@media (width<=390px){.brand-name{font-size:14px}.new-skill-button{gap:5px;padding:0 10px;font-size:13px}.skill-row{grid-template-columns:minmax(0,1fr) 72px}.editor-pane{padding-left:14px;padding-right:14px}.history-row{flex-direction:column;align-items:flex-start}.history-row button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:root{--canvas:#eeeeeb;--sidebar:#f3f3f0;--paper:#fff;--paper-soft:#f7f7f5;--ink:#1b1b19;--muted:#65655f;--quiet:#787872;--line:#dfdfda;--line-strong:#c8c8c2;--selection:#deded9;--hover:#e9e9e5;--success:#2f6845;--error:#9a392e;color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Avenir Next,Avenir,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:0;min-height:100%;margin:0}body{min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{flex:none;width:17px;height:17px;display:inline-block}.config-screen,.auth-screen,.loading-screen{background:var(--canvas);color:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.config-screen h1,.auth-card h1{letter-spacing:-.04em;max-width:700px;margin:20px auto 14px;font-family:inherit;font-size:clamp(30px,5vw,44px);font-weight:650;line-height:1.15}.config-screen>p:not(.config-kicker),.auth-copy{color:var(--muted);max-width:490px;margin:0 auto 22px;font-size:16px;line-height:1.6}.config-screen code{background:var(--paper);border:1px solid var(--line-strong);color:var(--ink);border-radius:7px;margin-top:8px;padding:9px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.config-kicker{color:var(--muted);margin:20px 0 0;font-size:14px}.brand-mark,.config-mark{background:var(--ink);color:#fff;letter-spacing:-.06em;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:15px;font-weight:800;display:flex}.auth-card{flex-direction:column;align-items:center;max-width:620px;display:flex}.google-button{width:100%;min-height:48px}.auth-note{color:var(--muted);margin:18px 0 0;font-size:14px}.loading-screen p{color:var(--muted);margin-top:18px;font-size:14px}