:root{--bg:#221f2f;--surface:#2b253a;--border:#3a3450;--text:#f7f7fb;--muted:#c8c4d6;--shadow:0 12px 40px rgba(0,0,0,.35)}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;line-height:1.6}.container{max-width:820px;margin:0 auto;padding:32px 20px 80px}h1{font-size:2.25rem;line-height:1.2;margin:0 0 8px}h2{font-size:1.25rem;margin:28px 0 10px}p.tag{opacity:.9;color:var(--muted);margin:4px 0 20px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--bg) 85%,black 15%);border-bottom:1px solid var(--border)}.wrap{max-width:820px;margin:0 auto;padding:12px 20px}.brand{font-weight:800;letter-spacing:.3px}.carousel{position:relative;max-width:520px;margin:18px auto 28px}.slide{object-fit:cover}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--border);color:var(--text);font-size:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.arrow:hover{background:color-mix(in oklab,var(--surface) 80%,white 20%)}.arrow.left{left:10px}.arrow.right{right:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow)}.muted{color:var(--muted)}ul{padding-left:18px}li{margin:6px 0}footer{margin-top:36px;opacity:.8;color:var(--muted)}.accordion details{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:clip}.accordion summary{list-style:none;cursor:pointer;padding:14px 16px;font-weight:700;display:flex;align-items:center;gap:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.accordion summary::-webkit-details-marker{display:none}.accordion .chev{transition:transform .2s ease;font-size:14px;opacity:.9}.accordion details[open] .chev{transform:rotate(90deg)}.accordion details+details{margin-top:10px}.bot-card{padding:12px 14px}.bot-trigger{padding:8px 12px;border-radius:10px;border:1px solid var(--border);cursor:pointer;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bot-trigger:hover{filter:brightness(1.03)}.bot-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:260px;border-radius:10px;padding:8px;background:var(--surface);border:1px solid var(--border);box-shadow:0 12px 30px rgba(0,0,0,.45);z-index:90;display:flex;flex-direction:column;gap:6px}.bot-menu-item{display:block;text-decoration:none;padding:10px 12px;border-radius:8px;font-weight:700;color:var(--text);background:transparent;text-align:left;border:0;cursor:pointer}.bot-menu-item:hover{background:color-mix(in oklab,var(--surface) 85%,white 15%)}.bot-menu-item--disabled{opacity:.55;cursor:default;font-weight:600}.action-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.action-btn{padding:10px 14px;border-radius:12px;font-weight:800;border:1px solid transparent;color:var(--text);cursor:pointer;transition:all .15s ease;box-shadow:0 6px 18px rgba(0,0,0,.28);-webkit-user-select:none;-moz-user-select:none;user-select:none}.action-btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.04);color:var(--muted);font-weight:800}.action-btn:focus,.action-btn:hover{transform:translateY(-2px);filter:brightness(1.03)}.action-btn.active{border:1px solid color-mix(in oklab,var(--border) 75%,white 25%);color:var(--text);background:linear-gradient(180deg,color-mix(in oklab,var(--surface) 84%,white 16%),var(--surface));box-shadow:0 10px 28px rgba(0,0,0,.45)}.action-panel a{color:var(--text);font-weight:800;text-decoration:none}.action-panel a:hover{text-decoration:underline}@media (max-width:520px){.action-row{flex-direction:column;align-items:stretch}.action-btn{width:100%;text-align:center}}.bot-trigger{background:#352d45;background:color-mix(in oklab,var(--surface) 92%,white 8%)}.accordion{margin:18px 0}.accordion-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;margin-top:10px}.accordion-trigger{list-style:none;cursor:pointer;padding:14px 16px;font-weight:700;display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:transparent;color:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none}.accordion-trigger:focus{outline:3px solid color-mix(in oklab,var(--border) 70%,transparent 30%);outline-offset:2px;border-radius:10px}.accordion-item .chev{transition:transform .2s ease;font-size:14px;opacity:.9}.accordion .content{padding:0 16px 14px;color:var(--muted)}.accordion ul{padding-left:18px;margin:8px 0 0}.accordion li{margin:6px 0}.accordion-trigger:focus,.action-btn:focus,.bot-menu-item:focus{box-shadow:0 8px 26px rgba(0,0,0,.5),0 0 0 3px rgba(120,80,200,.12);transform:translateY(-1px)}.card{transition:transform .12s ease,box-shadow .12s ease}.card:hover{transform:translateY(-2px)}@media (max-width:520px){.container{padding:20px 12px 60px}.frame{width:100%;aspect-ratio:4/3}.accordion-item{margin-top:10px}}.action-header{display:block;width:100%;text-align:left;padding:12px 14px;font-weight:800;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .12s ease}.action-header.secondary{color:var(--muted)}.action-header:hover{background:color-mix(in oklab,var(--surface) 86%,white 14%);transform:translateY(-2px)}.action-header.active{background:linear-gradient(180deg,color-mix(in oklab,var(--surface) 86%,white 14%),var(--surface));border:1px solid color-mix(in oklab,var(--border) 75%,white 25%);box-shadow:0 10px 28px rgba(0,0,0,.45)}.action-panel{margin-top:8px;padding:10px 12px;border-radius:10px;background:linear-gradient(180deg,color-mix(in oklab,var(--bg) 92%,black 8%),var(--surface));border:1px solid var(--border);box-shadow:0 12px 30px rgba(0,0,0,.45)}.action-link{display:inline-block;padding:10px 12px;border-radius:10px;text-decoration:none;background:color-mix(in oklab,var(--surface) 90%,white 10%);color:var(--text);font-weight:800;border:1px solid transparent;transition:all .12s ease}.action-link:hover{transform:translateY(-2px);filter:brightness(1.04)}.frame{position:relative;width:min(92vw,520px);aspect-ratio:1/1;min-height:320px;border-radius:18px;overflow:hidden;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.frame img,.frame picture,.frame>div>img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.arrow{background:#3b3249;background:color-mix(in oklab,var(--surface) 90%,white 10%)}.action-btn{background:#342b42;background:color-mix(in oklab,var(--surface) 90%,white 10%)}.action-header,.action-link{background:#342b42;background:color-mix(in oklab,var(--surface) 86%,white 14%)}:focus-visible{outline:3px solid rgba(140,82,255,.14);outline-offset:3px;border-radius:8px}@media (max-width:520px){.frame{aspect-ratio:4/3;min-height:260px}.container{padding:20px 12px 60px}}