@import"https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@400;500;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color:#19201b;background:#f4f2ea;font-family:Alegreya Sans,ui-sans-serif,sans-serif;font-size:15px;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:linear-gradient(90deg,rgba(27,47,36,.08) 1px,transparent 1px),linear-gradient(rgba(27,47,36,.06) 1px,transparent 1px),#f4f2ea;background-size:28px 28px}button,input,textarea{font:inherit}button{cursor:pointer}.boot,.login{min-height:100vh;display:grid;place-items:center}.login-panel{width:min(440px,calc(100vw - 32px));border:1px solid #28382e;background:#fffdf5;padding:34px;box-shadow:12px 12px #26352c}.login-mark,.brand-mark{width:44px;height:44px;display:grid;place-items:center;background:#26352c;color:#f8e16c;font-weight:800}.login h1{margin:22px 0 6px;font-size:clamp(2rem,8vw,4.3rem);line-height:.9}.login p{margin:0 0 26px;color:#536056;font-size:1.15rem}form,.fields{display:grid;gap:12px}label{font-weight:700}input,textarea{width:100%;border:1px solid #7f897f;background:#fffdf8;color:#19201b;padding:12px 13px;border-radius:3px}textarea{min-height:86px;resize:vertical}.primary,.icon-label,.link-button{border:1px solid #26352c;background:#26352c;color:#fffdf5;min-height:36px;padding:0 13px;border-radius:3px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.shell{height:100vh;display:grid;grid-template-columns:276px 1fr;overflow:hidden}.rail{height:100vh;border-right:1px solid #26352c;background:#fffdf5;padding:20px;display:grid;grid-template-rows:auto auto 1fr auto;gap:28px;overflow:hidden}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:1.08rem}.brand span,.account span,.detail-head span,.row small,.contributor span,.event time,.empty span{color:#697168}.tabs{display:grid;align-content:start;gap:8px}.tabs button,.account button{border:1px solid #c6c6b8;background:transparent;color:#19201b;border-radius:3px;min-height:38px;display:flex;align-items:center;gap:10px;padding:0 12px}.tabs button.active,.row.active{background:#f8e16c;border-color:#26352c}.account{border-top:1px solid #c6c6b8;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.workspace{height:100vh;padding:0;min-width:0;overflow:auto}.section-head{position:sticky;top:0;z-index:5;display:flex;align-items:start;justify-content:space-between;gap:12px;margin:0;border:0;border-bottom:1px solid #26352c;background:#fffdf5eb;padding:12px 24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.workspace-body{padding:18px 24px 24px}.section-title{min-width:0}.section-title h1{margin:0;font-size:clamp(1.45rem,2.2vw,2.05rem);line-height:1}.section-title span{display:block;margin-top:6px;color:#536056;font-size:.95rem}.section-actions{display:flex;align-items:start;gap:12px}.side-search{position:relative}.side-search svg{position:absolute;left:13px;top:12px;color:#687065}.side-search input{padding-left:42px;min-height:42px}.compact-metrics{display:grid;grid-template-columns:repeat(4,auto);gap:8px;align-items:start}.compact-metrics span{min-width:68px;border-left:1px solid #c6c6b8;padding-left:9px;color:#536056;font-family:IBM Plex Mono,monospace;font-size:.68rem;text-transform:uppercase}.compact-metrics b{display:block;color:#19201b;font-size:1rem;line-height:1}.grid{display:grid;grid-template-columns:minmax(260px,380px) minmax(0,1fr);gap:18px}.list,.detail{border:1px solid #26352c;background:#fffdf5eb}.list{min-height:calc(100vh - 102px);padding:12px;overflow:auto}.list-count{color:#687065;font-family:IBM Plex Mono,monospace;font-size:.8rem;margin-bottom:8px;text-transform:uppercase}.row{width:100%;text-align:left;border:1px solid #d8d7ca;background:#fffdf8;border-radius:3px;padding:12px;margin-bottom:8px;display:grid;gap:4px}.row strong{font-size:1rem}.row span{color:#384239}.detail{min-height:calc(100vh - 102px);padding:18px;display:grid;align-content:start;gap:14px}.detail-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.detail h2{margin:0;font-size:clamp(1.45rem,2.5vw,2.4rem);line-height:1.04}.codebox,.preview pre{font-family:IBM Plex Mono,monospace;min-height:240px;line-height:1.5;white-space:pre-wrap;overflow:auto}.save{justify-self:start}.download-skill{justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:36px;border:1px solid #26352c;background:#26352c;color:#fffdf8;border-radius:3px;padding:8px 12px;text-decoration:none;font-weight:700}.download-skill:hover{background:#16241c}.versions{display:flex;flex-wrap:wrap;gap:8px}.versions span,.notice,.dev-code,.error{border:1px solid #c6c6b8;background:#fffdf8;padding:8px 10px;border-radius:3px}.notice{margin-bottom:14px;border-color:#26352c}.error{border-color:#a13b2f;color:#8d281d}.preview h3{margin-bottom:8px}.activity-grid{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:18px}.contributors,.activity-feed{border:1px solid #26352c;background:#fffdf5eb}.contributors,.activity-feed{min-height:calc(100vh - 102px);padding:12px;align-content:start}.contributor,.event{border:1px solid #d8d7ca;background:#fffdf8;border-radius:3px;padding:12px}.contributor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-bottom:8px}.contributor strong,.contributor span{display:block}.contributor-stats{text-align:right}.contributor-stats b{display:block;font-family:IBM Plex Mono,monospace;font-size:1.3rem}.event{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;margin-bottom:8px}.event p{margin:2px 0 6px;color:#384239}.event-mark{width:40px;height:40px;display:grid;place-items:center;font-weight:800;border:1px solid #26352c}.event-mark.skill{background:#f8e16c}.event-mark.article{background:#b7d7c0}.summary{max-width:760px;font-size:1.05rem;color:#384239;margin:0}.readonly-note{border-left:4px solid #26352c;background:#f8e16c;padding:10px 12px;font-weight:700;max-width:760px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{border:1px solid #c6c6b8;background:#fffdf8;padding:5px 8px;border-radius:3px;font-family:IBM Plex Mono,monospace;font-size:.82rem}.file-tree{max-width:860px;border:1px solid #26352c;background:#fffdf8;border-radius:3px}.file-tree-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #d8d7ca;padding:10px 12px}.file-tree-head span,.file-meta{color:#697168;font-family:IBM Plex Mono,monospace;font-size:.75rem}.file-tree-body{padding:8px 0}.file-node{min-height:34px;display:grid;grid-template-columns:18px minmax(120px,1fr) auto;align-items:center;gap:8px;padding-right:12px;border-bottom:1px solid rgba(216,215,202,.55)}.file-node:last-child{border-bottom:0}.file-node.folder{background:#f8e16c2e}.file-node svg{color:#26352c}.file-name{font-family:IBM Plex Mono,monospace;font-size:.9rem}.file-meta{text-align:right;overflow-wrap:anywhere}.article-body{max-width:860px;border:1px solid #d8d7ca;background:#fffdf8;border-radius:3px;padding:18px;line-height:1.6}.article-body h1,.article-body h2,.article-body h3,.article-body p,.article-body ul{margin-top:0}.article-body h1{font-size:1.45rem;line-height:1.08;margin-bottom:12px}.article-body h2{font-size:1.12rem;line-height:1.15;margin:18px 0 8px}.article-body h3{font-size:1rem;line-height:1.2;margin:14px 0 6px}.article-body p{margin-bottom:12px}.article-body ul{padding-left:22px;margin-bottom:12px}.article-body li{margin-bottom:4px}.article-body code{font-family:IBM Plex Mono,monospace;font-size:.9em;border:1px solid #d8d7ca;background:#f4f2ea;padding:1px 4px;border-radius:3px}.empty{min-height:160px;display:grid;place-content:center;gap:4px;text-align:center;color:#384239}@media(max-width:860px){body{overflow:auto}.shell,.grid,.activity-grid{grid-template-columns:1fr;height:auto;overflow:visible}.rail{position:sticky;top:0;z-index:2;height:auto;grid-template-rows:auto auto auto auto;border-right:0;border-bottom:1px solid #26352c;overflow:visible}.tabs{grid-template-columns:1fr}.account{grid-column:1 / -1}.workspace{height:auto;overflow:visible}.workspace-body{padding:14px}.section-head{position:static;padding:14px}.section-head,.section-actions{flex-direction:column}.compact-metrics{grid-template-columns:1fr 1fr}.list,.detail,.contributors,.activity-feed{min-height:auto}}