.app{position:relative;display:flex;flex-direction:column;height:100%;color:var(--color-text)}.app.drag-over:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#3b82f61a;border:var(--size-2) dashed #3b82f6;border-radius:var(--border-radius-8);z-index:1000;pointer-events:none}.app.drag-over:after{content:"Drop JSON story file here to import";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:var(--size-16) var(--size-24);border-radius:var(--border-radius-8);font-size:calc(18px * var(--scale-size));font-weight:500;z-index:1001;pointer-events:none;border:var(--size-2) solid #3b82f6}html,body,#rootElement{display:flex;flex-direction:column;height:100dvh;width:100dvw;margin:var(--size-0);padding:var(--size-0);overflow:hidden}*{font-size:var(--text-size);font-family:var(--text-font-family);box-sizing:border-box;font-weight:500;transition:color .1s linear,background .1s linear}*::-webkit-scrollbar-track{background:var(--color-background-primary);z-index:1}*::-webkit-scrollbar{width:calc(18px * var(--scale-size));background:var(--color-background-secondary)}*::-webkit-scrollbar-thumb{background:var(--color-background-secondary);background-clip:padding-box;border:var(--size-1) solid transparent;border-radius:var(--border-radius-8)}*::-webkit-scrollbar-corner{background:var(--color-background-primary)}h1,h2,h3,h4,h5,h6{margin:0}h1{font-size:var(--text-size-header-1)}h2{font-size:var(--text-size-header-2)}p,pre,code{margin:0}pre,code{margin:0;font-size:var(--text-size-small)}.text{color:var(--color-text)}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.flex,.fill{flex:1}.divider-horizontal{height:var(--size-1);width:100%;background-color:var(--color-background-divider)}@font-face{font-family:Norse;src:url(/fonts/norse/Norse.otf)}@font-face{font-family:NorseBold;src:url(/fonts/norse/NorseBold.otf)}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Regular.ttf)}@font-face{font-family:PoppinsBold;src:url(/fonts/poppins/Poppins-Bold.ttf)}[data-theme]{--text-font-family: "Poppins";--scale-size: 1;--text-size-header-1: calc(20px * var(--scale-size));--text-size: calc(18px * var(--scale-size));--text-size-small: calc(14px * var(--scale-size));--text-size-very-small: calc(12px * var(--scale-size));--image-background-image: url(/images/splash-book.png);--image-background-size: var(--size-192)}.story-page{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--color-background-primary);background-image:var(--image-background-image);background-position:center;background-size:var(--image-background-size);background-repeat:no-repeat;overflow:hidden;z-index:0}.story-page .header{display:flex;flex-direction:column;align-items:initial;gap:var(--size-0);padding:var(--size-0)}.story-page .header .header-row{display:flex;flex-direction:row;align-items:center;gap:var(--size-4);padding:var(--size-4)}.story-page .header .header-row .title{align-content:center;flex:1;padding:var(--size-8) var(--size-16);overflow:hidden;text-overflow:ellipsis;text-align:center;white-space:nowrap}.story-page .header .tokens-used{display:flex;flex-direction:row;align-items:center;gap:var(--size-4)}.story-page .header .tokens-used .token-bar-container{position:relative;height:var(--size-1);flex:1}.story-page .header .tokens-used .token-bar-container .token-bar-fill{position:absolute;left:0;top:0;height:100%;background:var(--color-background-secondary);transition:width .3s ease}.story-page .header .tokens-used .token-percentage{font-size:.75rem;font-weight:500;color:color-mix(in srgb,var(--color-min) 80%,transparent);text-align:center}.story-page .header .pagination-row{display:flex;flex-direction:row;align-items:center;gap:var(--size-4);width:100%;max-width:calc(600px * var(--scale-size));margin:0 auto;padding:var(--size-4)}.story-page .header .pagination-row .pagination-info{align-content:center;flex:1;font-size:var(--text-size-small);padding:var(--size-8) var(--size-16);overflow:hidden;text-overflow:ellipsis;text-align:center;white-space:nowrap}.story-page .header-image-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:.05;pointer-events:none}.story-page .header-image-container .header-image{width:100%;height:100%;object-fit:cover;object-position:center}.story-page .story{display:flex;flex-direction:column-reverse;align-items:center;padding:var(--size-16);overflow-y:auto;gap:var(--size-16);margin-top:auto;padding-top:calc(72px * var(--scale-size) + var(--chapter-padding))}.story-page .story .message_wrapper_stream{flex-direction:row}.story-page .story .message_wrapper_stream .message .message-content{flex:1}.story-page .story .message_wrapper_user .message{margin-left:auto;background-color:var(--color-background-primary);border:var(--size-2) solid var(--color-border-input)}.story-page .story .message_wrapper_user .menu .button_delete{margin-left:auto}.story-page .story .message_wrapper_user .menu .button_delete .button_delete_confirm{right:initial;left:0}.story-page .story-form{position:relative;display:flex;flex-direction:row;align-items:end;padding:var(--size-4);gap:var(--size-4);background-color:var(--color-background-secondary)}.story-page .story-form input{flex:1;height:var(--size-48);border-radius:var(--border-radius-8);background-color:var(--color-background-input);border:var(--size-1) solid var(--color-border-input)}.story-page .story-form textarea{flex:1}.story-page .button_scroll{position:absolute;left:50%;bottom:calc(100% + var(--size-4));transform:translate(-50%);pointer-events:none;opacity:0;transition:opacity .2s linear}.story-page .button_scroll_visible{pointer-events:auto;opacity:1}button,a{position:relative;z-index:0;--button-scoped-border-radius: var(--border-radius-8);display:flex;align-items:center;justify-content:center;gap:var(--size-8);height:var(--size-48);padding:var(--size-0) var(--size-16);color:var(--color-text);background:var(--color-background-button);border:none;border-radius:var(--button-scoped-border-radius);cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration-color:var(--color-text);text-decoration:none;box-shadow:var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000,inset var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000;transition:box-shadow .2s linear,transform .05s linear}button svg,a svg{height:calc(28px * var(--scale-size));width:auto;flex-shrink:0}button:focus-visible,a:focus-visible{outline-offset:calc(-1 * var(--size-2));outline:var(--size-2) solid var(--color-text)}button:hover,a:hover{box-shadow:var(--size-0) var(--size-1) var(--size-1) var(--size-1) #0000004d,inset var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000}button:hover .button-tooltip,a:hover .button-tooltip{opacity:1;visibility:visible}button:active,a:active{transform:translateY(var(--size-1));box-shadow:var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000,inset var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000004d}button.button-disabled,a.button-disabled{color:var(--color-text-disabled);background:var(--color-background-button-disabled);pointer-events:none}button.button-disabled svg,a.button-disabled svg{color:var(--color-text-disabled)}button.button-stitched,a.button-stitched{color:var(--color-button-stitched);border:var(--size-2) dashed currentColor;background-color:var(--color-background-secondary)}button.button-active,a.button-active{transform:translateY(var(--size-1));box-shadow:var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000,inset var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000004d}button.button-basic,a.button-basic{border-radius:var(--size-0);background-color:transparent;box-shadow:none}button.button-basic:hover,a.button-basic:hover{box-shadow:none}button.button-basic:active,a.button-basic:active{transform:none;box-shadow:none}button.button-subtle,a.button-subtle{background-color:transparent}button.button-subtle:hover,a.button-subtle:hover{background:var(--color-background-button)}button.button-accent,a.button-accent{background:var(--color-background-button-accent)}button.button-square,button.button-round,a.button-square,a.button-round{aspect-ratio:1/1;width:auto;padding:0;flex-shrink:0}button.button-round,a.button-round{border-radius:calc(999px * var(--scale-size))}button.button-list,a.button-list{flex-shrink:0;width:100%;border-radius:var(--size-0);background-color:transparent;box-shadow:none;white-space:nowrap;text-overflow:ellipsis}button.button-list:not(.button-confirming),a.button-list:not(.button-confirming){justify-content:flex-start}button.button-list svg,a.button-list svg{height:var(--size-24);width:auto}button.button-list:hover,a.button-list:hover{box-shadow:none}button.button-list:hover:not(.button-confirming),a.button-list:hover:not(.button-confirming){background:var(--color-background-button)}button.button-list:active,a.button-list:active{box-shadow:none}button.button-list:active:not(.button-confirming),a.button-list:active:not(.button-confirming){background:var(--color-background-button-outline)}button.button-small,a.button-small{height:var(--size-button-small);gap:var(--size-6);font-size:var(--text-size-small)}button.button-small svg,a.button-small svg{height:calc(20px * var(--scale-size))}button.button-very-small,a.button-very-small{height:var(--size-button-very-small);gap:var(--size-4);font-size:var(--text-size-very-small)}button.button-very-small svg,a.button-very-small svg{height:var(--size-16)}button.button-danger,a.button-danger{background-color:var(--color-background-danger)}button.button-loading .button-content,a.button-loading .button-content{animation:button-loading-animation 1s ease-in-out infinite}button.button-pill,a.button-pill{border-radius:calc(999px * var(--scale-size))}button .button-tooltip,a .button-tooltip{position:absolute;z-index:10;pointer-events:none;background-color:var(--color-background-primary);border:var(--size-1) solid var(--color-border-input);border-radius:var(--border-radius-8);padding:var(--size-6) var(--size-12);height:var(--size-button-small);gap:var(--size-6);font-size:var(--text-size-small);color:var(--color-text);text-align:center;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}button .button-tooltip svg,a .button-tooltip svg{height:calc(20px * var(--scale-size))}button .button-tooltip.button-tooltip-top,a .button-tooltip.button-tooltip-top{bottom:calc(100% + var(--size-8));left:50%;transform:translate(-50%)}button .button-tooltip.button-tooltip-bottom,a .button-tooltip.button-tooltip-bottom{top:calc(100% + var(--size-8));left:50%;transform:translate(-50%)}button .button-tooltip.button-tooltip-left,a .button-tooltip.button-tooltip-left{right:calc(100% + var(--size-8));top:50%;transform:translateY(-50%)}button .button-tooltip.button-tooltip-right,a .button-tooltip.button-tooltip-right{left:calc(100% + var(--size-8));top:50%;transform:translateY(-50%)}@keyframes button-loading-animation{0%,to{opacity:.2}50%{opacity:.5}}.header{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:row;align-items:center;gap:var(--size-4);padding:var(--size-4);background-color:var(--color-background-secondary);z-index:1}.header.header-transparent{-webkit-backdrop-filter:blur(var(--size-8));backdrop-filter:blur(var(--size-8));background-color:color-mix(in srgb,var(--color-background-secondary) 70%,transparent)}.textarea-component{height:var(--size-48);min-height:var(--size-48);min-width:var(--size-0);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);padding:calc(10px * var(--scale-size)) var(--size-16);color:var(--color-text);background:var(--color-background-input);max-height:var(--size-256);box-sizing:border-box;resize:none}.textarea-component:disabled{color:var(--color-text-disabled);background:var(--color-background-button-disabled);pointer-events:none}.textarea-component:disabled::placeholder{color:var(--color-text-disabled)}.textarea-component::placeholder{color:var(--color-text-disabled)}.menu-dropdown-list{--button-scoped-border-radius: var(--border-radius-8);position:absolute;top:calc(100% + var(--size-4));right:0;display:flex;flex-direction:column;padding:var(--size-4) var(--size-0);opacity:0;pointer-events:none;transition:opacity .1s;border-radius:var(--size-4);-webkit-user-select:none;user-select:none;color:var(--color-text);background-color:var(--color-background-secondary);border:var(--size-1) solid var(--color-background-divider);overflow-x:hidden;overflow-y:auto;z-index:10}.menu-dropdown-list.menu-dropdown-list_opened{pointer-events:initial;opacity:1}.menu-dropdown-list.menu-dropdown-list_inline{position:initial;top:initial;right:initial;transform:initial}@font-face{font-family:Norse;src:url(/fonts/norse/Norse.otf)}@font-face{font-family:NorseBold;src:url(/fonts/norse/NorseBold.otf)}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Regular.ttf)}@font-face{font-family:PoppinsBold;src:url(/fonts/poppins/Poppins-Bold.ttf)}[data-theme]{--text-font-family: "Poppins";--scale-size: 1;--text-size-header-1: calc(20px * var(--scale-size));--text-size: calc(18px * var(--scale-size));--text-size-small: calc(14px * var(--scale-size));--text-size-very-small: calc(12px * var(--scale-size));--image-background-image: url(/images/splash-book.png);--image-background-size: var(--size-192)}.message_wrapper{display:flex;flex-direction:column;align-items:end;gap:var(--size-4);height:unset;width:100%;max-width:calc(600px * var(--scale-size));padding:var(--size-0);cursor:unset;-webkit-user-select:initial;user-select:initial}.message_wrapper .message{position:relative;display:flex;flex-direction:column;gap:var(--size-8);height:unset;padding:var(--size-0);border-radius:var(--border-radius-8);background-color:var(--color-background-secondary);overflow:hidden;z-index:0;-webkit-user-select:text;user-select:text;text-align:start;white-space:pre-line;transition:height .2s ease}.message_wrapper .message_selected{cursor:unset;outline:var(--size-2) solid var(--color-background-divider);outline-offset:calc(-1 * var(--size-2))}.message_wrapper .message .message-content{display:flex;flex-direction:column;gap:var(--size-12)}.message_wrapper .message .message-content .message-text-section{position:relative;display:flex;flex-direction:column}.message_wrapper .message .message-content .message-text-section .message-text{min-height:0;transition:min-height .2s ease;padding:var(--size-8) var(--size-16)}.message_wrapper .message .message-content .message-image-section{position:relative;display:none;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-8);width:100%;height:auto;aspect-ratio:1536/1024}.message_wrapper .message .message-content .message-image-section .message-image-loading-progress{position:absolute;top:unset;right:unset;bottom:18%;left:50%;transform:translate(-50%);height:var(--size-8);width:60%;color:var(--color-text-disabled);opacity:.5;z-index:1}.message_wrapper .message .message-content .message-image-section .message-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);align-self:center;object-fit:cover;min-height:100%;min-width:100%;aspect-ratio:3/2;width:100%;height:auto;background-color:var(--color-background-primary);border:var(--size-2) solid var(--color-border-input);border-radius:var(--border-radius-8)}.message_wrapper .message .message-content .message-image-section .message-image svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:50%;color:var(--color-text-disabled);animation:message_image_missing_loading_animation 2s ease-in-out infinite}@keyframes message_image_missing_loading_animation{0%,to{opacity:.2}50%{opacity:.5}}.message_wrapper .message .message-content .message-image-section .image-selector{position:absolute;bottom:var(--size-0);left:50%;transform:translate(-50%);display:flex;gap:var(--size-4);padding:var(--size-4);z-index:1}.message_wrapper .message .message-content .message-image-delete{position:absolute;bottom:var(--size-4);left:var(--size-4)}.message_wrapper .message .message-content .message-info-toggle{position:absolute;bottom:var(--size-4);right:var(--size-4)}.message_wrapper .message .message-content .message-image-indicator{position:absolute;bottom:var(--size-4);right:var(--size-4);display:flex;align-items:center;justify-content:center;height:var(--size-24);min-height:var(--size-24);gap:var(--size-6);aspect-ratio:1/1;width:auto;padding:0;font-size:var(--text-size-small);color:var(--color-background-divider);border:var(--size-2) dashed currentColor;border-radius:var(--border-radius-8)}.message_wrapper .message .message-content .message-image-indicator svg{height:var(--size-16);width:auto}.message_wrapper .message .message-content .message-pin-story{position:absolute;top:var(--size-4);right:var(--size-4)}.message_wrapper .message .message-content .message-info{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--color-background-primary);border:var(--size-2) solid var(--color-border-input);padding:var(--size-8) var(--size-16);border-radius:var(--border-radius-8);overflow:auto;opacity:0;pointer-events:none;transition:opacity .2s ease}.message_wrapper .message .message-content .message-info-visible{opacity:1;pointer-events:auto}.message_wrapper .message .image-prompt-toggle{position:absolute;bottom:var(--size-4);right:var(--size-4);z-index:2}.message_wrapper .message .message-copy-text{position:absolute;bottom:var(--size-4);right:var(--size-4)}.message_wrapper .message-image-visible .message-content .message-image-section{display:flex}.message_wrapper .message-buttons{display:flex;flex-direction:row;justify-content:end;gap:var(--size-4);width:100%;max-height:0;overflow:hidden;transition:max-height .1s ease}.message_wrapper .message-buttons_visible{max-height:calc(var(--size-48) + 2 * var(--size-1));padding:var(--size-1) 0}.message_wrapper .message-buttons .message-number{display:flex;align-items:center;flex-shrink:0;margin-right:auto;font-size:var(--text-size-very-small);color:var(--color-text-secondary);padding:var(--size-4) var(--size-8)}.message_wrapper .message-buttons .button_info{margin-right:auto}.message_wrapper .message-buttons .message-buttons-loading-progress{position:absolute;top:unset;right:unset;bottom:15%;left:50%;height:var(--size-4);width:80%;transform:translate(-50%,50%);color:var(--color-text-disabled);opacity:.5;z-index:1}.border-golden-wrapper{position:relative;z-index:0}.border-golden-wrapper.border-golden_button-wrapping:active .border-golden{transform:translateY(var(--size-1))}.border-golden-wrapper.border-golden_button-wrapping .border-golden{transition:transform .05s linear}.border-golden-wrapper .border-golden{position:absolute;top:calc(-1 * var(--border-golden-padding));right:calc(-1 * var(--border-golden-padding));bottom:calc(-1 * var(--border-golden-padding));left:calc(-1 * var(--border-golden-padding));padding:0;z-index:-1;padding:var(--border-golden-padding);border-radius:var(--border-radius-8);background:var(--gold-gradient);background-size:200% auto;animation:border-golden-shine 4s linear infinite;animation-delay:calc(-1 * var(--border-golden-animation-offset, 0s))}@keyframes border-golden-shine{to{background-position:200% center}}[data-theme]{--scale-size: 1;--size-0: calc(0px * var(--scale-size));--size-1: calc(1px * var(--scale-size));--size-2: calc(2px * var(--scale-size));--size-4: calc(4px * var(--scale-size));--size-8: calc(8px * var(--scale-size));--size-16: calc(16px * var(--scale-size));--size-32: calc(32px * var(--scale-size));--size-64: calc(64px * var(--scale-size));--size-128: calc(128px * var(--scale-size));--size-256: calc(256px * var(--scale-size));--size-512: calc(512px * var(--scale-size));--size-1024: calc(1024px * var(--scale-size));--size-6: calc(6px * var(--scale-size));--size-12: calc(12px * var(--scale-size));--size-24: calc(24px * var(--scale-size));--size-48: calc(48px * var(--scale-size));--size-96: calc(96px * var(--scale-size));--size-192: calc(192px * var(--scale-size));--size-384: calc(384px * var(--scale-size));--size-768: calc(768px * var(--scale-size));--size-1536: calc(1536px * var(--scale-size));--size-button-small: calc(38px * var(--scale-size));--size-button-very-small: calc(var(--size-24));--border-radius-4: var(--size-4);--border-radius-8: var(--size-8)}[data-theme]{--hue-angle-base: 225deg;--chroma-base: 0%;--alpha-base: 1;--color-base-0: oklch(0% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-1: oklch(1% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-2: oklch(2% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-3: oklch(3% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-4: oklch(4% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-5: oklch(5% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-6: oklch(6% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-7: oklch(7% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-8: oklch(8% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-9: oklch(9% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-10: oklch(10% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-11: oklch(11% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-12: oklch(12% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-13: oklch(13% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-14: oklch(14% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-15: oklch(15% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-16: oklch(16% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-17: oklch(17% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-18: oklch(18% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-19: oklch(19% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-20: oklch(20% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-21: oklch(21% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-22: oklch(22% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-23: oklch(23% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-24: oklch(24% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-25: oklch(25% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-26: oklch(26% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-27: oklch(27% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-28: oklch(28% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-29: oklch(29% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-30: oklch(30% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-31: oklch(31% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-32: oklch(32% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-33: oklch(33% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-34: oklch(34% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-35: oklch(35% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-36: oklch(36% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-37: oklch(37% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-38: oklch(38% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-39: oklch(39% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-40: oklch(40% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-41: oklch(41% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-42: oklch(42% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-43: oklch(43% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-44: oklch(44% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-45: oklch(45% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-46: oklch(46% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-47: oklch(47% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-48: oklch(48% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-49: oklch(49% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-50: oklch(50% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-51: oklch(51% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-52: oklch(52% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-53: oklch(53% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-54: oklch(54% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-55: oklch(55% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-56: oklch(56% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-57: oklch(57% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-58: oklch(58% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-59: oklch(59% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-60: oklch(60% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-61: oklch(61% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-62: oklch(62% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-63: oklch(63% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-64: oklch(64% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-65: oklch(65% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-66: oklch(66% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-67: oklch(67% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-68: oklch(68% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-69: oklch(69% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-70: oklch(70% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-71: oklch(71% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-72: oklch(72% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-73: oklch(73% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-74: oklch(74% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-75: oklch(75% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-76: oklch(76% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-77: oklch(77% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-78: oklch(78% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-79: oklch(79% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-80: oklch(80% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-81: oklch(81% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-82: oklch(82% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-83: oklch(83% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-84: oklch(84% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-85: oklch(85% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-86: oklch(86% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-87: oklch(87% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-88: oklch(88% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-89: oklch(89% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-90: oklch(90% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-91: oklch(91% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-92: oklch(92% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-93: oklch(93% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-94: oklch(94% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-95: oklch(95% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-96: oklch(96% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-97: oklch(97% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-98: oklch(98% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-99: oklch(99% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-100: oklch(100% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--gold-gradient: linear-gradient(90deg, #7c5505 5%, #ce9914 23%, #f3e4a2 45%, #eecb4c 60%, #f0d878 70%, #aa780d 85%, #7c5505 100%);--bifrost-gradient: linear-gradient(90deg, #FF595E 0%, #FFCA3A 20%, #8AC926 40%, #1982C4 60%, #6A4C93 80%, #FF595E 100%);--color-background-primary: var(--color-primary-1);--color-background-secondary: var(--color-primary-2);--color-background-button: var(--color-primary-3);--color-background-button-disabled: var(--color-primary-1);--color-background-button-outline: var(--color-primary-4);--color-background-danger: var(--red-1);--color-background-confirm: var(--green-1);--color-background-divider: var(--color-primary-4);--color-background-input: var(--color-primary-1);--color-border-input: var(--color-primary-3);--color-text: var(--color-contrast-1);--color-text-secondary: var(--color-contrast-2);--color-text-disabled: var(--color-primary-4);--color-text-danger: var(--red-2);--color-text-success: var(--green-2);--color-button-stitched: var(--color-contrast-3)}[data-theme=light]{--color-max: var(--color-base-100);--color-min: var(--color-base-0);--color-primary-1: var(--color-base-82);--color-primary-2: var(--color-base-94);--color-primary-3: var(--color-base-100);--color-primary-4: var(--color-base-67);--color-contrast-1: var(--color-base-24);--color-contrast-2: var(--color-base-28);--color-contrast-3: var(--color-base-34);--color-contrast-4: var(--color-base-43);--red-1: #ff6e6e;--red-2: #b63535;--green-1: #56e756;--green-2: #2c972c}[data-theme=dark]{--color-max: var(--color-base-0);--color-min: var(--color-base-100);--color-primary-1: var(--color-base-18);--color-primary-2: var(--color-base-24);--color-primary-3: var(--color-base-30);--color-primary-4: var(--color-base-39);--color-contrast-1: var(--color-base-100);--color-contrast-2: var(--color-base-81);--color-contrast-3: var(--color-base-68);--color-contrast-4: var(--color-base-53);--red-1: #512929;--red-2: #ef4f4f;--green-1: #295129}:root .grabable{cursor:grab}:root .grabbed{cursor:grabbing}:root .grabbed *{cursor:grabbing}@font-face{font-family:Norse;src:url(/fonts/norse/Norse.otf)}@font-face{font-family:NorseBold;src:url(/fonts/norse/NorseBold.otf)}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Regular.ttf)}@font-face{font-family:PoppinsBold;src:url(/fonts/poppins/Poppins-Bold.ttf)}[data-theme]{--text-font-family: "Poppins";--scale-size: 1;--text-size-header-1: calc(20px * var(--scale-size));--text-size: calc(18px * var(--scale-size));--text-size-small: calc(14px * var(--scale-size));--text-size-very-small: calc(12px * var(--scale-size));--image-background-image: url(/images/splash-book.png);--image-background-size: var(--size-192)}.loading-progress{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:var(--border-radius-8);z-index:-1;overflow:hidden}.loading-progress .loading-progress-fill{position:absolute;bottom:0;left:0;right:0;background-color:currentColor;transition:height .3s ease,width .3s ease}.loading-progress.loading-progress-horizontal .loading-progress-fill{top:0;right:auto;height:100%}.loading-progress.loading-progress-indeterminate .loading-progress-fill{height:100%;width:100%;animation:loadingProgressPulse 1.5s ease-in-out infinite}@keyframes loadingProgressPulse{0%,to{opacity:.3}50%{opacity:.7}}.stories-page{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--color-background-secondary);background-image:var(--image-background-image);background-position:center;background-size:var(--image-background-size);background-repeat:no-repeat;overflow:hidden}.stories-page .header{position:relative;display:flex;flex-direction:row;padding:var(--size-4);background-color:var(--color-background-secondary);z-index:0}.stories-page .header .title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stories-page .stories-wrapper{display:flex;flex-direction:column;align-items:center;flex:1;overflow-y:auto;padding:var(--size-48) var(--size-16)}.stories-page .stories-wrapper .stories-content{display:flex;flex-direction:column;gap:var(--size-48);flex:1;width:100%;max-width:calc(800px * var(--scale-size))}.stories-page .stories-wrapper .setting-group{display:flex;flex-direction:column;gap:var(--size-16);width:100%}.stories-page .stories-wrapper .setting-group.setting-group-collections{margin-top:auto}.stories-page .stories-wrapper .setting-group .setting-group-header{display:flex;flex-direction:row;align-items:center;gap:var(--size-16);white-space:nowrap}.stories-page .stories-wrapper .setting-group .stories{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--size-128),1fr));gap:var(--size-8)}.stories-page .stories-form{position:relative;display:flex;flex-direction:row;align-items:end;padding:var(--size-4);gap:var(--size-4);background-color:var(--color-background-secondary)}.stories-page .stories-form input{flex:1;height:var(--size-48);border-radius:var(--border-radius-8);background-color:var(--color-background-input);border:var(--size-1) solid var(--color-border-input)}.stories-page .stories-form textarea{flex:1}.stories-page .button_scroll{position:absolute;left:50%;bottom:calc(100% + var(--size-4));transform:translate(-50%);pointer-events:none;opacity:0;transition:opacity .2s linear}.stories-page .button_scroll_visible{pointer-events:auto;opacity:1}.modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;padding:var(--size-32);overflow-x:hidden;overflow-y:auto}.modal-background{background-color:#00000080;-webkit-backdrop-filter:blur(var(--size-4));backdrop-filter:blur(var(--size-4))}.modal:not(.modal-background){pointer-events:none}.modal:not(.modal-background)>*{pointer-events:initial}@media (max-width: 768px){.modal{padding:var(--size-16)}}.menu-world-preference{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.menu-world-preference .menu-world-preference-background{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(var(--size-4));backdrop-filter:blur(var(--size-4))}.menu-world-preference .menu-world-preference-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;padding:var(--size-32);z-index:0;overflow-y:auto}.menu-world-preference .menu-world-preference-content .menu-world-preference-content-menu{display:flex;flex-direction:column;gap:var(--size-16);width:var(--size-512);max-width:min(100%,var(--size-768));padding:var(--size-16);margin:auto;background-color:var(--color-background-secondary);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);z-index:1}.menu-world-preference .menu-world-preference-content .menu-world-preference-content-menu .menu-world-preference-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--size-16)}.menu-world-preference .menu-world-preference-content .menu-world-preference-content-menu .menu-world-preference-form{display:flex;flex-direction:column;gap:var(--size-16)}.menu-world-preference .menu-world-preference-content .menu-world-preference-content-menu .menu-world-preference-form .setting-group{display:flex;flex-direction:column;gap:var(--size-4)}.menu-world-preference .menu-world-preference-content .menu-world-preference-content-menu .menu-world-preference-form .setting-group .setting-group-header{display:flex;flex-direction:row;align-items:center;gap:var(--size-4)}.menu-world-preference .menu-world-preference-content .menu-world-preference-content-menu .menu-world-preference-form .setting-group .setting-group-header .label{font-size:var(--text-size-small);padding:var(--size-0) var(--size-4)}.menu-world-preference .menu-world-preference-content .menu-world-preference-content-menu .menu-world-preference-form .setting-group .setting-group-row{display:flex;flex-direction:row;gap:var(--size-4)}.menu-world-preference .menu-world-preference-content .menu-world-preference-content-menu .menu-world-preference-form .setting-group .setting-group-row textarea{flex:1;min-height:var(--size-48);height:var(--size-48)}.menu-world-preference .menu-world-preference-content .menu-world-preference-content-menu .menu-world-preference-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--size-8);padding-top:var(--size-8)}.input-component{height:var(--size-48);min-height:var(--size-48);width:100%;min-width:var(--size-0);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);padding:calc(10px * var(--scale-size)) var(--size-16);color:var(--color-text);background:var(--color-background-input);box-sizing:border-box}.input-component:disabled{color:var(--color-text-disabled);background:var(--color-background-button-disabled);pointer-events:none}.input-component:disabled::placeholder{color:var(--color-text-disabled)}.input-component::placeholder{color:var(--color-text-disabled)}.input-option-row{display:flex;flex-direction:row;align-items:center;gap:var(--size-8)}.input-slider-horizontal{display:flex;align-items:center;gap:var(--size-16);width:100%;min-height:unset;background:transparent}.input-slider-horizontal input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:var(--size-button-small);min-height:unset;margin:0;padding:var(--size-6);border-radius:var(--border-radius-8);background-color:var(--color-background-input);border:var(--size-1) solid var(--color-border-input);outline:none;cursor:pointer}.input-slider-horizontal input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--size-24);width:auto;aspect-ratio:1/1;background:var(--color-background-button);border:none;border-color:var(--color-border-input);border-radius:var(--border-radius-8);box-shadow:var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000,inset var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000;cursor:pointer;transition:box-shadow .2s linear,transform .05s linear,background-color .1s linear,border-color .1s linear}.input-slider-horizontal input[type=range]::-webkit-slider-thumb:focus-visible{outline-offset:calc(-1 * var(--size-2));outline:var(--size-2) solid var(--color-text)}.input-slider-horizontal input[type=range]::-webkit-slider-thumb:hover{box-shadow:var(--size-0) var(--size-1) var(--size-1) var(--size-1) #0000004d,inset var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000}.input-slider-horizontal input[type=range]::-webkit-slider-thumb:active{transform:translateY(var(--size-1));box-shadow:var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000,inset var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000004d}.input-slider-horizontal.input-slider-horizontal_disabled{pointer-events:none}.input-slider-horizontal.input-slider-horizontal_disabled input[type=range]{background-color:var(--color-background-button-disabled)}.input-slider-horizontal.input-slider-horizontal_disabled input[type=range]::-webkit-slider-thumb{background:var(--color-background-button-disabled);border:var(--size-1) solid var(--color-border-input)}.input-slider-horizontal .input-slider-horizontal-value{font-size:var(--text-size-small);min-width:var(--size-32)}.hue-angle-input-slider{display:flex;width:100%}.hue-angle-input-slider .input-slider-horizontal input[type=range]{border:var(--size-2) solid transparent;background:linear-gradient(var(--color-background-input),var(--color-background-input)) padding-box,linear-gradient(to right,oklch(60% var(--chroma-base, 15%) 0deg/var(--alpha-base, 1)),oklch(60% var(--chroma-base, 15%) 60deg/var(--alpha-base, 1)),oklch(60% var(--chroma-base, 15%) 120deg/var(--alpha-base, 1)),oklch(60% var(--chroma-base, 15%) 180deg/var(--alpha-base, 1)),oklch(60% var(--chroma-base, 15%) 240deg/var(--alpha-base, 1)),oklch(60% var(--chroma-base, 15%) 300deg/var(--alpha-base, 1)),oklch(60% var(--chroma-base, 15%) 360deg/var(--alpha-base, 1))) border-box!important}.hue-angle-input-slider .input-slider-horizontal input[type=range]::-webkit-slider-thumb{background:oklch(60% 30% var(--hue-value, 0deg)/var(--alpha-base, 1))!important}.hue-angle-input-slider .input-slider-horizontal input[type=range]::-moz-range-thumb{background:oklch(60% 30% var(--hue-value, 0deg)/var(--alpha-base, 1))!important;border:var(--size-2) solid var(--color-text)!important}.hue-angle-input-slider.hue-angle-input-slider_disabled .input-slider-horizontal input[type=range]{border:var(--size-1) solid var(--color-border-input)!important;background:var(--color-background-button-disabled)!important}.hue-angle-input-slider.hue-angle-input-slider_disabled .input-slider-horizontal input[type=range]::-webkit-slider-thumb{background:var(--color-background-button-disabled)!important;border:var(--size-1) solid var(--color-border-input)!important}.hue-angle-input-slider.hue-angle-input-slider_disabled .input-slider-horizontal input[type=range]::-moz-range-thumb{background:var(--color-background-button-disabled)!important;border:var(--size-1) solid var(--color-border-input)!important}.chroma-input-slider{display:flex;width:100%}.chroma-input-slider .input-slider-horizontal input[type=range]{border:var(--size-2) solid transparent;background:linear-gradient(var(--color-background-input),var(--color-background-input)) padding-box,linear-gradient(to right,oklch(60% 0% var(--hue-angle-base, 0deg)/var(--alpha-base, 1)),oklch(60% 30% var(--hue-angle-base, 0deg)/var(--alpha-base, 1))) border-box!important}.chroma-input-slider .input-slider-horizontal input[type=range]::-webkit-slider-thumb{background:oklch(60% var(--chroma-value, 0%) var(--hue-angle-base, 0deg)/var(--alpha-base, 1))!important}.chroma-input-slider .input-slider-horizontal input[type=range]::-moz-range-thumb{background:oklch(60% var(--chroma-value, 0%) var(--hue-angle-base, 0deg)/var(--alpha-base, 1))!important;border:var(--size-2) solid var(--color-text)!important}.chroma-input-slider.chroma-input-slider_disabled .input-slider-horizontal input[type=range]{border:var(--size-2) solid var(--color-border-input)!important;background:var(--color-background-button-disabled)!important}.chroma-input-slider.chroma-input-slider_disabled .input-slider-horizontal input[type=range]::-webkit-slider-thumb{background:var(--color-background-button-disabled)!important;border:var(--size-1) solid var(--color-border-input)!important}.chroma-input-slider.chroma-input-slider_disabled .input-slider-horizontal input[type=range]::-moz-range-thumb{background:var(--color-background-button-disabled)!important;border:var(--size-1) solid var(--color-border-input)!important}.settings-menu{display:flex;flex-direction:column;gap:var(--size-16);width:var(--size-768);max-width:100%;margin:auto;background-color:var(--color-background-secondary);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);z-index:0}.settings-menu .settings-menu-header{position:relative;display:flex;flex-direction:column;background-color:var(--color-background-secondary)}.settings-menu .settings-menu-header .settings-menu-row{display:flex;flex-direction:row;align-items:center;gap:var(--size-4);padding:var(--size-4)}.settings-menu .settings-menu-header .settings-menu-row .settings-menu-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.settings-menu .settings-menu-form{display:flex;flex-direction:column;gap:var(--size-48);padding:var(--size-16)}.settings-menu .settings-menu-form .settings-menu-group{display:flex;flex-direction:column;gap:var(--size-16);width:100%}.settings-menu .settings-menu-form .settings-menu-group .settings-menu-group-header{display:flex;flex-direction:row;align-items:center;gap:var(--size-16);white-space:nowrap}.settings-menu .settings-menu-form .settings-menu-group .settings-menu-group-item-header{display:flex;flex-direction:row;align-items:center;gap:var(--size-4);font-size:var(--text-size-small);padding:var(--size-4) 0}.settings-menu .settings-menu-form .settings-menu-group .settings-menu-group-item-row{display:flex;flex-direction:row;align-items:center;gap:var(--size-8)}.settings-menu .settings-menu-form .settings-menu-group input,.settings-menu .settings-menu-form .settings-menu-group .button-checkbox_fill{flex:1}.settings-menu .settings-menu-form .settings-menu-group .button-checkbox_unchecked{background-color:var(--color-background-input);border:var(--size-1) solid var(--color-border-input)}.settings-menu .settings-menu-form .settings-menu-group .button-checkbox_service_checked{background:var(--color-background-confirm)}.settings-menu .settings-menu-form .settings-menu-group .button-checkbox_service_unchecked{background:var(--color-background-danger)}.settings-menu .settings-menu-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--size-8)}.button-story{display:flex;flex-direction:column;height:auto;width:100%;max-width:var(--size-192);justify-self:center;aspect-ratio:2/3;padding:0;background-color:var(--color-background-button);border-radius:var(--border-radius-8);border:var(--size-2) solid var(--color-border-input);overflow:hidden}.button-story-book{position:relative;z-index:0}.button-story .story-visual{display:flex;flex-direction:column;justify-content:center;align-items:center;height:45%;width:100%;border-radius:calc(var(--border-radius-8) - var(--size-2));background-color:var(--color-background-primary);overflow:hidden}.button-story .story-visual .story-visual-image{align-self:center;object-fit:cover;min-width:100%;min-height:100%;border-radius:var(--border-radius-8)}.button-story .story-visual .story-visual-icon{height:65%;width:auto;aspect-ratio:1/1;opacity:.5}.button-story .story-text{display:flex;flex-direction:column;gap:var(--size-4);flex:1;overflow:hidden;padding:var(--size-4)}.button-story .story-text .story-title{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:var(--text-size-small)}.button-story .story-text .story-length{font-size:var(--text-size-very-small);color:var(--color-text-secondary)}.button-story_selected{border:var(--size-2) solid var(--color-background-primary);background-color:var(--color-background-primary)}.button-story_selected .story-visual{background-color:var(--color-background-secondary)}.button-story-book-border{display:block}.button-collection{display:flex;flex-direction:column;height:auto;width:100%;max-width:var(--size-192);justify-self:center;aspect-ratio:2/3;padding:0;background-color:var(--color-background-button);border-radius:var(--border-radius-8);border:var(--size-2) solid var(--color-border-input);overflow:hidden}.button-collection-book{position:relative;z-index:0}.button-collection .collection-visual{display:flex;flex-direction:column;justify-content:center;align-items:center;height:45%;width:100%;border-radius:calc(var(--border-radius-8) - var(--size-2));overflow:hidden}.button-collection .collection-visual .collection-visual-image{align-self:center;object-fit:cover;min-width:100%;min-height:100%;border-radius:var(--border-radius-8)}.button-collection .collection-visual .collection-visual-icon{height:65%;width:auto;aspect-ratio:1/1;opacity:.5}.button-collection .collection-text{display:flex;flex-direction:column;gap:var(--size-4);flex:1;overflow:hidden;padding:var(--size-4)}.button-collection .collection-text .collection-title{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:var(--text-size-small)}.button-collection-book-border{display:block}.menu-collection{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.menu-collection .menu-collection-background{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(var(--size-4));backdrop-filter:blur(var(--size-4))}.menu-collection .menu-collection-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;padding:var(--size-32);z-index:0;overflow-y:auto}.menu-collection .menu-collection-content .menu-collection-content-menu{display:flex;flex-direction:column;gap:var(--size-16);width:calc(600px * var(--scale-size));max-width:min(100%,600px * var(--scale-size));padding:var(--size-16);margin:auto;background-color:var(--color-background-secondary);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);z-index:1}.menu-collection .menu-collection-content .menu-collection-content-menu .menu-collection-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--size-16)}.menu-collection .menu-collection-content .menu-collection-content-menu .menu-collection-stories-wrapper{display:flex;flex-direction:column;flex:1;overflow-y:auto}.menu-collection .menu-collection-content .menu-collection-content-menu .menu-collection-stories-wrapper .stories{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--size-128),1fr));gap:var(--size-8);padding:var(--size-4)}.menu-terms-of-service{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.menu-terms-of-service-background{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(var(--size-4));backdrop-filter:blur(var(--size-4))}.menu-terms-of-service-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;padding:var(--size-32);z-index:0;overflow-y:auto}.menu-terms-of-service-content-menu{display:flex;flex-direction:column;max-width:min(100%,var(--size-768));padding:var(--size-16) var(--size-0);margin:auto;background-color:var(--color-background-primary);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);z-index:1}.menu-terms-of-service-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--size-16);padding:var(--size-0) var(--size-16) var(--size-16) var(--size-16)}.menu-terms-of-service-body{display:flex;flex-direction:column;gap:var(--size-16);padding:var(--size-24)}.menu-terms-of-service-body-note{font-size:var(--text-size-small)}.menu-terms-of-service-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--size-8);padding:var(--size-16) var(--size-16) var(--size-0) var(--size-16)}.menu-welcome{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.menu-welcome-background{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(var(--size-4));backdrop-filter:blur(var(--size-4))}.menu-welcome-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;padding:var(--size-32);z-index:0;overflow-y:auto}.menu-welcome-content-menu{display:flex;flex-direction:column;max-width:min(100%,var(--size-768));padding:var(--size-16) var(--size-0);margin:auto;background-color:var(--color-background-primary);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);z-index:1}.menu-welcome-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--size-16);padding:var(--size-0) var(--size-16) var(--size-16) var(--size-16)}.menu-welcome-body{display:flex;flex-direction:column;gap:var(--size-16);padding:var(--size-24)}.menu-welcome-body-note{font-size:var(--text-size-small)}.menu-welcome-body-warning{font-size:var(--text-size-small);color:var(--color-text-danger)}.menu-welcome-body ul{display:flex;flex-direction:column;gap:var(--size-8);padding-left:var(--size-16);margin:var(--size-0)}.menu-welcome-verifications{display:flex;flex-direction:column;gap:var(--size-8)}.menu-welcome-verifications-item{display:flex;align-items:center;gap:var(--size-12);padding:var(--size-0) var(--size-16)}.menu-welcome-verifications-item-text-link{text-decoration:underline;cursor:pointer}.menu-welcome-verifications-item-text-link:hover{color:var(--warning)}.menu-welcome-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--size-8);padding:var(--size-16) var(--size-16) var(--size-0) var(--size-16)}.notifications{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;gap:var(--size-12);padding:var(--size-16);pointer-events:none}.notification{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--size-512);padding:0 var(--size-8);border-radius:var(--size-4);background-color:var(--black-2);border:var(--size-1) solid var(--black-4);pointer-events:all}.notification:not(.notification_dismissing){animation:notification-slide-in .3s cubic-bezier(.175,.885,.32,1.275)}.notification.notification_dismissing{animation:notification-slide-out .2s ease forwards;pointer-events:none}.notification_log{background-color:var(--black-3);border:var(--size-1) solid var(--black-4);color:var(--color-text)}.notification_error{background-color:var(--red-1);border:var(--size-1) solid var(--red-2);color:var(--color-text)}.notification-text{padding:var(--size-6) 0;font-family:var(--text-font-family);font-size:var(--text-size-small);color:var(--color-text);line-height:1.4;flex-grow:1}.notification-close{margin-left:var(--size-12)}.notification-close svg{width:calc(14px * var(--scale-size));height:calc(14px * var(--scale-size))}@keyframes notification-slide-in{0%{transform:translateY(calc(-20px * var(--scale-size)));opacity:0}to{transform:translateY(0);opacity:1}}@keyframes notification-slide-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(calc(-20px * var(--scale-size)));opacity:0}}