.tone-amber{--tone:#f59e0b;--tone-soft:#fff6e0;--tone-ink:#92580a}.tone-teal{--tone:#0d9488;--tone-soft:#e0f5f2;--tone-ink:#0b6b62}.tone-blue{--tone:#1d5fd6;--tone-soft:#e8f0fe;--tone-ink:#1a4fae}.tone-violet{--tone:#7c3aed;--tone-soft:#f1ebff;--tone-ink:#5b2bb5}.tone-pink{--tone:#db2777;--tone-soft:#fde9f3;--tone-ink:#a01d58}.tone-orange{--tone:#ea580c;--tone-soft:#fff0e6;--tone-ink:#b2430a}.tone-sky{--tone:#0284c7;--tone-soft:#e3f3fc;--tone-ink:#0369a1}.tone-green{--tone:#16a34a;--tone-soft:#e5f7eb;--tone-ink:#12773a}.tone-indigo{--tone:#4f46e5;--tone-soft:#ecebfe;--tone-ink:#3b33b8}.tone-slate{--tone:#64748b;--tone-soft:#eef2f7;--tone-ink:#475569}.cc{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.cc:not(.preview):hover{border-color:#c9d6ea;transform:translateY(-3px);box-shadow:0 14px 32px #12203a1a}.cc a{color:inherit;text-decoration:none}.cc-cover,.cc-art{aspect-ratio:16/10;position:relative;overflow:hidden}.cc-cover img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.cc:hover .cc-cover img{transform:scale(1.04)}.cc-art{background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--tone) 18%, transparent), transparent 60%), var(--tone-soft);place-items:center;display:grid}.cc-art-block{background:color-mix(in srgb, var(--tone) 22%, white);opacity:.9;border-radius:6px;height:18px;position:absolute}.cc-art-block:before{content:"";background:inherit;border-radius:3px 3px 0 0;width:16px;height:6px;position:absolute;top:-5px;left:14px}.cc-art-block.one{width:38%;top:18%;left:10%}.cc-art-block.two{background:color-mix(in srgb, var(--tone) 34%, white);width:30%;top:36%;left:16%}.cc-art-block.three{width:34%;bottom:18%;right:9%}.cc-art-icon{color:#fff;background:var(--tone);width:72px;height:72px;box-shadow:0 12px 26px color-mix(in srgb, var(--tone) 40%, transparent);border-radius:22px;place-items:center;transition:transform .25s;display:grid;position:relative}.cc:hover .cc-art-icon{transform:rotate(-6deg)scale(1.06)}.cc-art-board{color:var(--ink);letter-spacing:.02em;background:#ffffffeb;border-radius:999px;padding:4px 9px;font-size:11.5px;font-weight:800;position:absolute;bottom:12px;left:12px;box-shadow:0 2px 6px #12203a1f}.cc-body{flex-direction:column;flex:1;gap:8px;padding:14px 16px;display:flex}.cc-kicker{flex-wrap:wrap;gap:6px;min-height:22px;display:flex}.cc-topic,.cc-level{border-radius:999px;align-items:center;height:22px;padding:0 9px;font-size:11.5px;font-weight:750;display:inline-flex}.cc-topic{background:var(--tone-soft);color:var(--tone-ink)}.cc-level{background:var(--canvas,#f4f7fb);color:var(--muted)}.cc-title{letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:16.5px;line-height:1.3}.cc-title a:hover{color:var(--accent)}.cc-desc{color:var(--muted);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.cc-chips{flex-wrap:wrap;gap:5px;display:flex}.cc-chip{border:1px solid var(--border);background:var(--surface);max-width:100%;color:var(--muted);font:inherit;white-space:nowrap;text-overflow:ellipsis;border-radius:7px;padding:3px 8px;font-size:11.5px;font-weight:650;overflow:hidden}.cc-chip.tag{background:var(--soft);color:var(--accent-text,#1a4fae);border-color:#0000}button.cc-chip{cursor:pointer}button.cc-chip:hover{border-color:var(--accent);color:var(--accent)}.cc-foot{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:12px;margin-top:auto;padding-top:10px;font-size:12.5px;display:flex}.cc-maker{min-width:0;color:var(--ink);flex:1;align-items:center;gap:7px;font-weight:650;display:flex}.cc-maker span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cc-maker .maker-avatar{border-radius:50%;flex:none}.cc-stat{align-items:center;gap:4px;font-weight:650;display:inline-flex}.cc-skeleton{background:linear-gradient(90deg, transparent, #fff9, transparent) -200px 0 / 200px 100% no-repeat, linear-gradient(var(--canvas,#eef2f7) 0 0) 0 0 / 100% 56% no-repeat, var(--surface);min-height:330px;animation:1.2s linear infinite cc-shimmer}@keyframes cc-shimmer{to{background-position:calc(100% + 200px) 0,0 0}}.cm-hero{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:center;gap:28px;margin:8px 0 26px;display:grid}.cm-eyebrow{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:7px;margin:0 0 10px;font-size:13px;font-weight:800;display:inline-flex}.cm-hero h1{letter-spacing:-.025em;margin:0;font-size:clamp(30px,4.4vw,46px);line-height:1.08}.cm-hero-copy>p:last-child{max-width:560px;color:var(--muted);margin:12px 0 0;font-size:17px;line-height:1.6}.cm-hero-card{background:linear-gradient(160deg,#fff6ee,#fff 70%);border:1px solid #f6d3bb;border-radius:18px;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;display:flex}.cm-hero-card b{font-size:16px}.cm-hero-card p{color:var(--muted);margin:0 0 4px;font-size:14px;line-height:1.55}.cm-kbd{border:1px solid var(--border);color:var(--ink);background:#fff;border-bottom-width:2px;border-radius:6px;padding:1px 7px;font-size:12.5px;font-weight:750;display:inline-block}.cm-topics{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}@media (max-width:700px){.cm-topics{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;margin:0 -16px 16px;padding:2px 16px 4px;overflow-x:auto}.cm-topics::-webkit-scrollbar{display:none}}.cm-topic{--tone:var(--accent);--tone-soft:var(--soft);--tone-ink:var(--accent-text,#1a4fae);border:1px solid var(--border);background:var(--surface);height:40px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 14px;font-size:14px;font-weight:650;transition:background-color .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.cm-topic svg{color:var(--tone)}.cm-topic:hover{border-color:var(--tone);transform:translateY(-1px)}.cm-topic[aria-pressed=true]{border-color:var(--tone);background:var(--tone-soft);color:var(--tone-ink)}.cm-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cm-search{border:1px solid var(--border);background:var(--surface);height:46px;color:var(--muted);border-radius:12px;flex:320px;align-items:center;gap:10px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.cm-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #1d5fd61f}.cm-search input{min-width:0;height:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:15px}.cm-selects{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cm-selects select{border:1px solid var(--border);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23556178' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;height:46px;color:var(--ink);font:inherit;appearance:none;cursor:pointer;border-radius:12px;padding:0 34px 0 12px;font-size:14px;font-weight:600}.cm-selects select:hover{border-color:#c3cfe1}.cm-status{flex-wrap:wrap;align-items:center;gap:8px;min-height:34px;margin:14px 0 12px;display:flex}.cm-count{color:var(--muted);margin-right:4px;font-size:14px;font-weight:650}.cm-active{background:var(--ink);color:#fff;height:30px;font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:13px;font-weight:650;display:inline-flex}.cm-active:hover{background:#2a3a5a}.cm-clear{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:700}.cm-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;display:grid}.cm-empty{border:1.5px dashed var(--border);background:var(--surface);text-align:center;border-radius:18px;margin:10px 0;padding:44px 20px}.cm-empty h2{margin:0 0 6px;font-size:20px}.cm-empty p{color:var(--muted);margin:0 0 16px}.cm-more{justify-content:center;margin:28px 0 8px;display:flex}@media (max-width:820px){.cm-hero{grid-template-columns:1fr;gap:18px}.cm-selects{width:100%}.cm-selects-icon{display:none}.cm-selects select{flex:1 1 0;min-width:0}}@media (max-width:560px){.cm-grid{grid-template-columns:1fr}}.share-dialog{background:var(--surface);width:min(1040px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);font-family:var(--font-body,inherit);border:0;border-radius:22px;margin:auto;padding:0;overflow:hidden;box-shadow:0 30px 80px #0a142859}.share-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e182c8c}.share-dialog[open]{animation:.22s share-in}@keyframes share-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.share-card{flex-direction:column;max-height:calc(100dvh - 24px);display:flex}.share-head{border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;padding:22px 24px 18px;display:flex}.share-head-icon{background:var(--soft);width:44px;height:44px;color:var(--accent);border-radius:14px;flex:none;place-items:center;display:grid}.share-head h2{font-family:var(--font-display,inherit);letter-spacing:-.01em;margin:0 0 4px;font-size:21px}.share-head p{max-width:620px;color:var(--muted);margin:0;font-size:14px;line-height:1.5}.share-x{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;margin-left:auto;display:grid}.share-x:hover{background:var(--soft);color:var(--ink)}.share-body{grid-template-columns:minmax(0,1fr) 300px;gap:26px;padding:20px 24px;display:grid;overflow-y:auto}.share-fields{gap:20px;min-width:0;display:grid}.share-field{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.share-label{color:var(--ink);justify-content:space-between;align-items:baseline;gap:10px;padding:0;font-size:14px;font-weight:750;display:flex}.share-label small{color:var(--muted);font-size:12px;font-weight:600}.share-label small.ok{color:#0b7a55}.share-field input,.share-field textarea{border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--ink);font:inherit;resize:vertical;border-radius:12px;padding:11px 13px;font-size:15px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.share-field input:focus,.share-field textarea:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 4px #1d5fd61f}.share-starters{flex-wrap:wrap;gap:6px;display:flex}.share-starters button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px dashed #c3cfe1;border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.share-starters button:hover{border-color:var(--accent);color:var(--accent);border-style:solid}.share-topics{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.share-topic{border:1.5px solid var(--border);background:var(--surface);min-height:46px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:9px;padding:8px 12px;font-size:13.5px;font-weight:650;transition:border-color .15s,background-color .15s,transform .15s;display:flex}.share-topic svg{color:var(--tone);flex:none}.share-topic:hover{border-color:var(--tone);transform:translateY(-1px)}.share-topic[aria-pressed=true]{border-color:var(--tone);background:var(--tone-soft);color:var(--tone-ink);box-shadow:inset 0 0 0 1px var(--tone)}.share-levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.share-levels button{border:1.5px solid var(--border);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:12px;gap:2px;padding:10px 12px;display:grid}.share-levels b{font-size:14px}.share-levels small{color:var(--muted);font-size:12px}.share-levels button:hover{border-color:var(--accent)}.share-levels button[aria-pressed=true]{border-color:var(--accent);background:var(--soft);box-shadow:inset 0 0 0 1px var(--accent)}.share-chips,.share-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.share-chip{border:1px solid var(--border);background:var(--surface);height:32px;color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:0 11px;font-size:13px;font-weight:600;display:inline-flex}.share-chip:hover{border-color:var(--accent);color:var(--accent)}.share-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#fff}.share-field .share-chip-input{border-style:dashed;border-radius:999px;width:140px;height:32px;padding:0 12px;font-size:13px}.share-tags{border:1.5px solid var(--border);background:var(--surface);border-radius:12px;min-height:48px;padding:6px 8px}.share-tags:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #1d5fd61f}.share-tag{background:var(--soft);height:30px;color:var(--accent-text,#1a4fae);border-radius:8px;align-items:center;gap:2px;padding:0 4px 0 10px;font-size:13px;font-weight:700;display:inline-flex}.share-tag button{width:22px;height:22px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.share-tag button:hover{background:#1d5fd626}.share-field .share-tags input{min-width:140px;height:32px;box-shadow:none;border:0;flex:1;padding:0 4px}.share-preview{align-self:start;gap:12px;display:grid;position:sticky;top:0}.share-preview-label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:12px;font-weight:750}.share-checklist{background:var(--canvas,#f7f9fc);color:var(--muted);border-radius:14px;gap:6px;margin:0;padding:12px 14px;font-size:13.5px;font-weight:600;list-style:none;display:grid}.share-checklist li{align-items:center;gap:8px;display:flex}.share-checklist svg{color:#fff;box-sizing:content-box;background:#dde4ee;border-radius:50%;padding:2px}.share-checklist li.ok{color:var(--ink)}.share-checklist li.ok svg{background:#16a34a}.share-checklist small{color:var(--muted);font-weight:500}.share-foot{border-top:1px solid var(--border);background:var(--canvas,#f7f9fc);gap:10px;padding:16px 24px 20px;display:grid}.share-safe{color:var(--ink);cursor:pointer;align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.45;display:flex}.share-safe input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin:1px 0 0}.share-safe svg{color:#0b7a55;flex:none;margin-top:1px}.share-hint,.share-error{margin:0;font-size:13px;font-weight:600}.share-hint{color:var(--muted)}.share-error{color:#c2261d}.share-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.share-actions .btn{min-height:42px}.share-actions .btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.share-private{color:var(--muted);margin-right:auto}.share-done{text-align:center;justify-items:center;gap:12px;padding:44px 32px 32px;display:grid}.share-done-badge{color:#fff;background:#16a34a;border-radius:50%;place-items:center;width:72px;height:72px;animation:.45s cubic-bezier(.34,1.56,.64,1) share-pop;display:grid;box-shadow:0 0 0 10px #e5f7eb}@keyframes share-pop{0%{opacity:0;transform:scale(.4)}}.share-done h2{font-family:var(--font-display,inherit);margin:10px 0 0;font-size:26px}.share-done p{max-width:480px;color:var(--muted);margin:0;line-height:1.6}.share-done-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.share-done-back{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:4px;font-size:14px;font-weight:650}.share-done-back:hover{color:var(--ink)}.share-dialog .spin{animation:.9s linear infinite spin}@media (max-width:860px){.share-body{grid-template-columns:1fr}.share-preview{order:-1;position:static}.share-preview .cc{display:none}.share-checklist{grid-template-columns:1fr 1fr}}@media (max-width:560px){.share-dialog{border-radius:0;width:100vw;max-width:100vw;max-height:100dvh}.share-card{max-height:100dvh}.share-head,.share-body,.share-foot{padding-left:16px;padding-right:16px}.share-levels{grid-template-columns:1fr}.share-actions .btn{flex:auto}.share-private{width:100%}}@media (prefers-reduced-motion:reduce){.cc,.cc *,.share-dialog,.share-done-badge{transition:none!important;animation:none!important}}.pd-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:32px;margin:6px 0 14px;display:grid}.pd-cover{border:1px solid var(--border);background:var(--surface);border-radius:22px;overflow:hidden;box-shadow:0 18px 40px #12203a14}.pd-cover img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.pd-cover .cc-art-icon{border-radius:30px;width:104px;height:104px}.pd-cover .cc-art-icon svg{width:48px;height:48px}.pd-kicker{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.pd-kicker .cc-topic{gap:5px;height:28px;padding:0 11px;font-size:12.5px;text-decoration:none}.pd-pill{border:1px solid var(--border);background:var(--surface);height:28px;color:var(--muted);border-radius:999px;align-items:center;gap:5px;padding:0 11px;font-size:12.5px;font-weight:700;display:inline-flex}.pd-pill.public{color:#0b7a55;background:#e6f8ef;border-color:#9be3c4}.pd-info h1{letter-spacing:-.025em;overflow-wrap:anywhere;margin:0;font-size:clamp(28px,3.6vw,42px);line-height:1.1}.pd-maker{align-items:center;gap:10px;margin:14px 0 0;display:flex}.pd-maker .maker-avatar{border-radius:50%}.pd-maker span{line-height:1.25;display:grid}.pd-maker b{font-size:14.5px}.pd-maker small{color:var(--muted);font-size:12.5px}.pd-lead{color:var(--ink);overflow-wrap:anywhere;margin:16px 0 0;font-size:16px;line-height:1.6}.pd-lead.muted{color:var(--muted);font-style:italic}.pd-stats{color:var(--muted);flex-wrap:wrap;gap:18px;margin:16px 0 0;font-size:14px;font-weight:650;display:flex}.pd-stats span{align-items:center;gap:6px;display:inline-flex}.pd-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.pd-like.on{color:#db2777;background:#fff0f6;border-color:#fbcfe0}.pd-actions .btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pd-remixed{color:var(--accent);align-items:center;gap:6px;margin-top:14px;font-size:13.5px;font-weight:650;text-decoration:none;display:inline-flex}.pd-shine{background:linear-gradient(135deg,#fff7f0,#fff 60%);border:1px solid #f6d3bb;border-radius:20px;margin:4px 0 22px;padding:20px 22px}.pd-shine-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.pd-shine h2{margin:0 0 4px;font-size:19px}.pd-shine p{color:var(--muted);margin:0;font-size:14px}.pd-shine-actions{flex-wrap:wrap;gap:8px;display:flex}.pd-meter{background:#f3e3d6;border-radius:999px;height:8px;margin:16px 0 12px;overflow:hidden}.pd-meter i{border-radius:inherit;background:linear-gradient(90deg,#f97316,#16a34a);height:100%;transition:width .4s;display:block}.pd-shine-list{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;font-size:13.5px;font-weight:650;list-style:none;display:flex}.pd-shine-list li{align-items:center;gap:7px;display:flex}.pd-shine-list li span{color:#fff;border:2px solid #e2c8b4;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.pd-shine-list li.done{color:var(--ink)}.pd-shine-list li.done span{background:#16a34a;border-color:#16a34a}.pd-draft-status{color:var(--muted);margin-top:10px;font-size:12.5px;display:block}.pd-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.pd-main{gap:22px;min-width:0;display:grid}.pd-card{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:22px}.pd-card h2{margin:0 0 14px;font-size:19px}.pd-parts{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pd-parts a,.pd-parts span{border:1px solid var(--border);background:var(--canvas,#f7f9fc);height:36px;color:var(--ink);border-radius:10px;align-items:center;gap:6px;padding:0 13px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.pd-parts a svg{color:#16a34a}.pd-parts span svg{color:var(--accent)}.pd-parts a:hover{border-color:var(--accent);color:var(--accent)}.pd-tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.pd-tags .cc-chip{padding:5px 10px;font-size:13px;text-decoration:none}.pd-steps{gap:4px;margin:0;padding:0;list-style:none;display:grid}.pd-steps li{grid-template-columns:38px minmax(0,1fr);gap:14px;padding-bottom:18px;display:grid;position:relative}.pd-steps li:not(:last-child):before{content:"";background:var(--border);width:2px;position:absolute;top:40px;bottom:2px;left:18px}.pd-step-num{background:var(--accent);color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.pd-steps h3{margin:7px 0 6px;font-size:16.5px}.pd-steps p{color:var(--ink);overflow-wrap:anywhere;margin:0;line-height:1.65}.pd-steps img{border:1px solid var(--border);border-radius:14px;max-width:100%;margin-top:12px;display:block}.pd-nosteps{border:1.5px dashed var(--border);color:var(--muted);text-align:center;border-radius:16px;justify-items:center;gap:8px;padding:26px 12px;display:grid}.pd-nosteps p{margin:0}.pd-code{color:#dbe7ff;background:#0f1a2e;border-radius:20px;position:sticky;top:84px;overflow:hidden}.pd-code-head{border-bottom:1px solid #22314d;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.pd-code-head h2{color:#fff;align-items:center;gap:8px;margin:0;font-size:15px;display:flex}.pd-code-head span{color:#9fb6dd;background:#1d2c48;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.pd-code pre{white-space:pre;max-height:560px;margin:0;padding:16px 18px;font:12.5px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.pd-editor{border:1px solid var(--border);background:var(--surface);border-radius:20px;gap:18px;margin-bottom:24px;padding:24px;display:grid}.pd-editor-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.pd-editor-head h2{margin:0 0 4px;font-size:21px}.pd-editor-head p{max-width:560px;color:var(--muted);margin:0;font-size:14px;line-height:1.55}.pd-editor-tips{flex-wrap:wrap;gap:8px;display:flex}.pd-editor-tips span{background:var(--soft);color:var(--accent-text,#1a4fae);border-radius:10px;align-items:center;gap:6px;padding:7px 11px;font-size:13px;font-weight:650;display:inline-flex}.pd-field{gap:7px;font-size:14px;font-weight:750;display:grid}.pd-field textarea,.pd-step-fields input,.pd-step-fields textarea{border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--ink);font:inherit;resize:vertical;border-radius:12px;padding:11px 13px;font-size:15px;font-weight:400;line-height:1.5}.pd-field textarea:focus,.pd-step-fields input:focus,.pd-step-fields textarea:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 4px #1d5fd61f}.pd-step-fields input{font-weight:700}.pd-cover-edit{border:1px solid var(--border);background:var(--canvas,#f7f9fc);border-radius:16px;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:16px;padding:14px;display:grid}.pd-cover-edit img,.pd-cover-empty{aspect-ratio:16/10;object-fit:cover;border-radius:12px;width:100%}.pd-cover-empty{color:var(--muted);border:1.5px dashed #c3cfe1;place-content:center;justify-items:center;gap:4px;font-size:13px;font-weight:650;display:grid}.pd-cover-edit b{font-size:15px}.pd-cover-edit p{color:var(--muted);margin:4px 0 10px;font-size:13.5px}.pd-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pd-row label.btn{cursor:pointer}.pd-row label.btn.disabled{opacity:.5;cursor:not-allowed}.pd-steps-edit{gap:14px;margin:0;padding:0;list-style:none;display:grid}.pd-step-edit{border:1px solid var(--border);border-radius:16px;grid-template-columns:38px minmax(0,1fr);gap:14px;padding:16px;display:grid}.pd-step-fields{gap:8px;min-width:0;display:grid}.pd-step-fields img{object-fit:cover;border-radius:12px;max-width:320px;max-height:220px}.pd-step-remove{color:var(--muted);margin-left:auto}.pd-step-remove:hover{color:#c2261d}.pd-add-step{height:56px;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:1.5px dashed #b9c8de;border-radius:16px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:750;display:flex}.pd-add-step:hover:not(:disabled){border-color:var(--accent);background:var(--soft)}.pd-loading{grid-template-columns:1fr 1fr;gap:32px;display:grid}.pd-skel{background:linear-gradient(90deg,#eef2f7,#f7f9fc,#eef2f7) 0 0/200% 100%;border-radius:22px;animation:1.2s linear infinite pd-shimmer}.pd-skel.cover{aspect-ratio:16/10}.pd-skel.lines{align-self:center;height:220px}@keyframes pd-shimmer{to{background-position:-200% 0}}@media (max-width:900px){.pd-hero,.pd-grid,.pd-loading{grid-template-columns:1fr}.pd-hero{gap:20px}.pd-code{position:static}}@media (max-width:560px){.pd-cover-edit{grid-template-columns:1fr}.pd-step-edit,.pd-steps li{grid-template-columns:32px minmax(0,1fr);gap:10px}.pd-step-edit{padding:12px}.pd-step-num{border-radius:10px;width:32px;height:32px}.pd-editor,.pd-card,.pd-shine{padding:16px}.pd-actions .btn{flex:auto}}.visibility-chip{border:1px solid var(--border);background:var(--surface);color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.visibility-chip:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.visibility-chip.public{color:#0b7a55;background:#e6f8ef;border-color:#9be3c4}.portal .cm-search,.portal .share-safe,.portal .pd-row label.btn{font-size:inherit;flex-direction:row}.portal .cm-search{gap:10px}.portal .cm-search input:not([type=checkbox]){height:100%;min-height:0;box-shadow:none;background:0 0;border:0;padding:0}.portal .cm-selects select{background-color:var(--surface);border-radius:12px;width:auto;height:46px;min-height:0;padding:0 34px 0 12px;font-size:14px;font-weight:600}.portal .share-field input:not([type=checkbox]),.portal .share-field textarea,.portal .pd-field textarea,.portal .pd-step-fields input,.portal .pd-step-fields textarea{border:1.5px solid var(--border);background:var(--surface);border-radius:12px;min-height:0;padding:11px 13px}.portal .share-field textarea,.portal .pd-field textarea,.portal .pd-step-fields textarea{min-height:90px}.portal .share-field .share-chip-input{border-style:dashed;border-radius:999px;width:140px;height:32px;padding:0 12px;font-size:13px}.portal .share-field .share-tags input{width:auto;height:32px;box-shadow:none;border:0;padding:0 4px}.portal .share-safe{gap:8px;font-size:13.5px;font-weight:500}.portal .share-field.share-field{gap:8px}.portal label.share-field>.share-label,.portal .share-label{flex-direction:row}.portal .pd-field{gap:7px;font-size:14px}@media (max-width:820px){.portal .cm-selects select{flex:1 1 0;min-width:0}}.share-dialog:has(.share-done){width:min(620px,100vw - 24px)}.ka{color:var(--tone)}.ka-svg{width:100%;height:100%;position:absolute;inset:0}.ka-part,.ka-board{transform-box:fill-box;transform-origin:50%;transition:transform .3s}.ka-wire{stroke-dasharray:6 5;opacity:.9}.cc:hover .ka-wire{animation:.8s linear infinite ka-flow}.cc:hover .ka-part:nth-of-type(odd){transform:translateY(-3px)rotate(-3deg)}.cc:hover .ka-part:nth-of-type(2n){transform:translateY(-3px)rotate(3deg)}.cc:hover .ka-led,.cc:hover .ka-glow{animation:.9s ease-in-out infinite ka-blink}.cc:hover .ka-eyes{transform-box:fill-box;transform-origin:50%;animation:1.6s ease-in-out infinite ka-eyes}.cc:hover .ka-horn,.cc:hover .ka-turn{transform-box:fill-box;transform-origin:50%;animation:1.4s ease-in-out infinite ka-swing}.cc:hover .ka-wave{animation:.8s ease-in-out infinite ka-blink}.cc:hover .ka-press{transform-box:fill-box;transform-origin:50%;animation:.9s ease-in-out infinite ka-press}.cc:hover .ka-cursor{animation:.7s steps(2,end) infinite ka-blink}@keyframes ka-flow{to{stroke-dashoffset:-22px}}@keyframes ka-blink{50%{opacity:.25}}@keyframes ka-eyes{0%,42%,58%,to{transform:scaleY(1)}50%{transform:scaleY(.15)}}@keyframes ka-swing{50%{transform:rotate(35deg)}}@keyframes ka-press{50%{transform:scale(.82)}}.pd-cover .ka{aspect-ratio:16/10}@media (prefers-reduced-motion:reduce){.ka *{transition:none!important;animation:none!important}}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c3cb8e1-module__ucTJoW__className{font-family:Inter,Inter Fallback;font-style:normal}
@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.1w1m1wqmjasxa.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e629b5bc06499d58-s.1y3v-klcv8xov.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1a099d89ee94ee96-s.15dvesjzf7814.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.08ssgmy_tb90r.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.1w1m1wqmjasxa.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e629b5bc06499d58-s.1y3v-klcv8xov.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1a099d89ee94ee96-s.15dvesjzf7814.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.08ssgmy_tb90r.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.1w1m1wqmjasxa.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e629b5bc06499d58-s.1y3v-klcv8xov.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.15dvesjzf7814.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.08ssgmy_tb90r.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_ec82d49f-module__Cc73Cq__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}