body.tables-show{max-height:100vh;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden}body.tables-new #setting-details{padding:1rem}body.tables-new .setting-details-content{display:flex;align-items:flex-start;gap:1rem}body.tables-new .setting-details-media{flex:0 0 11rem;max-width:11rem}body.tables-new .setting-details-image{width:100%;min-height:12rem;border-radius:var(--form-radius);background-position:center;background-repeat:no-repeat;background-size:cover}body.tables-new .setting-details-copy{min-width:0;flex:1 1 auto}body.tables-new .setting-details-prompt{white-space:pre-wrap}body.tables-show footer{display:none}#TableShow{flex-grow:1;display:flex;flex-direction:column;max-height:calc(100vh - 45px);max-height:calc(100dvh - 45px);padding-bottom:200px}#TableShow nav.button-group.is-tabs{padding:0;width:100%}#TableShow .channel-content{min-height:calc(100vh - 100px);min-height:calc(100dvh - 100px);max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px)}#TableShow nav.button-group .button:first-child{border-bottom-left-radius:0}#TableShow nav.button-group .button:last-child{border-bottom-right-radius:0}#TableShow nav.button-group .button.is-selected{border-bottom:2px solid black}#TableShow section.tab-container:has(.story-log){padding:0;background-color:transparent;border:none}#TableShow .story-log{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;margin-top:0;margin-bottom:0;border-bottom:none;border-top:none}#TableShow .table-characters-badge-list{margin-top:0;margin-bottom:0}#TableShow #audio-player{margin-top:0;margin-bottom:0}#TableShow .input-submission-container textarea{border-radius:0;border-top:1px solid rgba(0,0,0,0.2);border-bottom:none}#TableShow .input-submission-container{margin-top:0;margin-bottom:0;border-radius:0}#TableShow .action-submit{border-top-left-radius:0;border-top-right-radius:0;border-top:none}#TableShow .table-errors{right:var(--base-spacing);top:var(--base-spacing);position:absolute;z-index:5;max-width:90vw}#TableShow .tab-container{max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);display:flex;flex-direction:column;border:1px solid rgba(0,0,0,0.1);border-top:none;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--form-radius);border-bottom-right-radius:var(--form-radius);background-color:var(--color-box);padding:var(--base-spacing)}@media (max-height: 768px){#TableShow .table-characters-badge-list{display:none}}@media (max-width: 768px){body.tables-new .setting-details-content{flex-direction:column}body.tables-new .setting-details-media{flex-basis:auto;max-width:100%;width:100%}body.tables-new .setting-details-image{min-height:9rem}body.tables-show{overflow:visible !important;max-height:none !important;height:auto !important}body.tables-show #TableShow{font-size:1.05rem;width:100%;max-width:100%;margin:0;padding:0}body.tables-show #TableShow .tab-container{padding:0.5rem;margin:0;border:none;box-shadow:none;background:transparent;max-height:none !important;height:auto !important;flex-grow:1}body.tables-show #TableShow{max-height:none !important;height:auto !important;padding-bottom:0 !important}body.tables-show #TableShow .channel-content{min-height:100dvh;height:auto !important;max-height:none !important;overflow:visible !important;padding-bottom:0}body.tables-show #TableShow .tab-container .story-log{overflow:visible !important;max-height:none !important}body.tables-show #TableShow nav.button-group.is-tabs{position:sticky;top:0;z-index:100;background-color:#f5f5f5;padding:5px 10px;width:100%}body.tables-show #TableShow .input-submission-container{position:sticky;bottom:0;z-index:100;background-color:#f5f5f5;padding:10px;margin-bottom:0;border-top:1px solid rgba(0,0,0,0.1)}body.tables-show #TableShow nav.button-group.is-tabs .button{border-radius:0}body.tables-show #TableShow .tab-container article.box,body.tables-show #TableShow .tab-container .box{padding:0.5rem;margin-left:0;margin-right:0;border:none;box-shadow:none;background-color:transparent;border-radius:0}body.tables-show #TableShow .tab-container article:last-child{margin-bottom:0}body.tables-show #TableShow article.w-100.flex-shrink-0{margin-bottom:0;padding-bottom:0}body.tables-show #TableShow article.w-100.flex-shrink-0 button{margin-bottom:0}body.tables-show #TableShow nav.table-errors{margin:0;border-radius:0}body.tables-show #TableShow #audio-player{padding-left:0.5rem;padding-right:0.5rem}body.tables-show #TableShow .table-characters-badge-list{padding-left:0.5rem;margin-top:0.5rem}body.tables-show #TableShow button.is-link.mb3{margin-bottom:0}}@keyframes quick-start-slide-up{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.quick-start-panel{position:fixed;bottom:0;left:0;right:0;z-index:200;border-radius:16px 16px 0 0;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 -4px 24px rgba(0,0,0,0.18);padding:1rem 1rem 1.25rem;animation:quick-start-slide-up 0.4s cubic-bezier(0.32, 0.72, 0, 1);max-height:60vh;overflow-y:auto}.quick-start-panel-handle{width:36px;height:4px;border-radius:2px;background:rgba(0,0,0,0.2);margin:0 auto 1rem}.quick-start-panel-label{font-size:0.7rem;opacity:0.6;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:2px}.quick-start-panel-hint{font-size:0.75rem;opacity:0.5;text-align:center;margin:0}.quick-start-enter-active{animation:quick-start-slide-up 0.4s cubic-bezier(0.32, 0.72, 0, 1)}.quick-start-leave-active{transition:opacity 0.25s ease, transform 0.25s ease}.quick-start-leave-to{opacity:0;transform:translateY(16px)}@media (min-width: 769px){.quick-start-panel{left:calc(50% - 240px);right:auto;width:480px;border-radius:16px 16px 0 0}}@media (prefers-color-scheme: dark){.quick-start-panel-handle{background:rgba(255,255,255,0.2)}}.submission-char-counter{position:absolute;bottom:8px;right:8px;font-size:0.75rem;background-color:rgba(255,255,255,0.9);color:rgba(0,0,0,0.6);border-radius:0.25rem;padding:0.15rem 0.25rem;line-height:1;font-family:sans-serif;pointer-events:none;opacity:0.8}.submission-char-counter.is-invalid{color:#ff4136;font-weight:bold}@media (prefers-color-scheme: dark){#TableShow .tab-container{border-color:rgba(255,255,255,0.15)}.submission-char-counter{background-color:rgba(0,0,0,0.8);color:rgba(255,255,255,0.7)}.submission-char-counter.is-invalid{color:#ff6b6b}}@media (prefers-color-scheme: dark) and (max-width: 768px){body.tables-show #TableShow nav.button-group.is-tabs{background-color:#333}body.tables-show #TableShow .input-submission-container{background-color:#333;border-top:1px solid #555}}
