@import "https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=ZCOOL+QingKe+HuangYou&display=swap";:root{--brand-orange:#f8ab05;--brand-orange-hover:#d89000;--brand-text-gray:#1e2a2e;--brand-light-gray:#747e8b;--brand-gray:#f0f0f0;--brand-dark-gray:#38434a;--brand-dark:#333;--brand-border:#e2e8ec;--brand-primary-light:#fff4d6;--radius:10px;--shadow-md:0 10px 30px -10px #1e2a2e1f, 0 4px 10px -4px #f8ab0526;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--page-pad:clamp(16px, 4vw, 28px);--card-pad:clamp(16px, 3.2vw, 24px);--card-radius:clamp(14px, 2vw, 16px);--tap:44px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{height:100%;min-height:100%}body{color:var(--brand-text-gray);overflow-wrap:break-word;-webkit-tap-highlight-color:#f8ab052e;background:#fff;margin:0;font-family:Rubik,Inter,system-ui,sans-serif;line-height:1.5}button,input,textarea,select{font-family:DM Sans,Rubik,system-ui,sans-serif;font-size:1rem}a{color:inherit;text-decoration:none}img,video,svg{max-width:100%}img{height:auto}code{overflow-wrap:anywhere;background:var(--brand-gray);border-radius:6px;padding:1px 6px;font-size:.92em}pre{max-width:100%;overflow-x:auto}h1{margin:0 0 var(--space-3);letter-spacing:-.01em;font-size:clamp(1.5rem,1.1rem + 1.6vw,2rem);line-height:1.2}h2{margin:0 0 var(--space-3);font-size:clamp(1.2rem,1rem + .8vw,1.5rem);line-height:1.25}h3{margin:0 0 var(--space-2);font-size:clamp(1.05rem,.95rem + .4vw,1.17rem);line-height:1.3}p{margin:0 0 var(--space-3)}.app-shell{background:linear-gradient(#fff 0%,#f8fafb 100%);flex-direction:column;min-height:100dvh;display:flex}.topnav{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-5);padding:14px max(var(--page-pad), env(safe-area-inset-left)) 14px max(var(--page-pad), env(safe-area-inset-right));padding-top:max(14px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--brand-border);background:#ffffffe0;flex-shrink:0;display:flex;position:sticky;top:0}.topnav-tools{align-items:center;gap:var(--space-3);min-width:0;display:flex}.account-pill{color:#1b6b2c;background:#eaf7ee;border:1px solid #b7e0c1;border-radius:999px;align-items:center;gap:8px;min-width:0;max-width:260px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.account-pill>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-dot{background:#2f9e44;border-radius:50%;flex-shrink:0;width:8px;height:8px}.workspace-select{text-overflow:ellipsis;width:auto;min-width:0;max-width:260px}.logo{flex-shrink:0;align-items:center;gap:10px;font-weight:700;display:flex}.logo-mark{background:var(--brand-orange);width:34px;height:34px;color:var(--brand-text-gray);border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;display:grid}.nav-links{color:var(--brand-light-gray);gap:18px;display:flex}.nav-links a{cursor:pointer;white-space:nowrap;border-bottom:3px solid #0000;align-items:center;gap:6px;padding:4px 0;transition:color .15s;display:inline-flex}.nav-links a:hover{color:var(--brand-text-gray)}.nav-links a.active{color:var(--brand-text-gray);border-bottom-color:var(--brand-orange);font-weight:700}.main{width:100%;max-width:1280px;padding:clamp(16px, 3vw, 28px) max(var(--page-pad), env(safe-area-inset-left));flex:1 0 auto;min-width:0;margin:0 auto}.card{border:1px solid var(--brand-border);border-radius:var(--card-radius);box-shadow:var(--shadow-md);overflow-wrap:anywhere;background:#fff;min-width:0;max-width:100%}.card-pad{padding:var(--card-pad)}button.card{font:inherit;color:inherit;cursor:pointer;text-align:left;width:100%;transition:border-color .15s,transform .15s}button.card:hover{border-color:var(--brand-orange)}button.card:active{transform:scale(.99)}.card-narrow{width:100%;max-width:460px}.card-medium{width:100%;max-width:520px}.card-wide{width:100%;max-width:720px}.btn{text-align:center;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;max-width:100%;min-height:40px;padding:10px 18px;font-weight:700;line-height:1.25;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible,.input:focus-visible,.nav-links a:focus-visible{outline-offset:2px;outline:3px solid #f8ab058c}.btn-primary{background:var(--brand-orange);color:var(--brand-text-gray)}.btn-primary:hover:not(:disabled){background:var(--brand-orange-hover)}.btn-ghost{border:1px solid var(--brand-border);color:var(--brand-text-gray);background:#fff}.btn-ghost:hover:not(:disabled){border-color:var(--brand-orange);background:#fffaf0}.btn-block{width:100%}.btn-row,.card-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.btn-row{margin-top:var(--space-4)}.input{border:1px solid var(--brand-border);border-radius:var(--radius);width:100%;min-width:0;min-height:42px;color:inherit;background:#fff;padding:10px 12px}.input:focus{border-color:var(--brand-orange);outline:none;box-shadow:0 0 0 3px #f8ab0538}.field+.field,.input+.input{margin-top:var(--space-3)}.check-row{margin-top:var(--space-3);align-items:flex-start;gap:10px;max-width:560px;display:flex}.check-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-orange);flex:none;margin:2px 0 0}.choice-row{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;max-width:560px;display:flex}.choice-row>*{padding:var(--space-4);flex:200px}.seg-row{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.seg-row .btn{flex:auto}.form-narrow{width:100%;max-width:420px}.form-wide{max-width:560px}.grid{gap:clamp(12px,2vw,18px);display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.muted{color:var(--brand-light-gray)}.notice{background:var(--brand-primary-light);overflow-wrap:anywhere;border:1px solid #f6d47b;border-radius:12px;padding:12px 14px}.notice .btn{margin-top:var(--space-2)}.hero{border:1px solid var(--brand-border);background:linear-gradient(135deg,#fff7df,#fff);border-radius:clamp(18px,3vw,30px);min-width:0;padding:clamp(20px,5vw,56px)}.hero h1{margin:0 0 var(--space-4);overflow-wrap:anywhere;font-size:clamp(2rem,1.2rem + 4.2vw,4.5rem);line-height:.98}.hero>p{max-width:62ch;font-size:clamp(.95rem,.9rem + .25vw,1.05rem)}.kicker{color:var(--brand-orange-hover);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-2);overflow-wrap:anywhere;font-size:clamp(.75rem,.7rem + .2vw,.875rem);font-weight:800}.library-toolbar{margin:var(--space-5) 0}.guide-card{padding:0;display:flex;container-type:inline-size}.guide-card-inner{padding:var(--card-pad);flex-direction:column;flex:1;width:100%;min-width:0;display:flex}.guide-card h3{-webkit-line-clamp:2;line-clamp:2;margin-bottom:var(--space-2);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.guide-card .meta{margin:0;font-size:.9rem}.guide-card .card-actions{padding-top:var(--space-4);align-items:center;margin-top:auto}.card-actions .btn{flex:0 auto;min-width:0}.card-actions .btn-danger:hover:not(:disabled){color:#c92a2a;background:#fff5f5;border-color:#e03131}.guide-card .card-actions .btn{flex:0 auto}.guide-card .card-actions .btn-primary{flex:none}@container (width<=440px){.guide-card .card-actions .btn{flex:1 1 0;padding-inline:12px}.guide-card .card-actions .btn-edit{flex:100%;order:1}}@media (width>=801px){.guide-card .card-actions{justify-content:flex-start;gap:var(--space-2);flex-wrap:wrap}.guide-card .card-actions .btn{flex:0 auto;padding-inline:14px}.guide-card .card-actions .btn-edit{flex:0 auto;order:0;max-width:100%}}.editor{grid-template-columns:minmax(220px,320px) minmax(0,1fr);align-items:start;gap:clamp(14px,2vw,20px);display:grid}.editor>section{min-width:0}.sidebar{background:var(--brand-gray);border-radius:var(--card-radius);overflow-wrap:anywhere;min-width:0;max-height:calc(100dvh - 104px);padding:14px;position:sticky;top:84px;overflow-y:auto}.sidebar h3{margin-top:var(--space-4)}.sidebar p{margin-bottom:var(--space-2);font-size:.94rem}.sidebar .btn-primary{margin-top:var(--space-3);display:flex}.step-card{margin-bottom:14px;padding:clamp(14px,3vw,18px)}.step-url{font-size:13px}.step-url a{overflow-wrap:anywhere;word-break:break-word;-webkit-text-decoration:underline #747e8b66;text-decoration:underline #747e8b66}.step-img{border:1px solid var(--brand-border);border-radius:12px;width:100%;max-width:100%;height:auto;margin-top:10px;display:block}.guide-head .card-actions{margin-top:var(--space-3)}.footer{padding:clamp(22px, 4vw, 34px) max(var(--page-pad), env(safe-area-inset-left));padding-bottom:max(clamp(22px, 4vw, 34px), env(safe-area-inset-bottom));background:var(--brand-orange);color:var(--brand-text-gray);overflow-wrap:anywhere;flex-shrink:0;margin-top:auto;font-weight:600;line-height:1.8}.footer a{text-underline-offset:3px;text-decoration:underline}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--brand-border);overflow-wrap:anywhere;vertical-align:middle;padding:12px}.table td.table-actions>.btn{margin:2px 4px 2px 0}@media (width<=1024px){.topnav{gap:var(--space-4)}.topnav-tools{gap:var(--space-2)}.account-pill{max-width:200px}}@media (width<=800px){.topnav{row-gap:var(--space-3);padding-top:max(10px, env(safe-area-inset-top));flex-wrap:wrap;padding-bottom:10px;position:static}.logo{order:1;margin-right:auto}.topnav>.btn{order:2}.nav-links{background:var(--brand-gray);scrollbar-width:none;border-radius:999px;order:3;gap:6px;width:100%;padding:4px;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links a{border-bottom:0;border-radius:999px;flex:1 1 0;justify-content:center;min-height:38px;padding:6px 12px;font-size:.94rem}.nav-links a.active{background:#fff;box-shadow:0 1px 4px #1e2a2e24}.topnav-tools{order:4;width:100%}.workspace-select{flex:1 1 0;max-width:none}.account-pill{flex:0 auto;max-width:46%}.editor{grid-template-columns:minmax(0,1fr)}.sidebar{background:0 0;max-height:none;padding:0;position:static;overflow:visible}.sidebar h3,.sidebar .steps-list,.sidebar .btn-primary{display:none}.library-toolbar{margin:var(--space-4) 0}}@media (width<=640px){.table--stack,.table--stack tbody,.table--stack tr,.table--stack td{width:100%;display:block}.table--stack tr{padding:var(--space-3) 0;border-bottom:1px solid var(--brand-border)}.table--stack tr:last-child{border-bottom:0}.table--stack td{border:0;padding:2px 0}.table--stack td:not(:first-child):not(.table-actions){width:auto;max-width:100%;margin-right:var(--space-3);color:var(--brand-light-gray);font-size:.9rem;display:inline-block}.table--stack td.table-actions{padding-top:var(--space-2)}.btn-row .btn,.hero>.btn{flex:100%}.check-row{font-size:.95rem}}@media (width<=480px){.topnav .btn{padding-inline:12px}.topnav .btn-label{display:none}.account-pill{flex:100%;order:-1;max-width:100%}.topnav-tools{flex-wrap:wrap}.hero>.btn{width:100%}}@media (width<=800px),(pointer:coarse){.btn{min-height:var(--tap);padding-inline:20px}.input{min-height:var(--tap);font-size:16px}select.input{padding-right:8px}.check-row input[type=checkbox]{width:22px;height:22px}}.activity-page{gap:var(--space-4);display:grid}.hero--compact{padding:clamp(18px,3vw,32px)}.hero--compact h1{margin-bottom:var(--space-2);font-size:clamp(1.6rem,1.2rem + 2vw,2.4rem)}.activity-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.activity-item{align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--card-pad);display:flex}.activity-icon{background:var(--brand-primary-light);width:38px;height:38px;color:var(--brand-orange-hover);border-radius:50%;flex:none;place-items:center;display:grid}.activity-body{flex:1;min-width:0}.activity-text{overflow-wrap:anywhere;margin:0}.activity-meta{margin:2px 0 0;font-size:.85rem}.link-btn{font:inherit;color:var(--brand-orange-hover);cursor:pointer;text-align:left;text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.link-btn:hover{color:var(--brand-text-gray)}.activity-state{text-align:center}.activity-empty{width:100%;max-width:560px;margin:var(--space-4) auto;flex-direction:column;align-items:center;padding-block:clamp(28px,6vw,56px);display:flex}.activity-empty-icon{background:var(--brand-primary-light);width:64px;height:64px;color:var(--brand-orange-hover);margin-bottom:var(--space-3);border-radius:50%;place-items:center;display:grid}.activity-empty p{max-width:44ch;margin:0 0 var(--space-2)}.activity-empty-actions{justify-content:center}@media (prefers-reduced-motion:reduce){*{transition:none!important}}