.vibe-hub{--vh-ink:#17334a;--vh-muted:#587080;--vh-line:#dbe5eb;--vh-teal:#1d736b;background:#f7fafb;color:var(--vh-ink);font:16px/1.7 system-ui,-apple-system,sans-serif}.vibe-hub *{box-sizing:border-box}.vibe-hub [hidden]{display:none!important}.vibe-hub a{color:#24678b}.vibe-hub button,.vibe-hub input,.vibe-hub select,.vibe-hub textarea{font:inherit}.vibe-hub button{cursor:pointer}.vibe-hub :focus-visible{outline:3px solid #ad601b;outline-offset:3px}.vibe-hub section[id],.vibe-hub details[id]{scroll-margin-top:155px}.vh-hero{padding:65px 0 42px;background:radial-gradient(ellipse at 85% 10%,#e1eeed,transparent 60%)}.vh-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.vh-eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.14em;color:#23796b}.vibe-hub h1{font-size:clamp(2.6rem,5vw,4.4rem);line-height:1.06;letter-spacing:-.055em;margin:18px 0 24px}.vibe-hub h1 em{font-style:normal;color:#247a70}.vh-hero p{font-size:1.07rem;color:var(--vh-muted);max-width:590px;line-height:1.8}.vh-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:20px 0 0}.vh-button,.vh-file{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #c5d6df;border-radius:9px;background:white;color:#234a62!important;font-weight:700;font-size:.85rem;cursor:pointer;text-decoration:none}.vh-button:hover,.vh-file:hover{background:#ecf4f4}.vh-button.vh-primary{background:#216e67;border-color:#216e67;color:white!important}.vh-stats{display:flex;gap:28px;margin:28px 0 0;color:var(--vh-muted);font-size:.76rem}.vh-stats b{display:block;font-size:1.35rem;color:#234d59;margin-bottom:3px}.vh-workflow{background:#fff;border:1px solid #ccdee3;border-radius:17px;box-shadow:0 20px 50px #17334a09;transform:rotate(1deg);overflow:hidden}.vh-window{background:#f0f5f7;border-bottom:1px solid #dde8ec;display:flex;gap:5px;padding:15px 18px;align-items:center}.vh-window>span{height:7px;width:7px;border-radius:50%;background:#aec9d0}.vh-window small{margin-left:auto;color:#5e7783;font:10px ui-monospace,monospace}.vh-flow-step{display:flex;gap:15px;align-items:center;margin:0 22px;padding:21px 0;border-bottom:1px solid #edf1f3}.vh-flow-step>span{background:#edf4f5;border:1px solid #d7e6e7;padding:8px;border-radius:8px;font:11px ui-monospace,monospace;color:#557982}.vh-flow-step strong{display:block;font-size:1rem}.vh-flow-step small{font-size:.76rem;color:var(--vh-muted)}.vh-flow-step>b{margin-left:auto;color:#79a49c}.vh-flow-last{border:0}.vh-flow-last>span{background:#dff0e8;color:#276957}.vh-nav{position:sticky;top:74px;z-index:15;display:flex;gap:6px;flex-wrap:wrap;background:#f7fafbf5;border-bottom:1px solid var(--vh-line);padding:14px 0;backdrop-filter:blur(10px)}.vh-nav a{font-size:.82rem;font-weight:700;padding:8px 12px;border-radius:8px}.vh-nav a:hover{background:#e7f0f3}.vh-progress{display:flex;justify-content:space-between;gap:15px;color:var(--vh-muted);font-size:.75rem;padding:15px 0}.vh-section{padding:42px 0;border-bottom:1px solid var(--vh-line)}.vh-heading{margin-bottom:25px;max-width:760px}.vibe-hub h2{font-size:clamp(1.7rem,3vw,2.35rem);letter-spacing:-.035em;line-height:1.2;margin:10px 0 15px}.vh-heading>p{color:var(--vh-muted);margin:0}.vibe-hub h3{font-size:1.12rem;line-height:1.35;margin:12px 0}.vh-grid{display:grid;gap:17px}.vh-three{grid-template-columns:repeat(3,minmax(0,1fr))}.vh-two{grid-template-columns:repeat(2,minmax(0,1fr))}.vh-path,.vh-card,.vh-resource,.vh-challenge{background:white;border:1px solid var(--vh-line);border-radius:14px;padding:23px;min-width:0}.vh-path{display:flex;flex-direction:column}.vh-path p{color:var(--vh-muted);font-size:.9rem;flex:1}.vh-path.active{border-color:#67a89b;background:#f0f8f4}.vh-path-icon{width:38px;height:38px;border-radius:10px;background:#e9f2f4;color:#416c7c;font-weight:800;display:grid;place-items:center;font-size:.85rem}.vh-route{background:#eaf4ef;border:1px solid #cee2d7;border-radius:12px;margin-top:18px;padding:22px;display:grid;grid-template-columns:1.3fr 1fr;gap:30px}.vh-route ol{padding-left:20px;margin:8px 0}.vh-route a{font-size:.86rem;text-decoration:underline}.vh-route p{font-size:.85rem;margin:5px 0}.vh-route ul{padding-left:19px;margin:8px 0}.vh-lesson-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px;font-size:.83rem}.vh-lesson{background:white;border:1px solid var(--vh-line);border-radius:12px;margin:10px 0;overflow:hidden}.vh-lesson summary{display:flex;align-items:center;gap:16px;padding:18px 21px;font-weight:700;cursor:pointer;list-style:none}.vh-lesson summary::-webkit-details-marker{display:none}.vh-lesson summary:after{content:'+';margin-left:auto;font-size:1.25rem;color:#6b8793}.vh-lesson[open] summary:after{content:'−'}.vh-number{font:12px ui-monospace,monospace;color:#6b8793}.vh-lesson summary small{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#688391;margin-bottom:3px}.vh-lesson-mark{color:#28765c;font-size:.75rem}.vh-lesson-body{padding:0 24px 24px;max-width:900px;margin-left:30px}.vh-example,.vh-callout{background:#edf5f3;border-left:3px solid #6baf9a;padding:16px;border-radius:6px;margin:18px 0;font-size:.9rem}.vh-example p{margin:6px 0}.vh-quiz{border-top:1px solid var(--vh-line);padding-top:16px;margin-top:20px}.vh-quiz label{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--vh-line);border-radius:8px;margin:8px 0;font-size:.88rem;cursor:pointer}.vibe-hub input[type=checkbox],.vibe-hub input[type=radio]{accent-color:#267b6b;width:16px;height:16px;flex:none;margin:0 6px 0 0}.vh-feedback{font-size:.88rem;line-height:1.7;color:#2a6552;min-height:25px}.vh-planner-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.vibe-hub label{font-size:.84rem;font-weight:650}.vibe-hub textarea,.vibe-hub select,.vibe-hub input:not([type=checkbox]):not([type=radio]):not([type=file]){width:100%;background:white;color:#234458;border:1px solid #bdcfd9;border-radius:8px;font:inherit;padding:11px}.vibe-hub textarea{min-height:95px;resize:vertical}.vh-field{margin:15px 0}.vh-field label{display:block;margin-bottom:6px}.vh-field small{display:block;color:var(--vh-muted);font-size:.74rem;margin-bottom:6px}.vh-projects{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.vh-projects button{font-size:.74rem;padding:8px 10px;min-height:40px}.vh-stage-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.vh-stage-tabs button{font-size:.77rem;padding:8px 11px;min-height:40px}.vh-stage-tabs button.active{background:#226f67;color:white!important}.vh-output{font:12px/1.8 ui-monospace,SFMono-Regular,monospace;color:#e7f2f5;background:#163c48;border-radius:10px;padding:20px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:560px;overflow:auto;margin:14px 0}.vh-muted{font-size:.8rem;color:var(--vh-muted)}.vh-chip{font-size:.7rem;display:inline-block;border-radius:5px;background:#eaf3f4;color:#4b7380;padding:4px 8px;font-weight:700}.vh-challenge{display:flex;flex-direction:column}.vh-challenge>p{font-size:.9rem;color:var(--vh-muted)}.vh-choice{width:100%;text-align:left;padding:12px;border:1px solid #d1dfe4;border-radius:8px;background:#fff;color:#28485e;font-size:.84rem;margin:6px 0;min-height:44px}.vh-choice:hover{background:#edf6f2}.vh-choice.correct{border-color:#69a68a;background:#e9f5ee}.vh-choice.wrong{border-color:#c79d7b;background:#fff5ed}.vh-filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:14px;align-items:end;background:#eef4f6;padding:18px;border-radius:12px}.vh-filters label:not(.vh-favorite-filter){display:block;margin-bottom:5px}.vh-favorite-filter{display:flex;align-items:center;min-height:44px;grid-column:span 2}.vh-filters .vh-button{grid-column:span 2;justify-self:end}.vh-resource{display:flex;flex-direction:column;transition:none}.vh-resource h3 a{color:#22485c}.vh-resource p{font-size:.86rem;color:var(--vh-muted);flex:1;margin:0 0 20px}.vh-resource-top{display:flex;justify-content:space-between;align-items:center;gap:5px}.vh-tag{font-size:.67rem;background:#eff4f7;padding:4px 7px;border-radius:5px;color:#5c7783}.vh-star{border:1px solid #d6e1e5;background:#fff;color:#596d7b;width:40px;height:40px;border-radius:9px;font-size:1.25rem;flex:none}.vh-star[aria-pressed=true]{color:#8d691e;background:#fff5d9;border-color:#d9bc72}.vh-resource-link{font-size:.8rem;font-weight:750}.vibe-hub #vh-more{margin-top:18px}.vh-check{background:white;border:1px solid var(--vh-line);border-radius:12px;padding:18px}.vh-check label{display:flex;align-items:center;gap:8px}.vh-check p{font-size:.8rem;color:var(--vh-muted);margin:8px 0}.vh-check textarea{min-height:85px;font-size:.85rem}.vh-release-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:15px 0}.vh-faq{background:white;border:1px solid var(--vh-line);border-radius:11px;margin:0 0 12px;padding:17px}.vh-faq summary{font-weight:700;font-size:.9rem;cursor:pointer}.vh-faq p{font-size:.86rem;color:var(--vh-muted)}.vh-glossary dt{font-weight:750;font-size:.86rem;margin-top:12px}.vh-glossary dd{font-size:.83rem;color:var(--vh-muted);margin:3px 0 0}.vh-keep{padding:40px 0;display:grid;grid-template-columns:1.5fr 1fr;gap:45px;align-items:center}.vh-keep p{color:var(--vh-muted);font-size:.9rem}.vh-storage-panel{border-top:1px solid var(--vh-line);padding:22px 0;display:flex;gap:25px;justify-content:space-between;align-items:center;font-size:.8rem}.vh-storage-panel p{max-width:520px;color:var(--vh-muted)}.vh-storage-panel .vh-actions{margin:0}.vh-file{position:relative;overflow:hidden;margin:0}.vh-file input{position:absolute;inset:0;opacity:0;cursor:pointer}.vh-file:focus-within{outline:3px solid #ad601b;outline-offset:3px}.vh-references{padding:12px 0 25px;margin:0}.vh-references a{text-decoration:underline}#vh-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#1c4a47;color:white;padding:12px 22px;border-radius:10px;max-width:90%;z-index:50;font-size:.85rem}#vh-toast:empty{display:none}@media(max-width:1000px){.vh-hero-grid{gap:30px}.vh-three{grid-template-columns:repeat(2,minmax(0,1fr))}.vh-nav{position:static}.vibe-hub section[id],.vibe-hub details[id]{scroll-margin-top:90px}.vh-filters{grid-template-columns:1fr 1fr}.vh-favorite-filter,.vh-filters .vh-button{grid-column:auto}.vh-storage-panel{display:block}}@media(max-width:720px){.vh-hero{padding-top:35px}.vh-hero-grid,.vh-planner-layout,.vh-two,.vh-route,.vh-keep{grid-template-columns:1fr}.vh-workflow{transform:none}.vh-progress,.vh-lesson-toolbar,.vh-release-head{flex-wrap:wrap}.vh-keep{gap:20px}.vh-section{padding:32px 0}.vh-lesson-body{margin-left:0;padding:0 18px 20px}.vh-lesson summary{padding:16px;gap:10px}.vh-stats{gap:25px}}@media(max-width:460px){.vh-three{grid-template-columns:1fr}.vh-filters{grid-template-columns:1fr}.vh-filters .vh-button{justify-self:start}.vh-path,.vh-card,.vh-resource,.vh-challenge{padding:19px}.vh-nav{gap:2px}.vh-nav a{font-size:.75rem;padding:7px 9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vibe-hub *{scroll-behavior:auto!important;transition:none!important}}