.deck-page{position:relative;height:100vh;height:100dvh;background:var(--jo-bg);overflow:hidden}.deck{height:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.deck::-webkit-scrollbar{display:none}.deck:focus-visible{outline:2px solid var(--jo-accent);outline-offset:-3px}.deck-card{position:relative;height:100vh;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;overflow:hidden}.deck-body{width:100%;max-width:620px;margin:auto;display:grid;gap:14px;padding:58px 18px max(18px,env(safe-area-inset-bottom))}.deck-topbar{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top));background:linear-gradient(to bottom,var(--jo-bg) 30%,transparent);pointer-events:none}.deck-topbar>*{pointer-events:auto}.deck-back{padding:8px 10px;border-radius:8px;font:600 12.5px/1.2 var(--jo-sans);color:var(--jo-muted);text-decoration:none}.deck-back:hover{color:var(--jo-ink)}.deck-back:focus-visible,.deck a.jo-btn:focus-visible{outline:2px solid var(--jo-accent);outline-offset:2px}.deck-pos{margin:0;padding:6px 11px;border:1px solid var(--jo-border);border-radius:999px;background:var(--jo-paper);font:500 12px/1.2 var(--jo-mono);letter-spacing:.06em;color:var(--jo-muted);white-space:nowrap}.deck-chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.deck-head{display:grid;gap:6px;min-width:0}.deck-company{margin:0;font:650 clamp(24px,6vw,31px) / 1.12 var(--jo-sans);letter-spacing:-.01em;color:var(--jo-ink);overflow-wrap:anywhere}.deck-title{margin:0;font:500 clamp(17px,4.4vw,21px) / 1.32 var(--jo-sans);color:var(--jo-ink);overflow-wrap:anywhere}.deck-meta{margin:0;display:grid;gap:7px;min-width:0}.deck-meta-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:baseline}.deck-meta-k{margin:0;font:500 10.5px/1.5 var(--jo-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--jo-muted)}.deck-meta-v{margin:0;font:13.5px/1.45 var(--jo-sans);color:var(--jo-ink);overflow-wrap:anywhere;min-width:0}.deck-mark{display:grid;gap:10px;padding:12px 13px 13px;border:1px solid var(--jo-border);border-radius:14px;background:var(--jo-paper);min-width:0}.deck-mark-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.deck-mark-title{margin:0;font:600 11px/1.3 var(--jo-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--jo-muted)}.deck-mark .jo-status-grid{gap:6px}.deck-mark .jo-grid-btn{min-height:34px;padding:5px 6px;font-size:11.5px}.deck-mark .jo-note-actions{flex-wrap:wrap}.deck-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.deck-detail{flex:1 1 auto;min-width:0;text-decoration:none}.deck-step{display:flex;gap:10px;flex-shrink:0}.deck-step-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--jo-border);border-radius:50%;background:var(--jo-paper);color:var(--jo-ink);cursor:pointer}.deck-step-btn:hover:not(:disabled){border-color:var(--jo-accent);color:var(--jo-accent)}.deck-step-btn:active:not(:disabled){transform:scale(.94)}.deck-step-btn:disabled{opacity:.35;cursor:default}.deck-step-btn:focus-visible{outline:2px solid var(--jo-accent);outline-offset:2px}.deck-hint{position:absolute;left:0;right:0;bottom:calc(max(18px,env(safe-area-inset-bottom)) + 10px);z-index:30;display:flex;justify-content:center;padding:0 18px;pointer-events:none}.deck-hint-card{pointer-events:auto;display:grid;justify-items:center;gap:7px;max-width:340px;padding:13px 18px;border:1px solid var(--jo-border);border-radius:14px;background:var(--jo-paper);box-shadow:0 8px 24px #1414131f;text-align:center}.deck-hint-text{margin:0;font:500 13px/1.45 var(--jo-sans);color:var(--jo-ink)}.deck-hint-arrow{color:var(--jo-accent);animation:deck-float 1.6s ease-in-out infinite}@keyframes deck-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.deck-boot{position:absolute;inset:0;z-index:40;display:flex;background:var(--jo-bg)}.deck-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px}.deck-error-card{max-width:420px;padding:22px 24px;border:1px solid var(--jo-danger);border-radius:14px;background:var(--jo-paper);color:var(--jo-danger);font:600 14px/1.55 var(--jo-sans);display:grid;gap:12px}.deck-error-card .jo-btn{justify-self:start;color:var(--jo-ink)}.deck-error-card.deck-neutral{border-color:var(--jo-border);color:var(--jo-ink);font-weight:500}.deck-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-height:700px){.deck-body{gap:10px;padding-top:50px}.deck-company{font-size:clamp(21px,5.6vw,26px)}.deck-title{font-size:clamp(15.5px,4vw,18px)}.deck-mark{gap:8px;padding:10px 11px 11px}.deck-mark .jo-grid-btn{min-height:30px;font-size:11px}.deck-step-btn{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.deck-hint-arrow{animation:none}}