.card-short{background:var(--bg-quaternary);border-radius:var(--border-radius-lg);flex-direction:column;gap:4px;min-height:calc(100vh - 106px);display:flex;position:relative}.card-short__inner{flex:auto;padding:4px 4px 0;display:flex}.card-short__content{border-radius:var(--border-radius-lg);flex-grow:1;min-width:0;min-height:0}.card-short__camera{touch-action:pan-y pinch-zoom;align-items:flex-start;gap:12px;display:flex}.card-short__page{flex:0 0 100%;min-width:0;transform:translate(0,0)}.card-short__page img{width:100%}.card-short__status{pointer-events:none;z-index:2;position:absolute;top:8px;right:8px}.card-short__status .tag{--tag-radius:9999px;--tag-text:var(--text-secondary);border:1px solid var(--border-secondary);box-shadow:0 0 10px #00000040}.card-short .card-list{border-radius:var(--border-radius-lg);transition:background var(--transition);background:0 0;padding:4px}.card-short .card-list:hover{background:var(--bg-tertiary);border-radius:var(--border-radius-lg)}.short{width:100%;max-width:760px;padding-inline:var(--gap);flex-grow:1;margin:86px auto 0}.short-viewport{overflow:hidden}.short-viewport__camera{touch-action:pan-x pinch-zoom;flex-direction:column;gap:20px;height:calc(100vh - 86px);display:flex}.short-arrow{z-index:10;pointer-events:none;max-width:760px;padding:0 calc(var(--gap) + 12px);justify-content:space-between;width:100%;display:none;position:fixed;top:30%;left:50%;transform:translate(-50%)}@media screen and (width>=992px){.short-arrow{display:flex}}.short-arrow__el{pointer-events:all;border-radius:var(--border-radius-lg);background:var(--bg-primary);padding:4px;position:relative}.short-arrow__el:after{content:"";background-color:var(--bg-tertiary);border-radius:var(--border-radius-lg);position:absolute;inset:0}.short-arrow__el .button{z-index:1}.short-bar{top:0;bottom:0;right:calc(var(--gap) + 12px);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;gap:12px;max-width:100%;max-height:100%;display:flex;position:fixed}.short-bar .button{--button-size:48px;border-radius:50%}@media screen and (width>=992px){.short-bar .button{--button-size:56px}}.short-bar .button:after{content:"";z-index:-1;background:var(--bg-primary);border:1px solid var(--bg-primary);border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}