.swipe-page{max-width:1120px;padding:28px var(--gutter) 56px;margin:0 auto;overflow-x:clip}.swipe-heading{color:var(--text-dim);justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.swipe-heading>span{letter-spacing:.13em;font-size:10px}.swipe-back{align-items:center;min-height:44px;display:inline-flex}.swipe-setup{grid-template-columns:1.15fr 1fr;align-items:center;gap:90px;padding:66px 0;display:grid}.swipe-eyebrow{letter-spacing:.12em;color:var(--text-dim);font-size:10px}.swipe-intro h1{letter-spacing:-.055em;margin:20px 0 24px;font-size:clamp(42px,5.5vw,70px);font-weight:500;line-height:1.04}.swipe-intro h1 em{color:var(--accent);letter-spacing:-.03em;font-family:Instrument Serif,serif;font-weight:400;display:block}.swipe-intro p{max-width:370px;color:var(--text-dim);font-size:16px;line-height:1.7}.swipe-example{border-top:1px solid var(--border);color:var(--text-dim);justify-content:space-between;gap:24px;margin-top:40px;padding-top:22px;font-size:12px;display:flex}.swipe-example span:last-child{color:var(--accent)}.swipe-form{border:1px solid var(--border);background:var(--bg-card);border-radius:20px;padding:28px}.swipe-form h2{letter-spacing:-.02em;margin:0 0 24px;font-size:18px;font-weight:500}.swipe-form label{color:var(--text-dim);margin:18px 0 8px;font-size:12px;display:block}.swipe-form input,.swipe-form select{background:var(--bg);width:100%;height:46px;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:8px;min-width:0;padding:0 12px;font-size:13px}.swipe-muted,.swipe-fine{color:var(--text-dim);font-size:12px;line-height:1.5}.swipe-muted{margin:20px 0 14px}.swipe-fine{text-align:center;margin:14px 0 0;font-size:11px}.swipe-primary{background:var(--accent);min-height:48px;color:var(--bg);font:inherit;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:28px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.swipe-form .swipe-primary{width:100%}.swipe-text-button{min-height:44px;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:12px}.swipe-text-button:hover{color:var(--text)}#swipeResume{width:100%;margin-top:8px}.swipe-deck{max-width:730px;margin:22px auto 0}.swipe-deck-bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.swipe-board-link{letter-spacing:-.035em;overflow-wrap:anywhere;max-width:520px;margin-top:5px;font-size:22px;line-height:1.3;display:block}.swipe-progress-row{color:var(--text-dim);justify-content:space-between;gap:12px;margin:20px 0 10px;font-size:12px;display:flex}.swipe-progress-row a{color:var(--text)}#swipeProgressBar{appearance:none;background:var(--border);border:0;border-radius:2px;width:100%;height:3px;margin-bottom:22px;display:block}#swipeProgressBar::-webkit-progress-bar{background:var(--border)}#swipeProgressBar::-webkit-progress-value{background:var(--accent);border-radius:2px}#swipeProgressBar::-moz-progress-bar{background:var(--accent)}.swipe-stage{perspective:1000px;margin:0 4px 20px;position:relative}.swipe-stage:before,.swipe-stage:after{content:"";background:var(--bg-card);border:1px solid var(--border);z-index:0;border-radius:16px;position:absolute;inset:0 8px -6px}.swipe-stage:before{inset:0 16px -12px}.swipe-card{background:var(--bg);border:1px solid var(--border);z-index:1;touch-action:pan-y;cursor:grab;user-select:none;border-radius:14px;transition:transform .22s,opacity .22s;position:relative;overflow:hidden;box-shadow:0 12px 32px #00000012}.swipe-card.dragging{cursor:grabbing;transition:none}.swipe-picture{border-bottom:1px solid var(--border);scrollbar-width:thin;scrollbar-color:#87917f #eceeeb;background:#eceeeb;min-height:200px;max-height:clamp(200px,35vh,350px);position:relative;overflow:hidden auto}.swipe-picture img{pointer-events:none;width:100%;height:auto;display:block}.swipe-picture>span{text-align:center;color:#434a3c;align-content:center;padding:30px;font-size:14px;position:absolute;inset:0}.swipe-card-copy{padding:18px 22px 20px}.swipe-card-meta{color:var(--text-dim);justify-content:space-between;gap:12px;font-size:11px;display:flex}.swipe-card-meta a{align-items:center;min-height:32px;margin:-9px 0 -2px;display:inline-flex}.swipe-card h2{letter-spacing:-.035em;margin:10px 0;font-size:24px;font-weight:500;line-height:1.2}.swipe-card-copy>p{color:var(--text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;margin:0;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.swipe-tags{flex-wrap:wrap;gap:8px;min-height:22px;margin-top:12px;display:flex}.swipe-tags span{border:1px solid var(--border);color:var(--text-dim);border-radius:4px;padding:3px 7px;font-size:10px}.swipe-stamp{letter-spacing:.1em;opacity:0;background:var(--bg);pointer-events:none;border:3px solid;border-radius:6px;padding:7px 13px;font-size:27px;font-weight:700;position:absolute;top:30px}.swipe-stamp-save{color:var(--accent);left:24px;transform:rotate(-12deg)}.swipe-stamp-skip{color:var(--text);right:24px;transform:rotate(12deg)}.swipe-actions{justify-content:center;align-items:center;gap:20px;margin-top:30px;display:flex}.swipe-decision{min-width:154px;min-height:54px;font:inherit;cursor:pointer;border-radius:50px;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.swipe-skip{border:1px solid var(--border);background:var(--bg-card);color:var(--text)}.swipe-skip>span{font-size:26px;line-height:1}.swipe-save{border:1px solid var(--accent);background:var(--accent);color:var(--bg)}.swipe-decision kbd{font:inherit;opacity:.7;font-size:12px}.swipe-undo{min-width:52px;min-height:54px;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;display:flex}.swipe-page button:disabled{opacity:.4;cursor:default}.swipe-hint{text-align:center;color:var(--text-dim);margin:18px 0;font-size:11px}.swipe-status{text-align:center;min-height:20px;color:var(--text-dim);margin:10px 0;font-size:12px}.swipe-notice{border:1px solid var(--border);color:var(--text-dim);border-radius:8px;padding:14px;font-size:12px;line-height:1.5}.swipe-complete{text-align:center;min-height:370px;padding:55px 24px 30px}.swipe-complete-mark{border:1px solid var(--accent);width:54px;height:54px;color:var(--accent);border-radius:50%;place-items:center;margin:0 auto 24px;font-size:24px;display:grid}.swipe-complete h2{letter-spacing:-.04em;font-size:30px;font-weight:500}.swipe-complete p{color:var(--text-dim);font-size:14px;line-height:1.6}.swipe-complete .swipe-primary{max-width:260px;margin:24px auto 8px}#swipeRetry{margin:auto;display:block}#swipeRetry[hidden]{display:none}.swipe-page [hidden]{display:none!important}@media (width<=760px){.swipe-setup{grid-template-columns:1fr;gap:32px;padding:28px 0}.swipe-intro h1{margin:12px 0 16px;font-size:48px}.swipe-intro p{max-width:500px;font-size:14px}.swipe-example{display:none}.swipe-form{padding:22px}.swipe-heading>span{display:none}.swipe-page{padding-top:12px}.swipe-deck{margin-top:12px}.swipe-board-link{max-width:240px;font-size:20px}.swipe-picture{min-height:190px;max-height:clamp(190px,38vh,360px)}.swipe-card-copy{padding:16px}.swipe-card h2{font-size:22px}.swipe-actions{gap:12px}.swipe-decision{min-width:112px;min-height:52px}.swipe-decision kbd,.swipe-hint span{display:none}.swipe-card-meta a{min-height:44px;margin-top:-14px;margin-bottom:-7px}.swipe-progress-row{font-size:11px}.swipe-deck-bar .swipe-text-button{white-space:nowrap}.swipe-complete{padding:32px 12px}.swipe-complete h2{font-size:26px}}@media (width<=360px){.swipe-decision{min-width:96px}.swipe-actions{gap:8px}.swipe-board-link{max-width:180px}.swipe-intro h1{font-size:42px}}.swipe-deck{scroll-margin-top:100px}.swipe-notice button{color:var(--text);text-decoration:underline;display:block}.swipe-picture.is-scrollable{overscroll-behavior-y:contain}.swipe-picture:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.swipe-preview-hint{border-bottom:1px solid var(--border);color:var(--text-dim);text-align:center;cursor:default;margin:0;padding:9px 16px;font-size:11px}@media (width>=761px){.swipe-page{max-width:1280px}.swipe-setup{max-width:1056px;margin:auto}.swipe-deck{max-width:1040px}.swipe-picture{min-height:280px;max-height:min(64vh,720px)}.swipe-card-copy{padding:16px 22px}.swipe-actions{z-index:3;border:1px solid var(--border);background:var(--bg);border-radius:999px;width:max-content;max-width:100%;margin:24px auto 0;padding:8px 12px;position:sticky;bottom:16px;box-shadow:0 6px 24px #00000018}}.swipe-setup{grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);align-items:start;gap:34px 64px;max-width:1100px;padding:30px 0}.swipe-intro{grid-column:1/-1;justify-content:space-between;align-items:end;gap:40px;display:flex}.swipe-intro h1{margin:12px 0 0;font-size:clamp(42px,4.8vw,62px);line-height:1.04}.swipe-intro h1 em{display:inline}.swipe-intro p{max-width:290px;margin:0 0 3px;font-size:14px;line-height:1.7}.swipe-form{border-radius:14px;margin-top:38px;padding:26px}.swipe-form h2{letter-spacing:-.04em;margin:12px 0 8px;font-size:25px}.swipe-form-intro{color:var(--text-dim);margin:0 0 22px;font-size:13px;line-height:1.6}#swipeStart{scroll-margin-top:100px}.swipe-guide{min-width:0}.swipe-mockup{user-select:none;margin:0}.swipe-mockup figcaption{height:38px;color:var(--text-dim);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.mockup-caption-tools>span{letter-spacing:.12em;font-size:9px}.mockup-stack{isolation:isolate;margin:12px 30px 18px 14px;position:relative}.mockup-card{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;overflow:hidden}.mockup-card img{pointer-events:none;width:100%;height:auto;display:block}.mockup-caption{flex-direction:column;gap:5px;padding:16px 18px;display:flex}.mockup-caption span{color:var(--text-dim);font-size:11px}.mockup-caption strong{letter-spacing:-.03em;font-size:19px;font-weight:500}.mockup-actions{justify-content:center;align-items:center;gap:14px;margin:26px 0 24px;display:flex}.mockup-actions>span{border:1px solid var(--border);background:var(--bg-card);border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 22px;font-size:12px;display:flex}.mockup-actions small{opacity:.6;font-size:12px}.mockup-actions .mockup-undo{color:var(--text-dim);background:0 0;border:0;padding:0 10px;font-size:23px}.mockup-actions .mockup-save{background:var(--accent);border-color:var(--accent);color:var(--bg)}.swipe-steps{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.swipe-steps li{border-bottom:1px solid var(--border);gap:18px;padding:17px 0;display:flex}.step-number{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px;line-height:22px}.swipe-steps h2{margin:0 0 5px;font-size:14px;font-weight:500;line-height:1.5}.swipe-steps p{color:var(--text-dim);max-width:420px;margin:0;font-size:12px;line-height:1.6}@media (width<=1000px){.swipe-setup{gap:28px}.swipe-intro{display:block}.swipe-intro p{max-width:500px;margin-top:20px}.swipe-form{padding:22px}}@media (width<=760px){.swipe-setup{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:18px}.swipe-intro h1{max-width:390px;font-size:46px}.swipe-intro h1 em{display:block}.swipe-intro p{margin-top:18px;font-size:14px}.swipe-form{margin-top:0}.mockup-actions{gap:10px}.mockup-actions>span{padding:0 20px}.swipe-steps li{padding:15px 0}}.mockup-caption-tools{align-items:center;gap:14px;display:flex}#mockupMotion{color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0;font-size:11px}#mockupMotion:hover{color:var(--text)}.mockup-card{transform-origin:50% 85%;position:relative}.mockup-cue{z-index:1;border:1px solid var(--border);background:var(--bg);opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:12px;padding:12px 18px;font-size:14px;display:flex;position:absolute;top:42%;box-shadow:0 4px 18px #00000018}.mockup-cue-save{color:var(--accent);right:20px}.mockup-cue-skip{color:var(--text);left:20px}.has-motion .mockup-card{animation:8s ease-in-out infinite mockup-swipe}.has-motion .mockup-cue-save{animation:8s ease-in-out infinite mockup-save-cue}.has-motion .mockup-cue-skip{animation:8s ease-in-out infinite mockup-skip-cue}.has-motion .mockup-actions .mockup-save{animation:8s ease-in-out infinite mockup-save-action}.has-motion .mockup-actions .mockup-skip{animation:8s ease-in-out infinite mockup-skip-action}.has-motion.is-paused .mockup-card,.has-motion.is-paused .mockup-cue,.has-motion.is-paused .mockup-actions>span{animation-play-state:paused}@keyframes mockup-swipe{0%,8%,38%,48%,80%,to{transform:translate(0)rotate(0)}18%,27%{transform:translate(4%)rotate(2deg)}59%,68%{transform:translate(-4%)rotate(-2deg)}}@keyframes mockup-save-cue{0%,9%,36%,to{opacity:0;transform:translate(-10px)}17%,28%{opacity:1;transform:translate(0)}}@keyframes mockup-skip-cue{0%,49%,78%,to{opacity:0;transform:translate(10px)}58%,69%{opacity:1;transform:translate(0)}}@keyframes mockup-save-action{0%,8%,38%,to{transform:scale(1)}18%,27%{transform:scale(1.07)}}@keyframes mockup-skip-action{0%,48%,80%,to{border-color:var(--border);transform:scale(1)}59%,68%{border-color:var(--text-dim);transform:scale(1.07)}}@media (prefers-reduced-motion:reduce){.has-motion .mockup-card,.has-motion .mockup-cue,.has-motion .mockup-actions>span{animation:none}.mockup-cue{display:none}}.mockup-next{z-index:-1;border:1px solid var(--border);background:var(--bg-card);border-radius:12px;position:absolute;inset:10px 0 0;overflow:hidden;transform:translate(14px)rotate(2.5deg)}.mockup-next img{pointer-events:none;width:100%;height:auto;display:block}.has-motion .mockup-next{animation:8s ease-in-out infinite mockup-next-peek}.has-motion.is-paused .mockup-next{animation-play-state:paused}@keyframes mockup-next-peek{0%,8%,38%,48%,80%,to{transform:translate(14px)rotate(2.5deg)}18%,27%{transform:translate(-7px)rotate(-1.5deg)}59%,68%{transform:translate(23px)rotate(3deg)}}@media (width<=760px){.mockup-stack{margin-left:10px;margin-right:28px}}@media (prefers-reduced-motion:reduce){.has-motion .mockup-next{animation:none}}.swipe-controls{bottom:calc(12px + env(safe-area-inset-bottom));z-index:4;border:1px solid var(--border);background:var(--bg);border-radius:14px;justify-content:center;align-items:center;gap:18px;width:max-content;max-width:100%;margin:24px auto 0;padding:8px 12px;display:flex;position:sticky;box-shadow:0 6px 24px #00000018}.swipe-controls .swipe-actions{width:auto;max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;gap:12px;margin:0;padding:0;position:static}.swipe-done{border:1px solid var(--border);background:var(--bg-card);min-height:48px;color:var(--text);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:13px;font-weight:500;display:inline-flex}.swipe-done:hover{border-color:var(--text-dim)}.swipe-done:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#swipeDoneCount{background:var(--border);font-variant-numeric:tabular-nums;border-radius:5px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:11px;display:inline-grid}@media (width<=760px){.swipe-controls{width:100%;bottom:calc(8px + env(safe-area-inset-bottom));justify-content:stretch;gap:8px;margin-top:20px;padding:8px;display:grid}.swipe-controls .swipe-actions{grid-template-columns:1fr 44px 1fr;gap:8px;display:grid}.swipe-controls .swipe-decision{min-width:0;min-height:48px}.swipe-controls .swipe-undo{min-width:44px;min-height:48px}.swipe-done{border-radius:6px;width:100%;min-height:44px}}