*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#26282d;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 70% 7%,#fff2c8 0,transparent 35%),radial-gradient(ellipse at 10% 75%,#8d615b 0,transparent 44%),linear-gradient(155deg,#b47a75 0%,#edb68f 31%,#e9b488 54%,#926d74 100%);min-height:100vh;padding:0 4.5% 22px}a{color:inherit;text-decoration:none}.desktop-bar{height:36px;display:flex;align-items:center;justify-content:space-between;color:#fff7ef;font-size:12px;font-weight:600;letter-spacing:.01em}.desktop-bar span:last-child{font-weight:400;opacity:.8}.window{max-width:1500px;margin:22px auto 0;background:#fffefa;border:1px solid rgba(255,255,255,.8);border-radius:14px;box-shadow:0 30px 90px #64444370,0 4px 20px #64444330;overflow:hidden}.topbar{height:52px;background:#f8f7f4;border-bottom:1px solid #e9e7e3;display:flex;align-items:center;padding:0 20px;gap:32px}.lights{display:flex;gap:7px}.lights i{width:12px;height:12px;border-radius:50%;background:#ed6b61}.lights i:nth-child(2){background:#f5bf4f}.lights i:nth-child(3){background:#61c454}.window-title{font-size:13px;font-weight:650;display:flex;align-items:center;gap:10px}.terminal-icon{border:1px solid #7a7a77;border-radius:5px;padding:3px 5px;font:13px monospace}.language{margin-left:auto;font-size:13px;color:#a74e36}.layout{display:grid;grid-template-columns:215px minmax(0,1fr) 330px;min-height:720px}.sidebar{background:#f8f7f4;border-right:1px solid #eeece8;padding:27px 15px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;font-weight:700;font-size:14px;margin:0 5px 30px}.brand-icon{color:#c45f43;font-size:27px}.brand small{display:block;color:#85817c;font-size:11px;font-weight:400;margin-top:4px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:11px 12px;border-radius:7px;font-size:13px;color:#575b62;display:flex;gap:12px;align-items:center}.sidebar nav a span{font-size:19px;width:20px;color:#777c82}.sidebar nav a.active{background:#f8eae2;color:#bd5738;font-weight:600}.sidebar nav a.active span{color:#c55b3b}.sidebar nav a:hover,.sidebar-bottom a:hover{background:#f3eee9}.sidebar-bottom{margin-top:auto;display:grid;gap:4px}.sidebar-bottom a{font-size:12px;color:#777; padding:9px;border-radius:6px}main{padding:47px 35px 20px;min-width:0}.eyebrow{font:600 10px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.16em;color:#92949b}.eyebrow span{color:#cd7858}h1{font:700 clamp(36px,3.4vw,54px)/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.065em;margin:17px 0 22px;color:#202329}h1 em{font-style:normal;color:#c65e40}.cursor{color:#d5a08e;font-weight:400}.intro{margin:0 0 9px;font:14px/1.6 ui-monospace,Consolas,monospace;color:#575c66}.intro:before{content:'›';color:#b7a6a0;margin-right:10px}.secondary{color:#858790}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:30px}.category{min-height:190px;border:1px solid #e9e8e4;border-radius:9px;padding:16px;display:flex;flex-direction:column;background:#fff;transition:box-shadow .2s,transform .2s}.category[href]:hover{transform:translateY(-3px);box-shadow:0 10px 28px #60432b12}.icon{height:38px;width:38px;border-radius:9px;display:grid;place-items:center;font-size:23px;font-weight:600;margin-bottom:15px}.orange{background:#fff0e9;color:#cd613c}.purple{background:#f2eafa;color:#8d59c3}.green{background:#e7f4ed;color:#32876a}.blue{background:#e8f2fc;color:#4286c8}.category strong{font-size:14px}.category p{font-size:12px;line-height:1.55;color:#7c8088;margin:9px 0 14px}.card-link,.soon{margin-top:auto;color:#c35c3f;font-size:12px;font-weight:600}.soon{color:#9d9b98;font-weight:400}.section-heading{display:flex;align-items:end;gap:18px;margin:36px 0 17px}.section-heading h2{font-size:19px;letter-spacing:-.02em;margin:6px 0 0}.line{height:1px;flex:1;background:#efede9;margin-bottom:7px}.feature{border:1px solid #e9e8e4;border-radius:10px;padding:19px;background:#fff}.feature-top{display:flex;gap:14px;align-items:flex-start}.feature-top .icon{margin:0}.feature-title h3{font-size:17px;margin:6px 0 4px}.feature-title p,.feature-copy{color:#797d84;font-size:12px;line-height:1.6;margin:0}.pill{color:#c15c3b;background:#faece4;font-size:9px;padding:4px 7px;border-radius:4px;font-weight:700;letter-spacing:.06em}.arrow{margin-left:auto;color:#bf6548}.feature-copy{margin:18px 0}.feature-footer{border-top:1px solid #f0eeeb;padding-top:14px;display:flex;align-items:center;gap:8px}.feature-footer span{background:#f5f4f1;color:#777;font-size:10px;padding:5px 8px;border-radius:20px}.feature-footer a{margin-left:auto;color:#c45d3f;font-size:12px;font-weight:600}.trust{display:flex;gap:12px;background:#fbf7f3;padding:13px 15px;border-radius:8px;margin-top:20px;color:#b7684b}.trust p{margin:0;font-size:12px;line-height:1.6;color:#73716e}.trust strong{color:#444}.trust a{color:#bd5e40}footer{border-top:1px solid #efede9;margin-top:30px;padding-top:15px;font-size:10px;color:#a3a19d;display:flex;justify-content:space-between;gap:15px}.conversation{border-left:1px solid #eeece8;background:#fbfaf8;padding:23px 17px;display:flex;flex-direction:column}.panel-heading{display:flex;align-items:center;gap:10px;border-bottom:1px solid #eeece8;padding-bottom:19px}.spark{color:#c65d40;font-size:23px}.panel-heading strong{display:block;font-size:13px}.panel-heading small{display:block;color:#9a9996;font-size:11px;margin-top:4px}.example{margin-left:auto;color:#a4a19d;letter-spacing:.08em;font-size:9px}.conversation-body{padding:21px 3px}.message{display:flex;gap:10px;margin-bottom:22px}.avatar{flex:0 0 27px;height:27px;border-radius:7px;background:#e8e3df;display:grid;place-items:center;color:#777;font-size:12px}.avatar.claude{background:#f8eae2;color:#c65d40;font-size:19px}.message b{font-size:12px}.message p{font-size:12px;line-height:1.65;color:#64676d;margin:8px 0}.message.user p{background:#f0efed;border-radius:9px;padding:11px}.steps{border:1px solid #eae8e4;border-radius:8px;padding:11px;background:#fff;font-size:11px;color:#72767a;line-height:2}.steps span{color:#6e9c80;margin-right:7px}.example-link{display:block;border:1px solid #e9e5e0;border-radius:7px;padding:11px;font-size:11px;font-weight:600;color:#be5e42}.example-link span{float:right}.panel-note{margin-top:auto;border-top:1px solid #e9e7e3;display:flex;gap:8px;align-items:baseline;color:#c56e51}.panel-note p{font-size:10px;line-height:1.5;color:#a09c97}.dock{width:max-content;margin:18px auto 0;display:flex;gap:9px;padding:8px 11px;border-radius:16px;background:#fff9ec52;border:1px solid #fff8e37a;box-shadow:0 7px 25px #694c4938}.dock span{width:34px;height:34px;border-radius:9px;background:#fffaf0cc;display:grid;place-items:center;color:#a25c48;font-size:19px}.dock span:nth-child(2){color:#c45f43}.dock span:nth-child(3){color:#925dc2}.dock span:nth-child(4){color:#488871}.dock span:nth-child(5){background:#45413e;color:white;font:15px monospace}@media(max-width:1100px){.layout{grid-template-columns:175px minmax(0,1fr)}.conversation{grid-column:2;border-left:0;border-top:1px solid #eee}.conversation-body{display:flex;gap:15px}.message{flex:1}.example-link{align-self:start}.panel-note{margin-top:0}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){body{padding:0 10px 15px}.desktop-bar{font-size:10px}.desktop-bar span:last-child{display:none}.window{margin-top:8px}.topbar{gap:18px}.layout{display:block}.sidebar{border:0;border-bottom:1px solid #eee;padding:12px}.brand{margin:0 0 12px}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{white-space:nowrap}.sidebar-bottom{display:none}main{padding:30px 19px}.cards{gap:8px}.category{padding:13px;min-height:175px}.conversation{padding:20px}.conversation-body{display:block}.dock{display:none}footer{flex-wrap:wrap}}
.mascot-card{display:flex;align-items:center;gap:18px;margin-top:18px;padding:12px 18px;background:#fcf6ee;border:1px solid #f1e7da;border-radius:10px}.mascot-card img{width:76px;height:88px;object-fit:contain}.mascot-card strong{display:block;font-size:14px;margin:7px 0}.mascot-card p{font-size:12px;color:#777;margin:0;line-height:1.5}.breadcrumbs{font-size:11px;color:#a3a09a;margin-bottom:30px}.breadcrumbs a{color:#bf6044}.skill-page h1{font-size:clamp(30px,3vw,44px);overflow-wrap:anywhere}.skill-lead,.skill-copy{color:#737780;line-height:1.7;font-size:14px;max-width:650px}.skill-actions{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.primary-btn,.outline-btn{display:inline-block;padding:12px 16px;border-radius:7px;font-size:12px;font-weight:600}.primary-btn{background:#c55f43;color:white}.outline-btn{border:1px solid #dfad9d;color:#b9573b}.facts{display:flex;gap:0;border:1px solid #eeece8;border-radius:9px;background:#fbfaf8;padding:17px}.facts span{flex:1;font-size:12px;padding:0 12px;border-right:1px solid #eee}.facts span:last-child{border:0}.facts small{display:block;font-size:9px;color:#999;letter-spacing:.1em;margin-bottom:7px}.skill-steps{display:grid;gap:13px}.skill-steps div{display:flex;gap:13px}.skill-steps b{background:#f8eae2;border-radius:50%;color:#bf6044;width:30px;height:30px;display:grid;place-items:center;font-size:10px;flex:none}.skill-steps p{margin:0;color:#777;font-size:12px;line-height:1.6}.skill-steps strong{color:#333;font-size:13px}@media(max-width:650px){.facts{flex-wrap:wrap;gap:15px}.facts span{min-width:100px}.mascot-card img{width:65px;height:75px}}
/* Shared action geometry; color identifies purpose. */
.primary-btn,.outline-btn,.copy-btn{display:inline-flex;align-items:center;justify-content:center;min-width:170px;min-height:44px;padding:0 16px;border:1px solid transparent;border-radius:8px;font:600 12px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;text-align:center;text-decoration:none}.primary-btn{background:#c55f43;border-color:#c55f43;color:#fff}.outline-btn{background:#f0f2f3;border-color:#d9dddf;color:#4b5961}.copy-btn{background:#e9e2f2;border-color:#d7c9e5;color:#66488a}.primary-btn:hover,.outline-btn:hover,.copy-btn:hover{filter:brightness(.96)}.primary-btn:focus-visible,.outline-btn:focus-visible,.copy-btn:focus-visible{outline:3px solid #b8785e;outline-offset:3px}.prompt-card{margin-top:28px;border:1px solid #e9e6e1;border-radius:10px;background:#fff;padding:18px}.prompt-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.prompt-heading strong{font-size:14px}.prompt-heading small{display:block;color:#999;font-size:10px;margin-top:4px}.prompt-card pre{background:#f3f0eb;border:1px solid #e7e1d9;border-radius:8px;padding:20px;color:#42464d;font:13px/1.75 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.copy-status{min-height:1em;margin:8px 0 0;font-size:11px;color:#686b69}@media(max-width:480px){.prompt-heading{align-items:stretch;flex-direction:column}.prompt-heading .copy-btn{width:100%}.skill-actions>*{width:100%}}
.search-label{display:block;font-size:11px;color:#777;margin-bottom:7px}.search-input{width:100%;height:44px;border:1px solid #e5e1dc;border-radius:8px;background:#fbfaf8;padding:0 14px;color:#30343a;font:13px inherit;outline:none}.search-input:focus{border-color:#c67b61;box-shadow:0 0 0 3px #f3e4dc}.collection-list{display:grid;gap:10px;margin:16px 0}.collection-item{display:flex;align-items:flex-start;gap:15px;padding:19px;border:1px solid #e9e8e4;border-radius:10px;background:#fff;transition:box-shadow .2s,transform .2s}.collection-item[hidden],.empty[hidden]{display:none}.collection-item:hover{transform:translateY(-2px);box-shadow:0 10px 25px #60432b12}.collection-item .icon{margin:0;flex:none}.collection-copy{display:grid;justify-items:start;gap:8px;min-width:0}.collection-copy strong{font-size:15px}.collection-copy>span:last-child{font-size:12px;line-height:1.6;color:#797d84}.collection-arrow{color:#bd6044;margin-left:auto}.collection-note{display:flex;align-items:center;gap:14px;margin-top:22px;background:#fbf7f3;border-radius:9px;padding:18px}.collection-note .icon{margin:0;flex:none}.collection-note strong{font-size:13px}.collection-note p,.empty{font-size:12px;line-height:1.6;color:#797d84;margin:6px 0 0}
@media(max-width:650px){.sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:4px}.sidebar nav a{justify-content:center;gap:6px;padding:9px 5px;font-size:11px}.sidebar nav a span{font-size:15px;width:auto}.desktop-bar{color:#fff;text-shadow:0 1px 3px #70483b}.conversation-body{display:block}.skill-page h1{letter-spacing:-.045em}}
.versions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.version-card{border:1px solid #e9e8e4;border-radius:10px;background:#fff;padding:18px;display:flex;flex-direction:column;gap:10px}.version-top{display:flex;align-items:center;justify-content:space-between}.version-top .icon{margin:0}.version-status{font-size:9px;letter-spacing:.08em;font-weight:700;border-radius:20px;padding:6px 8px}.version-status.available{color:#347554;background:#e8f4eb}.version-status.pending{color:#856c4b;background:#f6eee1}.version-card h3{font-size:16px;margin:5px 0 0}.version-card p,.version-card small{font-size:12px;line-height:1.6;color:#777;margin:0}.version-actions{display:grid;gap:8px;margin-top:auto}.version-actions>*{width:100%}.version-card [aria-disabled=true]{cursor:default;opacity:.65}@media(max-width:700px){.versions{grid-template-columns:1fr}}
/* Golden-hour desktop and quick-launch dock */
body{background:linear-gradient(#2e241120,#2e241130),url('golden-mountains.png') center center/cover fixed no-repeat;background-color:#af8a70}.desktop-bar{text-shadow:0 1px 5px #302927}.dock{position:relative;z-index:2;display:flex;gap:9px;padding:9px 11px;border-radius:18px;background:rgba(236,231,224,.58);border:1px solid rgba(255,255,255,.55);box-shadow:0 10px 30px #201e1f44;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.dock .dock-app{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;box-shadow:0 3px 6px #201b1c35,inset 0 1px 1px #ffffff99;transition:transform .18s ease;color:white;font:700 23px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.dock .dock-app:hover,.dock .dock-app:focus-visible{transform:translateY(-7px) scale(1.08);outline:none}.dock .dock-app:focus-visible{box-shadow:0 0 0 3px #fff,0 3px 6px #201b1c35}.dock .dock-app.chatgpt{background:linear-gradient(145deg,#242d2b,#121818)}.dock .dock-app.claude-app{background:linear-gradient(145deg,#ea9c7d,#c25d42)}.dock .dock-app.gemini{background:linear-gradient(145deg,#5f85e8,#8f65c9)}.dock .dock-app.copilot{background:linear-gradient(145deg,#46cce1,#7957dc)}.dock .dock-app.perplexity{background:linear-gradient(145deg,#398d89,#165a5c)}.dock .dock-label{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);width:auto;height:auto;padding:5px 8px;border-radius:6px;background:#242325e8;color:white;font:500 11px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:nowrap;opacity:0;pointer-events:none}.dock-app:hover .dock-label,.dock-app:focus-visible .dock-label{opacity:1}@media(max-width:650px){body{background-attachment:scroll}.dock{display:flex;gap:7px;padding:7px;margin-top:12px}.dock .dock-app{width:41px;height:41px;font-size:20px}.dock .dock-app:hover,.dock .dock-app:focus-visible{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.dock .dock-app{transition:none}}
body{padding-bottom:95px}.dock{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);margin:0}@media(max-width:650px){body{padding-bottom:85px}.dock{bottom:8px;margin:0}}
.dock .dock-app>span[aria-hidden]{position:static;display:inline;width:auto;height:auto;padding:0;border-radius:0;background:transparent;color:inherit;font:inherit;box-shadow:none;transform:none;opacity:1}
.dock{gap:3px;padding:7px 9px}.dock .dock-link{display:flex;align-items:center;justify-content:center;min-height:43px;padding:0 14px;border-radius:10px;color:#34373b;font:600 12px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:background .15s,transform .15s}.dock .dock-link:hover,.dock .dock-link:focus-visible{background:#ffffffab;transform:translateY(-2px);outline:none}.dock .dock-link:focus-visible{box-shadow:0 0 0 2px #815344}@media(max-width:650px){.dock{max-width:calc(100vw - 20px);gap:0}.dock .dock-link{min-height:40px;padding:0 8px;font-size:10px}}
.home-hero{display:flex;align-items:center;justify-content:space-between;gap:12px}.hero-copy{flex:1;min-width:0}.home-hero h1 em{font-style:italic}.hero-mascot{width:clamp(95px,13vw,158px);height:auto;flex:none;object-fit:contain;filter:drop-shadow(0 9px 10px #7a5e4520)}@media(max-width:650px){.home-hero{align-items:flex-start;gap:4px}.hero-mascot{width:82px}.home-hero h1{font-size:clamp(27px,7.5vw,36px);white-space:nowrap}.home-hero .intro{font-size:12px}}@media(max-width:370px){.hero-mascot{width:64px}.home-hero h1{font-size:26px}}