:root{--bg:#f1f3f4;--card:#ffffff;--ink:#202124;--muted:#5f6368;--line:#dadce0;--brand:#4f7dc9;--brand-dark:#3b5fa0;--danger:#d93025;--ok:#1e8e3e;--shadow:0 1px 2px rgba(60,64,67,0.15),0 2px 6px rgba(60,64,67,0.1);--radius:12px;--portal-ink:#080c43;--portal-hero:#070a40;--portal-blue:#4148f2;--portal-orange:#baff91;--portal-lime:#baff91;--portal-pink:#7182ff;--portal-cream:#f5f7ff;--portal-section:#0d1458;--portal-cyan:#7182ff}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font-family:Roboto,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}h1,h2{font-family:Google Sans,Roboto,sans-serif;font-weight:500;margin:0}code{font-family:Roboto Mono,monospace;background:rgba(0,0,0,.06);padding:1px 5px;border-radius:4px;font-size:.85em}a{color:var(--brand)}.topbar{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;padding:22px 24px;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:16px;max-width:1100px;margin:0 auto}.brand .logo{font-size:40px}.brand h1{font-size:22px}.brand p{margin:2px 0 0;opacity:.9;font-size:13px}.brand code{background:rgba(255,255,255,.2);color:#fff}.usermenu{margin-left:auto;display:flex;align-items:center;gap:12px}.usermenu .who{text-align:right;font-size:13px;line-height:1.2}.usermenu .who .name{font-weight:500}.usermenu .who .email{opacity:.85;font-size:12px}.usermenu img.avatar{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.5)}.usermenu .signout{background:rgba(255,255,255,.15);color:#fff}.usermenu .signout:hover{background:rgba(255,255,255,.28)}.portal-nav-link{display:inline-flex;align-items:center;gap:5px;padding:8px 11px;border:1px solid rgba(255,255,255,.35);border-radius:7px;color:#fff!important;font-size:12px;text-decoration:none}.portal-nav-link:hover{background:rgba(255,255,255,.15)}.portal-nav-link .material-icons{font-size:16px}main{max-width:1100px;margin:0 auto;padding:24px;display:grid;grid-gap:24px;gap:24px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}h2{font-size:17px;display:flex;align-items:center;gap:8px}h2 .material-icons{color:var(--brand)}.hint{color:var(--muted);font-size:13px;margin:8px 0 14px}.row{display:flex;gap:10px}input[type=search],input[type=text]{flex:1 1;padding:11px 14px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(79,125,201,.15)}button{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:500;font-family:Google Sans,Roboto,sans-serif;cursor:pointer;background:var(--brand);color:#fff;transition:background .15s,opacity .15s;white-space:nowrap}button:hover{background:var(--brand-dark)}button:disabled{opacity:.6;cursor:default}button .material-icons{font-size:18px}button.outline{background:transparent;color:var(--brand);border:1px solid var(--line)}button.outline:hover{background:rgba(79,125,201,.08)}button.danger{background:transparent;color:var(--danger);border:1px solid var(--line)}button.danger:hover{background:rgba(217,48,37,.08)}.status{margin-top:14px;padding:11px 14px;border-radius:8px;font-size:13px;display:flex;align-items:center;gap:8px}.status.working{background:#e8f0fe;color:var(--brand-dark)}.status.error{background:#fce8e6;color:var(--danger)}.status.success{background:#e6f4ea;color:var(--ok)}.spinner{width:15px;height:15px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.library-head{justify-content:space-between;margin-bottom:16px;gap:12px}.library-actions,.library-head{display:flex;align-items:center}.library-actions{gap:8px}.library-actions input{width:220px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px}.codelab{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column;gap:10px;border-top:4px solid var(--brand)}.codelab h3{margin:0;font-family:Google Sans,sans-serif;font-size:16px;font-weight:500}.codelab .summary{color:var(--muted);font-size:13px;margin:0;flex:1 1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.meta-chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:11px;color:var(--muted);background:rgba(0,0,0,.05);border-radius:20px;padding:3px 10px;display:inline-flex;align-items:center;gap:4px}.chip .material-icons{font-size:13px}.codelab .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:4px}.codelab .actions a,.codelab .actions button{width:100%;min-width:0;justify-content:center;padding:8px 10px;font-size:13px}.codelab .actions a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;border-radius:8px;font-weight:500;font-family:Google Sans,Roboto,sans-serif;background:var(--brand);color:#fff}.codelab .actions a:hover{background:var(--brand-dark)}.codelab .actions a.google-doc-link{background:transparent;color:var(--brand);border:1px solid var(--line)}.codelab .actions a.google-doc-link:hover{background:rgba(79,125,201,.08)}.empty{text-align:center;color:var(--muted);padding:50px 0}.empty .material-icons{font-size:48px;opacity:.5}.portal-settings{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:auto;padding:11px 0 2px;border-top:1px solid #edf0f2}.portal-toggle{position:relative;display:inline-flex;align-items:center;gap:8px;color:#46515b;font-size:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.portal-toggle input{position:absolute;width:1px;height:1px;opacity:0}.portal-toggle-box{width:18px;height:18px;flex:0 0 auto;border:1.5px solid #aab4bc;border-radius:5px;background:#fff;transition:background .15s,border-color .15s,box-shadow .15s}.portal-toggle input:checked+.portal-toggle-box{border-color:var(--portal-blue);background:var(--portal-blue);box-shadow:inset 0 0 0 3px #fff}.portal-toggle input:focus-visible+.portal-toggle-box{box-shadow:0 0 0 3px rgba(61,60,242,.18)}.portal-order input:disabled,.portal-toggle input:disabled+.portal-toggle-box{opacity:.55}.portal-order{display:inline-flex;align-items:center;gap:7px;color:#69747d;font-size:11px;white-space:nowrap}.portal-order input{width:58px;padding:6px 7px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:#fff;font:inherit;font-size:12px;outline:none}.portal-order input:focus{border-color:var(--portal-blue);box-shadow:0 0 0 3px rgba(61,60,242,.12)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#323232;color:#fff;padding:12px 20px;border-radius:8px;font-size:14px;box-shadow:var(--shadow);z-index:100;max-width:90vw}.toast.error{background:var(--danger)}.toast.success{background:var(--ok)}.signin-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand),var(--brand-dark));padding:24px}.signin-card{background:var(--card);border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.3);padding:40px;max-width:400px;width:100%;text-align:center}.signin-card .logo{font-size:56px;color:var(--brand)}.signin-card h1{font-size:24px;margin:12px 0 6px}.signin-card p{color:var(--muted);font-size:14px;margin:0 0 24px}.google-btn{width:100%;justify-content:center;background:#fff;color:#3c4043;border:1px solid var(--line);font-size:15px;padding:12px}.google-btn:hover{background:#f8f9fa}.google-btn img{width:18px;height:18px}.signin-error{background:#fce8e6;color:var(--danger);border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:18px}.portal-page{min-height:100vh;overflow:hidden;color:var(--portal-ink);background:var(--portal-section);font-family:Lato,Arial,sans-serif}.portal-page a{color:inherit;text-decoration:none}.portal-nav{position:absolute;top:0;right:0;left:0;z-index:2;display:flex;align-items:center;justify-content:space-between;max-width:1370px;margin:0 auto;padding:16px 32px;background:transparent}.portal-wordmark{display:inline-flex;align-items:center;gap:10px;color:var(--portal-cream)!important;font-size:12px;font-weight:700;letter-spacing:.13em}.portal-wordmark b{font-weight:400}.portal-wordmark-logo{display:block;width:34px;height:34px;object-fit:contain}main.portal-main{display:block;max-width:none;margin:0;padding:0}.portal-hero{position:relative;display:grid;min-height:690px;padding:150px 32px 115px;place-items:center;overflow:hidden;color:var(--portal-cream);background:linear-gradient(135deg,#070a40,#171d76 56%,#070a40 0,#070a40);text-align:center}.portal-hero-copy{position:relative;z-index:1;max-width:920px;margin:0 auto}.portal-eyebrow,.portal-section-label{margin:0;color:var(--portal-lime);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.portal-hero h1{margin:22px 0 26px;color:var(--portal-cream);font-size:clamp(58px,8vw,108px);font-weight:400;letter-spacing:-.065em;line-height:.94}.portal-hero h1 em,.portal-section-heading h2 em{color:var(--portal-orange);font-style:normal}.portal-intro{max-width:620px;margin:0 auto;color:rgba(251,249,245,.82);font-size:17px;line-height:1.65}.portal-hero-note{display:inline-flex;align-items:center;gap:9px;margin-top:34px;padding:10px 14px;color:var(--portal-lime);border:1px solid rgba(186,255,145,.55);border-radius:2px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.portal-note-dot{width:7px;height:7px;border-radius:50%;background:var(--portal-orange);box-shadow:0 0 0 4px rgba(186,255,145,.16)}.portal-hero-grid{position:absolute;inset:0;opacity:.72;pointer-events:none}.portal-hero-grid:before{position:absolute;inset:-20%;content:"";background-image:linear-gradient(rgba(251,249,245,.06) 1px,transparent 0),linear-gradient(90deg,rgba(251,249,245,.06) 1px,transparent 0);background-size:64px 64px;transform:rotate(-8deg)}.portal-hero-grid:after{position:absolute;top:19%;left:50%;width:260px;height:360px;content:"";border:2px solid rgba(65,72,242,.85);border-radius:48% 48% 22% 22%;transform:translateX(-50%) rotate(9deg)}.portal-hero-grid-line{position:absolute;display:block;width:250px;height:250px;border:1px solid rgba(186,255,145,.66);border-radius:50%}.portal-hero-grid-line-one{top:-130px;left:7%}.portal-hero-grid-line-two{right:8%;bottom:-160px;border-color:rgba(186,255,145,.7)}.portal-hero-spark{position:absolute;top:25%;right:17%;color:var(--portal-orange);font-size:43px}.portal-hero-orb{position:absolute;bottom:18%;left:16%;width:18px;height:18px;border-radius:50%;background:var(--portal-cyan);box-shadow:0 0 0 8px rgba(113,130,255,.18)}.portal-library{max-width:none;margin:0;padding:120px 32px 132px;background:var(--portal-section)}.portal-section-heading{display:flex;align-items:flex-end;justify-content:space-between;max-width:1200px;gap:48px;margin:0 auto 50px}.portal-section-heading h2{margin:15px 0 0;color:var(--portal-cream);font-size:clamp(42px,5vw,68px);font-weight:400;letter-spacing:-.065em;line-height:.94}.portal-section-description{max-width:370px;margin:0 0 3px;color:rgba(245,247,255,.78);font-size:15px;line-height:1.65}.portal-sections{max-width:1200px;margin:0 auto}.portal-part+.portal-part{margin-top:76px}.portal-part-title{margin:0 0 22px;color:var(--portal-cream);font-size:clamp(28px,3vw,40px);font-weight:400;letter-spacing:-.05em;line-height:1}.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:24px;gap:24px}.portal-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;background:var(--portal-cream);border:1px solid rgba(245,247,255,.2);border-radius:2px;box-shadow:5px 5px 0 rgba(4,7,44,.3);transition:transform .2s,box-shadow .2s}.portal-card:hover{transform:translate(-2px,-4px);box-shadow:8px 9px 0 rgba(4,7,44,.42)}.portal-card-art{position:relative;height:190px;overflow:hidden;border-bottom:1px solid rgba(5,8,59,.18)}.portal-card-art-0{background:var(--portal-orange)}.portal-card-art-1{background:var(--portal-blue)}.portal-card-art-2{background:var(--portal-lime)}.portal-card-art-3{background:var(--portal-cyan)}.portal-card-art-label{position:absolute;top:21px;left:23px;color:var(--portal-ink);font-size:10px;font-weight:700;letter-spacing:.15em}.portal-card-art-shape{position:absolute;display:block;border:2px solid var(--portal-ink);opacity:.92}.portal-card-art-shape-one{right:-25px;bottom:-55px;width:208px;height:208px;border-radius:50%}.portal-card-art-shape-two{right:76px;bottom:27px;width:78px;height:78px;border-radius:2px;background:var(--portal-lime);border-color:transparent;transform:rotate(22deg)}.portal-card-art-1 .portal-card-art-shape-one{right:25px;bottom:-75px;border-color:var(--portal-cream)}.portal-card-art-1 .portal-card-art-shape-two{right:110px;bottom:45px;background:var(--portal-orange);transform:rotate(45deg)}.portal-card-art-2 .portal-card-art-shape-one{right:-35px;bottom:-72px;border-color:var(--portal-blue)}.portal-card-art-2 .portal-card-art-shape-two{right:95px;bottom:33px;background:var(--portal-pink);border-radius:50%;transform:none}.portal-card-art-3 .portal-card-art-shape-one{right:15px;bottom:-85px;border-color:var(--portal-orange)}.portal-card-art-3 .portal-card-art-shape-two{right:120px;bottom:30px;background:var(--portal-pink);border-radius:50%;transform:none}.portal-card-art-symbol{position:absolute;right:28px;top:28px;color:var(--portal-ink);font-size:43px;font-weight:400}.portal-card-body{display:flex;flex:1 1;flex-direction:column;padding:26px 25px 24px}.portal-card-kicker{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--portal-blue);font-size:10px;font-weight:700;letter-spacing:.12em}.portal-card-kicker span:last-child{color:var(--portal-ink);letter-spacing:.04em}.portal-card h3{min-height:2.2em;margin:17px 0 11px;color:var(--portal-ink);font-size:25px;font-weight:400;letter-spacing:-.045em;line-height:1.08}.portal-card-summary{display:-webkit-box;min-height:70px;margin:0;overflow:hidden;color:rgba(8,12,67,.78);font-size:14px;line-height:1.58;-webkit-box-orient:vertical;-webkit-line-clamp:3}.portal-card-footer{display:flex;flex-direction:column;gap:18px;margin-top:26px}.portal-card-tags{display:flex;flex-wrap:wrap;gap:6px}.portal-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.portal-card-tags span{padding:6px 9px;color:var(--portal-ink);background:var(--portal-lime);border-radius:2px;font-size:10px;font-weight:700}.portal-card-doc-link,.portal-card-link{display:inline-flex;align-items:center;flex:0 0 auto;gap:8px;font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.portal-card-link{color:var(--portal-blue)!important}.portal-card-doc-link{padding:7px 10px;color:var(--portal-ink)!important;border:1px solid rgba(5,8,59,.3);border-radius:2px}.portal-card-doc-link:hover{background:var(--portal-lime)}.portal-card-doc-link .material-icons{color:var(--portal-blue);font-size:16px}.portal-card-link:hover .portal-card-arrow{transform:translate(2px,-2px)}.portal-card-arrow{display:inline-grid;place-items:center;width:27px;height:27px;color:var(--portal-cream);background:var(--portal-blue);border-radius:50%;font-size:16px;transition:transform .2s}.portal-empty{max-width:1200px;margin:0 auto;padding:80px 24px;color:rgba(8,12,67,.78);background:var(--portal-cream);border:1px solid rgba(245,247,255,.2);border-radius:2px;text-align:center}.portal-empty-mark{display:block;margin-bottom:14px;color:var(--portal-pink);font-size:36px}.portal-empty h3{margin:0 0 6px;color:var(--portal-ink);font-size:23px;font-weight:400}.portal-empty p{margin:0;font-size:14px}.portal-footer{display:flex;align-items:center;justify-content:space-between;max-width:none;margin:0;padding:42px max(32px,calc((100vw - 1200px) / 2)) 50px;color:rgba(251,249,245,.7);background:var(--portal-ink);font-size:11px}.portal-footer-brand{display:inline-flex;align-items:center;gap:9px;color:var(--portal-cream);font-size:10px;font-weight:700;letter-spacing:.13em}.portal-footer-logo{position:relative;display:block;width:104px;height:34px}.portal-footer-logo img{position:absolute;top:-34px;left:0;display:block;width:104px;height:104px;max-width:none}.portal-footer-actions{display:flex;flex-wrap:wrap;gap:10px}.portal-admin-link{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;color:var(--portal-ink)!important;background:var(--portal-lime);border:1px solid var(--portal-lime);border-radius:2px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background .2s,border-color .2s,transform .2s}.portal-admin-link:hover{background:var(--portal-orange);border-color:var(--portal-orange);transform:translateY(-2px)}.portal-admin-link span{font-size:16px;line-height:1}@media (max-width:980px){.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.row{flex-direction:column}.library-actions input{width:140px}.usermenu .who{display:none}.portal-nav{padding:17px 22px}.portal-hero{min-height:620px;padding:132px 22px 88px}.portal-hero h1{font-size:clamp(49px,14vw,72px)}.portal-intro{font-size:15px}.portal-hero-spark{right:9%}.portal-hero-orb{left:8%}.portal-library{padding:72px 22px 80px}.portal-section-heading{display:block;margin-bottom:31px}.portal-section-description{margin-top:22px}.portal-grid{grid-template-columns:1fr}.portal-part+.portal-part{margin-top:54px}.portal-footer{align-items:flex-start;flex-direction:column;gap:15px;padding:25px 22px 30px}.portal-card-actions{align-items:stretch;flex-direction:column}.portal-card-doc-link,.portal-card-link{justify-content:center}}@media (max-width:460px){.portal-settings{align-items:flex-start;flex-direction:column}.portal-wordmark{font-size:10px}}