:root{color-scheme:light;--bg:#f6f5f1;--paper:#fffefa;--ink:#282a27;--muted:#6a6d65;--line:#dedfd6;--accent:#a84e25;--peach:#f2aa67}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a{text-decoration:none}.layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100svh}.sidebar{background:var(--ink);color:#efeee8;padding:38px 28px;display:flex;flex-direction:column;position:sticky;top:0;height:100svh}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:650;letter-spacing:-.5px}.mark{width:38px;height:38px;border:1px solid #73776b;border-radius:11px;display:grid;place-items:center;color:var(--peach);font:italic 29px/1 Georgia,serif}.nav-label{color:#a7aaa0;font-size:12px;letter-spacing:2px;margin:64px 14px 15px}.nav{display:grid;gap:8px}.nav a{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:8px;font-size:15px}.nav a:hover{background:#373a34}.nav a[aria-current]{background:#42453d;color:#fff}.nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.sidebar-bottom{margin-top:auto;padding:40px 14px 0;font-size:13px;color:#a7aaa0}.sidebar-bottom span{display:block;color:#e2e3d9;font-size:14px;margin-bottom:4px}.main{width:100%;max-width:1260px;padding:37px 64px 30px;margin:auto}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:27px;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}.private{display:inline-flex;align-items:center;gap:7px}.private svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:45px 0 28px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--accent);font-weight:650;margin:0 0 10px}h1{font-size:clamp(29px,3.3vw,42px);font-weight:600;letter-spacing:-1.2px;line-height:1.25;margin:0}h2,h3,p{margin:0}.heading p:last-child{color:var(--muted);margin-top:12px}.index{font:italic 56px/1 Georgia,serif;color:#b6baae}.workspace{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}.section-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:20px 26px}.section-bar h2{font-size:16px;font-weight:600}.count{font-size:13px;color:var(--muted);padding:2px 9px;border:1px solid var(--line);border-radius:5px}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:330px;padding:42px 24px}.empty-icon{width:64px;height:64px;border:1px solid #d1d5c8;border-radius:16px;background:#f2f3ed;display:grid;place-items:center;margin-bottom:23px}.empty-icon svg{width:29px;height:29px;fill:none;stroke:#747d66;stroke-width:1.4}.empty h3{font-size:22px;font-weight:550;letter-spacing:-.4px}.empty p{color:var(--muted);margin-top:10px;max-width:450px}.text-link{display:inline-block;margin-top:24px;color:var(--accent);font-size:14px;border-bottom:1px solid #d9ad91;padding-bottom:3px}.text-link:hover{color:var(--ink);border-color:var(--ink)}.workspace-note{padding:14px 26px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);background:#fafaf6}.guide{margin-top:43px}.guide-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.guide h2{font-size:20px;font-weight:600}.guide-top span{font-size:12px;color:var(--muted);letter-spacing:1.5px}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.principle{padding:23px 23px 24px 0}.principle+.principle{padding-left:23px;border-left:1px solid var(--line)}.step{color:var(--accent);font-size:12px;font-family:monospace;display:block;margin-bottom:10px}.principle h3{font-size:16px;font-weight:600;margin-bottom:7px}.principle p{font-size:14px;color:var(--muted);line-height:1.8}details{margin-top:14px;border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;font-size:14px;padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary::after{content:'+';font-size:23px;font-weight:300}details[open] summary::after{content:'−'}.detail-body{padding:0 0 22px;max-width:720px;color:var(--muted);font-size:14px}.detail-body ul{padding-left:19px;margin:8px 0 12px}.detail-body li{margin:6px 0}.footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);padding-top:35px}.footer .monogram{font-family:Georgia,serif;font-style:italic;font-size:17px;color:var(--ink)}@media(min-width:1500px){.main{padding-inline:80px}}@media(max-width:1050px){.layout{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding-inline:19px}.main{padding-inline:32px}.brand{font-size:18px}.principles{grid-template-columns:1fr}.principle,.principle+.principle{padding:18px 0;border-left:0;display:grid;grid-template-columns:32px 1fr;column-gap:10px}.principle+.principle{border-top:1px solid var(--line)}.step{grid-row:1/3;margin-top:3px}.principle p{grid-column:2}.empty{min-height:300px}}@media(max-width:700px){.layout{display:block}.sidebar{height:auto;position:static;padding:22px 22px 0;background:var(--ink)}.brand{font-size:19px}.mark{height:33px;width:33px;font-size:25px}.nav-label,.sidebar-bottom{display:none}.nav{display:flex;gap:8px;margin-top:22px}.nav a{border-radius:8px 8px 0 0;font-size:14px;padding:11px 15px}.nav svg{width:17px;height:17px}.main{padding:22px 22px 25px}.topbar{padding-bottom:20px;font-size:12px}.heading{margin:30px 0 23px}.heading p:last-child{font-size:14px;margin-top:11px}.index{font-size:42px}.eyebrow{font-size:11px;margin-bottom:8px}.section-bar{padding:17px 20px}.empty{min-height:320px;padding:35px 24px}.empty h3{font-size:20px}.empty p{font-size:14px;max-width:280px}.workspace-note{padding:13px 20px;font-size:12px}.guide{margin-top:32px}.guide h2{font-size:18px}.guide-top span{font-size:11px}.footer{padding-top:28px;font-size:11px}.private{gap:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

[hidden]{display:none!important}
.search-hint{font-size:12px;color:var(--muted);margin-top:6px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.offline-panel{display:flex;gap:18px;justify-content:space-between;align-items:center;padding:18px 26px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);background:var(--note-bg)}.offline-panel strong{display:block;color:var(--ink);font-size:13px;margin-bottom:4px}.offline-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.offline-actions>button{white-space:nowrap}.tool-main>.offline-panel{margin-top:28px;border:1px solid var(--line);border-radius:8px}@media(max-width:700px){.offline-panel{flex-direction:column;align-items:flex-start;padding:18px}.offline-actions{gap:8px}}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.catalog-controls{padding:22px 26px 0}.search-label{display:block;font-size:13px;color:var(--muted);margin-bottom:7px}input[type=search]{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 14px;background:var(--bg);color:var(--ink)}.filter-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:16px}.category-filters{display:flex;flex-wrap:wrap;gap:7px}.filter-button,.secondary-button{border:1px solid var(--line);border-radius:7px;padding:7px 12px;background:var(--paper);color:var(--muted);font-size:13px;min-height:40px}.filter-button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.view-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;white-space:nowrap}.view-label select{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:8px;min-height:40px}.catalog-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:39px;color:var(--muted);font-size:12px}.quiet-button{border:0;background:none;color:var(--accent);font-size:12px;text-decoration:underline;min-height:40px}.apps{padding:10px 26px 26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tool-card{position:relative;border:1px solid var(--line);border-radius:10px;min-width:0}.tool-card:hover{background:#f9f7f0;border-color:#c9ae8e}.app-card{display:flex;align-items:flex-start;gap:16px;padding:22px;height:100%;border-radius:10px}.app-copy{min-width:0;padding-right:16px}.app-symbol{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:12px;background:#f3e8d8;color:var(--accent);font:26px Georgia,serif}.category-label{font-size:11px;color:var(--muted)}.app-card h3{font-size:19px;margin-top:2px}.app-card p{font-size:13px;color:var(--muted);margin-top:7px;overflow-wrap:anywhere}.app-card .text-link{margin-top:16px;font-size:13px}.favorite-button{position:absolute;right:8px;top:8px;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:25px}.favorite-button:hover{background:var(--bg)}.favorite-button[aria-pressed=true]{color:var(--accent)}.empty-results{text-align:center;padding:35px 20px 45px}.empty-results h3{font-size:19px}.empty-results p{color:var(--muted);font-size:14px;margin:10px 0 18px}@media(max-width:1150px){.apps{grid-template-columns:1fr}}@media(max-width:700px){.catalog-controls{padding:18px 18px 0}.filter-bar{flex-direction:column;gap:12px}.view-label{width:100%;justify-content:space-between}.apps{padding:10px 18px 18px}.app-card{padding:18px;gap:14px}.app-symbol{width:44px;height:44px;font-size:24px}.catalog-meta{align-items:flex-start}.app-card h3{font-size:18px}}
:root{--accent-contrast:#fff;--symbol-bg:#f3e8d8;--hover-bg:#f9f7f0;--note-bg:#fafaf6;--error-bg:#fff0eb;--error-ink:#a12f24}html[data-theme=dark]{color-scheme:dark;--bg:#1d211e;--paper:#242a25;--ink:#eceee5;--muted:#aeb8aa;--line:#424d41;--accent:#f1ae7c;--accent-contrast:#1e251f;--symbol-bg:#42362b;--hover-bg:#2e342c;--note-bg:#202621;--error-bg:#402b26;--error-ink:#ffbaa7}.sidebar{background:#282a27}.header-actions{display:flex;align-items:center;gap:20px}.theme-control{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);white-space:nowrap}.theme-control select{font-size:12px;min-height:36px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);padding:6px 8px}.tool-card:hover{background:var(--hover-bg);border-color:var(--accent)}.app-symbol{background:var(--symbol-bg)}.workspace-note{background:var(--note-bg)}@media(max-width:700px){.header-actions{gap:12px;flex-wrap:wrap;justify-content:flex-end}.topbar .private{display:none}.tool-topbar{align-items:flex-start}.tool-topbar .header-actions{flex-direction:column;align-items:flex-end;gap:8px}}
.skip-link{position:absolute;top:-100px;left:20px;background:var(--ink);color:var(--paper);padding:10px 18px;z-index:10;border-radius:6px}.skip-link:focus{top:12px}.inline-link{color:var(--accent);text-decoration:underline;text-underline-offset:3px}main:focus{outline:none}@media(max-width:700px){.filter-button,.favorite-button,.theme-control select{min-height:44px}}