:root{--color-bg: #faf3df;--color-bg-deep: #f1e7cb;--color-surface: #fffdf4;--color-ink: #141414;--color-ink-muted: #5f5847;--color-yellow: #ffd02f;--color-yellow-deep: #f0ad00;--color-purple: #7c5cff;--color-purple-soft: #e3daff;--color-mint: #b9f1cc;--color-orange: #ff9e5e;--color-orange-soft: #ffe2c9;--color-danger: #e5484d;--color-success: #1f9d55;--border-thin: 1.5px solid var(--color-ink);--border-strong: 2.5px solid var(--color-ink);--shadow-sm: 3px 3px 0 var(--color-ink);--shadow-md: 5px 5px 0 var(--color-ink);--shadow-lg: 8px 8px 0 var(--color-ink);--radius-sm: 6px;--radius-md: 10px;--font-display: "Archivo", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit}button{font-family:inherit}:focus-visible{outline:3px solid var(--color-purple);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.app-root{min-height:100vh;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:800;letter-spacing:.01em;border:var(--border-strong);border-radius:var(--radius-sm);padding:10px 18px;cursor:pointer;background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-sm);transition:transform 90ms ease,box-shadow 90ms ease;text-decoration:none;font-size:14px;-webkit-user-select:none;user-select:none}.btn:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--color-ink)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-yellow{background:var(--color-yellow)}.btn-ink{background:var(--color-ink);color:#fff}.btn-purple{background:var(--color-purple);color:#fff}.btn-ghost{box-shadow:none}.btn-sm{padding:6px 12px;font-size:12.5px}.btn-lg{padding:14px 26px;font-size:16px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>label{font-family:var(--font-display);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.input,.textarea,.select{border:var(--border-strong);border-radius:var(--radius-sm);background:#fff;padding:10px 12px;font-size:14.5px;font-family:var(--font-body);width:100%;color:var(--color-ink)}.textarea{min-height:110px;resize:vertical}.input::placeholder,.textarea::placeholder{color:#a09a89}.field-error{color:var(--color-danger);font-size:12.5px;font-weight:600}.hint{color:var(--color-ink-muted);font-size:12.5px}.card{background:var(--color-surface);border:var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.tag{display:inline-flex;align-items:center;gap:4px;border:var(--border-thin);border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:700;background:#fff;white-space:nowrap}.tag-yellow{background:var(--color-yellow)}.tag-purple{background:var(--color-purple-soft)}.tag-mint{background:var(--color-mint)}.tag-orange{background:var(--color-orange-soft)}.mono{font-family:var(--font-mono)}.muted{color:var(--color-ink-muted)}.shell{display:flex;min-height:100vh}.sidebar{width:208px;flex-shrink:0;border-right:var(--border-strong);background:var(--color-surface);padding:18px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:4px}.brand{font-family:var(--font-display);font-weight:900;font-size:22px;letter-spacing:-.01em;background:var(--color-yellow);border:var(--border-strong);border-radius:var(--radius-sm);padding:6px 10px;box-shadow:var(--shadow-sm);text-decoration:none;display:inline-block;margin-bottom:14px}.navlink{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);text-decoration:none;font-weight:700;font-size:14px;border:2px solid transparent}.navlink:hover{background:#f4ecd4}.navlink.active{background:var(--color-ink);color:#fff;border-color:var(--color-ink)}.main{flex:1;min-width:0}.topbar{position:sticky;top:0;z-index:20;background:var(--color-bg);border-bottom:var(--border-strong);padding:12px 22px;display:flex;align-items:center;gap:12px}.search{flex:1;max-width:560px;display:flex;align-items:center;gap:8px;background:#fff;border:var(--border-strong);border-radius:var(--radius-sm);padding:8px 12px;box-shadow:var(--shadow-sm)}.search input{border:0;outline:0;flex:1;font-size:14px;background:transparent}.content{padding:26px;max-width:1180px;margin:0 auto;width:100%}.page-title{font-family:var(--font-display);font-weight:900;letter-spacing:-.02em;font-size:clamp(28px,4vw,44px);line-height:.95;margin:0 0 6px;text-transform:uppercase}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:26px 0 14px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1080px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.sidebar{display:none}.grid-2,.grid-3{grid-template-columns:1fr}.content{padding:16px}}.mobilenav{display:none;position:sticky;bottom:0;z-index:20;background:var(--color-surface);border-top:var(--border-strong);padding:8px 6px calc(8px + env(safe-area-inset-bottom))}.mobilenav-inner{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.mobilenav a{text-align:center;text-decoration:none;font-size:10.5px;font-weight:800;padding:6px 2px;border-radius:6px}.mobilenav a.active{background:var(--color-yellow)}@media(max-width:860px){.mobilenav{display:block}}.pcard{overflow:hidden;display:flex;flex-direction:column;transition:transform .12s ease;background:var(--color-surface)}.pcard:hover{transform:translate(-2px,-2px)}.pcard-img{height:148px;border-bottom:var(--border-strong);background:#222;position:relative;overflow:hidden}.pcard-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);display:block}.pcard-body{padding:14px 14px 12px;display:flex;flex-direction:column;gap:8px;flex:1}.pcard-title{font-family:var(--font-display);font-weight:900;font-size:18px;margin:0;line-height:1.05}.pcard-foot{display:flex;align-items:center;justify-content:space-between;border-top:var(--border-thin);padding-top:10px;margin-top:auto}.skel{background:linear-gradient(90deg,#eee4c8 25%,#fbf4de,#eee4c8 75%);background-size:200% 100%;animation:shimmer 1.1s infinite;border:var(--border-strong);border-radius:var(--radius-md);min-height:120px}@keyframes shimmer{to{background-position:-200% 0}}.empty{border:2.5px dashed var(--color-ink);border-radius:var(--radius-md);padding:34px 22px;text-align:center;background:var(--color-surface)}.toast-wrap{position:fixed;bottom:22px;right:22px;z-index:100;display:flex;flex-direction:column;gap:10px}.toast{background:var(--color-ink);color:#fff;border:2px solid #000;box-shadow:var(--shadow-sm);padding:10px 14px;border-radius:8px;font-weight:700;font-size:13.5px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141480;z-index:60;display:flex;align-items:center;justify-content:center;padding:18px}.modal{max-width:520px;width:100%;padding:22px}.avatar{border-radius:50%;border:2px solid var(--color-ink);object-fit:cover;background:var(--color-purple-soft);flex-shrink:0}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.kbd{font-family:var(--font-mono);font-size:11px;border:1.5px solid var(--color-ink);border-bottom-width:3px;border-radius:5px;padding:1px 6px;background:#fff}.banner{border:var(--border-strong);background:var(--color-yellow);box-shadow:var(--shadow-sm);border-radius:var(--radius-sm);padding:10px 14px;font-weight:700;font-size:13.5px}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th,.table td{border:var(--border-thin);padding:8px 10px;text-align:left;background:#fff}.table th{background:var(--color-ink);color:#fff;font-family:var(--font-display)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center;padding:40px 0 30px}.hero h1{font-family:var(--font-display);font-weight:900;font-size:clamp(46px,7.5vw,104px);line-height:.88;letter-spacing:-.03em;margin:8px 0 14px;text-transform:uppercase}.hero-collage{position:relative;min-height:420px}.collage-img{position:absolute;border:var(--border-strong);box-shadow:var(--shadow-lg);background:#333;overflow:hidden}.collage-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1);display:block}.sticky-note{position:absolute;background:#ffe45e;border:var(--border-strong);box-shadow:var(--shadow-sm);padding:10px 12px;font-family:var(--font-mono);font-size:11.5px;font-weight:700}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-collage{min-height:300px}}.marquee{border-top:var(--border-strong);border-bottom:var(--border-strong);background:var(--color-ink);color:#fff;overflow:hidden;white-space:nowrap;padding:10px 0;font-family:var(--font-display);font-weight:800}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:860px){.feature-strip{grid-template-columns:1fr}}.step{padding:18px}.step-num{font-family:var(--font-mono);font-weight:700;background:var(--color-purple);color:#fff;border:2px solid var(--color-ink);display:inline-block;padding:2px 10px;border-radius:999px;margin-bottom:10px}