@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap";:root{--font-sans: "Roboto", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-weight-app: 500;--font-weight-strong: 700;font-family:var(--font-sans);line-height:1.5;font-weight:var(--font-weight-app);font-synthesis:none;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss03","tnum";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#0056b3;text-decoration:none;transition:color .2s ease}body{margin:0;display:flex;place-items:center;min-width:320px;height:100vh;height:100dvh;overflow:hidden;font-family:var(--font-sans);font-weight:var(--font-weight-app);letter-spacing:-.01em}button{border:none;font-size:1em;font-weight:var(--font-weight-strong);cursor:pointer;border-radius:1.5rem;font-family:inherit}p,span,label,li,a,input,textarea,select{font-weight:inherit}input,textarea,select{font:inherit}*{-webkit-tap-highlight-color:transparent}*:focus{outline:none}:root{--muted: #fdfdfd;--card: #ffffff;--accent-a: #0078ff;--accent-b: #00c6ff;--text: #222;--subtle: #666;--border: #e6e6e6;--chat-ui-icon-size: clamp(18px, 1rem + .25vw, 20px);--chat-header-icon-size: 22px;--chat-ui-circle-size: clamp(18px, 1rem + .25vw, 20px);--chat-ui-button-size: clamp(40px, 2.4rem + .4vw, 44px)}.chat-box{display:flex;flex-direction:column;height:100%;background:transparent;padding:14px;border-radius:10px;overflow:hidden;font-family:var(--font-sans);font-weight:500}.chat-header-section{margin-bottom:10px;padding-right:0}.chat-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:10px;padding:6px 8px;background:#fff;border:1.5px solid rgba(15,23,42,.08);box-shadow:none;min-height:35px;border-radius:6px}.chat-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto}.chat-title-icon{width:var(--chat-header-icon-size);height:var(--chat-header-icon-size);flex:0 0 var(--chat-header-icon-size);color:#005ecc}.chat-header h3{margin:0;font-size:1.05rem;line-height:1.2;font-weight:700;color:var(--text);letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-right{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-width:max-content}.chat-status{display:inline-flex;align-items:center;gap:6px;min-height:auto;padding:0;flex:0 0 auto}.chat-close-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--chat-ui-button-size);height:var(--chat-ui-button-size);padding:0;border:1.5px solid rgba(211,47,47,.22);border-radius:999px;background:#fff;color:#d32f2f;cursor:pointer;flex:0 0 var(--chat-ui-button-size)}.chat-close-btn:hover{background:#d32f2f14;border-color:#d32f2f57;color:#b71c1c}.chat-close-btn svg{width:var(--chat-header-icon-size);height:var(--chat-header-icon-size);flex:0 0 auto}.chat-divider{display:none}.status-dot{width:var(--chat-header-icon-size);height:var(--chat-header-icon-size);display:inline-block;flex:0 0 var(--chat-header-icon-size)}.status-dot.online{color:#4caf50}.status-dot.offline{color:#f44336}.active-users{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;font-size:15px;line-height:1;color:#2f2f2f;font-weight:700;text-align:right;flex:0 0 auto}.chat-messages{flex:1;overflow-y:auto;padding-right:2px;scrollbar-width:none;-ms-overflow-style:none}.chat-messages::-webkit-scrollbar{display:none}.chat-message-row{display:flex;width:100%;margin-bottom:8px}.chat-message-row-own{justify-content:flex-end}.chat-message-row-other{justify-content:flex-start}.chat-message{background:var(--card);padding:10px 12px 8px;border-radius:18px;word-wrap:break-word;font-size:1.08rem;line-height:1.55;box-shadow:0 1px 2px #0000000a;display:flex;align-items:flex-start;justify-content:space-between;width:auto;max-width:min(78%,640px);min-width:0;border:1px solid rgba(0,0,0,.06);font-weight:500}.chat-message:not(.chat-message-search){padding:10px 12px;border-radius:20px;box-shadow:0 1px 2px #0000000a}.chat-message-content{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.chat-message-header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:0}.chat-message-sender{display:block;margin:0;font-size:.84rem;line-height:1.25;font-weight:700;color:#44505c}.chat-message-text{margin:0;color:#243241;display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}.chat-inline-search-meta{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.chat-message-text>span:first-child{min-width:0}.chat-message-image-frame{position:relative;width:min(100%,240px);margin-top:8px}.chat-message-image-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;border-radius:8px}.chat-message-image-button:focus-visible{outline:2px solid #005ecc;outline-offset:3px}.chat-image-kind-badge{position:absolute;top:8px;left:8px;z-index:1;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#ffffffeb;color:#5f6b76;border:1px solid rgba(15,23,42,.08)}.chat-image-download-btn{position:absolute;top:8px;right:8px;z-index:1;display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid rgba(15,23,42,.08);border-radius:999px;background:#ffffffeb;color:#5f6b76;cursor:pointer}.chat-image-download-btn svg{width:18px;height:18px}.chat-image-kind-badge svg{width:18px;height:18px}.chat-message-image{display:block;width:100%;max-height:240px;object-fit:cover;border-radius:8px;border:1px solid rgba(15,23,42,.08)}.chat-message-document-card{display:flex;align-items:center;gap:10px;width:min(100%,300px);min-height:58px;margin-top:8px;padding:10px 12px;border:1px solid rgba(15,23,42,.1);border-radius:8px;background:#f8fafc;color:#243241;text-align:left;cursor:pointer}.chat-message-document-card:focus-visible,.chat-search-document-button:focus-visible{outline:2px solid #005ecc;outline-offset:3px}.chat-message-document-icon,.chat-search-document-icon{display:inline-grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:8px;background:#005ecc14;color:#005ecc}.chat-message-document-icon svg,.chat-search-document-icon svg{width:20px;height:20px}.chat-message-document-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:800}.chat-image-preview{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#0f172ac7;cursor:zoom-out;overflow:auto;touch-action:none}.chat-image-preview-img{display:block;width:auto;height:auto;max-width:min(92vw,960px);max-height:88vh;object-fit:contain;border-radius:8px;background:#fff;box-shadow:0 24px 80px #00000059;cursor:zoom-in;touch-action:none;transform-origin:center center;transition:transform .28s cubic-bezier(.22,1,.36,1);will-change:transform}.chat-image-preview-img.is-zoomed{cursor:grab}.chat-image-preview-img.is-zoomed:active{cursor:grabbing}.chat-image-preview-close{position:fixed;top:18px;right:18px;z-index:1001;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#0f172ab8;color:#fff;cursor:pointer}.chat-image-preview-download{position:fixed;top:18px;right:64px;z-index:1001;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#0f172ab8;color:#fff;cursor:pointer}.chat-image-preview-download svg{width:22px;height:22px}.chat-image-preview-close svg{width:22px;height:22px}.chat-document-preview{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:64px 24px 24px;background:#0f172ac7}.chat-document-preview-panel{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(94vw,980px);height:min(88vh,860px);overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 24px 80px #00000059}.chat-document-preview-header{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 14px;border-bottom:1px solid rgba(15,23,42,.1);color:#243241;font-size:.95rem;font-weight:800}.chat-document-preview-header svg{width:20px;height:20px;flex:0 0 auto;color:#005ecc}.chat-document-preview-header span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-document-preview-frame{display:block;width:100%;height:100%;border:0;background:#f8fafc}.chat-document-preview-loading{display:grid;place-items:center;min-height:280px;color:#4f5d6b;font-size:.95rem;font-weight:800}.chat-message-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;width:100%;margin-top:4px}.chat-message-own{background:#fff;border-color:#005ecc1f}.chat-message-own .chat-message-content{text-align:left}.chat-message-other{background:#fff;border-color:#0f172a14}.chat-message-search{align-items:flex-start}.chat-message:not(.chat-message-search) .chat-message-footer{margin-top:6px}.chat-message:not(.chat-message-search) .icon-copy-btn{margin-left:auto}.chat-search-result{margin-top:2px;padding-top:8px;border-top:1px solid rgba(15,23,42,.08)}.chat-search-summary-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-search-summary{margin:0;font-weight:700;color:#1f8f4d;font-size:.96rem}.chat-search-summary-check{display:inline-flex;align-items:center;justify-content:center;color:#1f8f4d;line-height:1}.chat-search-summary-check svg{width:20px;height:20px}.chat-search-summary-id{display:inline-flex;width:fit-content;padding:2px 7px;border-radius:999px;background:#1857a414;color:#1857a4;font-size:.78rem;font-weight:800;line-height:1.35}.chat-search-score{display:inline-flex;align-items:center;margin-right:auto;color:#1857a4;font-size:.78rem;font-weight:700;line-height:1.2;text-align:left;white-space:nowrap}.chat-search-details{margin-top:8px}.chat-search-detail{display:block;margin-bottom:10px;padding:8px 0;border:none;border-top:1px solid rgba(15,23,42,.08);border-radius:8px;background:transparent}.chat-search-detail:after{content:"";display:block;clear:both}.chat-search-details p{margin:0;color:#4f5d6b;font-size:.95rem;font-weight:500}.icon-copy-btn{background:none;border:none;cursor:pointer;color:#5f6b76;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:999px;transition:color .2s ease,background-color .2s ease,transform .2s ease}.icon-copy-btn:hover{color:#005ecc;background:#005ecc14;transform:translateY(-1px)}.chat-input-row{display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:6px;background:#fdfdfd;width:100%;margin:0;padding:2px 0 0}.chat-upload-preview{grid-column:1 / -1;display:flex;justify-content:flex-start;padding:0 0 4px 2px}.chat-upload-preview-button{display:block;width:72px;height:72px;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer}.chat-upload-preview-button:focus-visible,.chat-search-image-button:focus-visible{outline:2px solid #005ecc;outline-offset:3px}.chat-upload-preview img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px;border:1px solid rgba(15,23,42,.12)}.chat-upload-file-chip{display:inline-flex;align-items:center;gap:8px;max-width:min(100%,320px);min-height:40px;padding:8px 12px;border:1px solid rgba(15,23,42,.12);border-radius:8px;background:#fff;color:#404040;font-size:.9rem;font-weight:700;box-sizing:border-box;cursor:pointer}.chat-upload-file-chip svg{width:19px;height:19px;flex:0 0 auto;color:#005ecc}.chat-upload-file-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-input-shell{position:relative;min-width:0;border-radius:25px;height:48px}.chat-input-row input{min-width:0;width:100%;padding:0 52px 0 56px;border-radius:25px;border:1.5px solid rgba(15,23,42,.14);font-size:1.02rem;font-weight:700;height:48px;line-height:48px;box-sizing:border-box;background:#fff;color:#404040}.chat-input-shell .search-toggle-btn,.chat-input-shell .upload-toggle-btn{z-index:1}.send-progress-wrapper{position:relative;width:48px;height:48px;aspect-ratio:1 / 1;flex:0 0 48px;min-width:48px;min-height:48px;flex-shrink:0}.send-icon-btn{position:relative;width:48px;height:48px;aspect-ratio:1 / 1;min-width:48px;min-height:48px;border:none;border-radius:50%;background:none;color:#005ecc;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.send-icon-btn:disabled{cursor:default}.search-toggle-btn,.upload-toggle-btn{border:1.5px solid rgba(15,23,42,.1);background:#fff;color:#6a6a6a;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;max-height:40px;aspect-ratio:1 / 1;padding:0;position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;box-sizing:border-box;flex:0 0 40px;line-height:1;transition:color .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}.search-toggle-btn{right:4px}.upload-toggle-btn{left:4px}.search-toggle-btn.active{color:#005ecc;border-color:#005ecc47;background:#005ecc0f;box-shadow:0 1px 2px #0000000a}.upload-toggle-btn.uploaded{color:#1f8f4d;border-color:#1f8f4d57;background:#1f8f4d14;box-shadow:0 1px 2px #0000000a}.search-toggle-btn:disabled,.upload-toggle-btn:disabled{color:#d2d2d2;cursor:not-allowed;background:#f5f5f5}.search-toggle-icon,.upload-toggle-icon{width:20px;height:20px;display:block;flex:0 0 auto}.search-toggle-btn:hover:not(:disabled) .search-toggle-icon{animation:searchIconRotate .9s ease-in-out forwards}.upload-toggle-btn:hover:not(:disabled){color:#1f8f4d;border-color:#1f8f4d42;background:#1f8f4d0f}.chat-search-image-button{display:block;float:inline-start;width:min(42%,180px);min-width:132px;height:104px;margin:0 .8rem .45rem 0;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer}.chat-search-document-button{display:flex;float:inline-start;align-items:center;gap:10px;width:min(48%,220px);min-width:150px;min-height:104px;margin:0 .8rem .45rem 0;padding:12px;border:1px solid rgba(15,23,42,.08);border-radius:8px;background:#f8fafc;color:#243241;text-align:left;cursor:pointer}.chat-search-document-button span:last-child{min-width:0;overflow-wrap:anywhere;font-size:.88rem;font-weight:800;line-height:1.25}.chat-search-result img{display:block;width:100%;height:100%;background:#f8fafc;object-fit:contain;object-position:center;border-radius:8px;border:1px solid rgba(15,23,42,.08)}@keyframes searchIconRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.send-icon-glyph{width:24px;height:24px;flex:0 0 auto;transform:translate(.5px) translateY(-.5px)}.progress-ring{position:absolute;inset:0;pointer-events:none;display:block;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.circle-bg{fill:none;stroke:#eee;stroke-width:2.5}.circle{fill:none;stroke-width:2.5;stroke-linecap:round;transition:stroke-dasharray .25s ease,stroke .25s ease}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:translate(0)}}.shake{animation:shake .3s}@media (min-width: 769px){.chat-close-btn{display:none}}@media (max-width: 768px){.chat-box{padding:12px 12px 10px;border-radius:0;background:transparent}.chat-header{padding:6px 10px;min-height:44px}.chat-close-btn{width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border:none;background:transparent;border-radius:50%;flex:0 0 36px}.chat-close-btn:hover{background:transparent;border-color:transparent}.chat-message{padding:8px 12px;border-radius:18px;align-items:flex-start;gap:10px;max-width:88%}.chat-input-row{width:100%;gap:6px;padding:0;grid-template-columns:minmax(0,1fr) 44px}.chat-input-shell{height:44px}.chat-input-row input{min-width:0;font-size:.95rem;height:44px;line-height:44px;padding:0 48px}.send-progress-wrapper,.send-icon-btn{width:44px;height:44px;min-width:44px;min-height:44px}.search-toggle-btn,.upload-toggle-btn{width:38px;height:38px;min-width:38px;min-height:38px;max-width:38px;max-height:38px;flex-basis:38px}.search-toggle-btn{right:3px}.upload-toggle-btn{left:3px}.chat-image-preview{min-height:100dvh;padding:max(56px,env(safe-area-inset-top)) 12px max(18px,env(safe-area-inset-bottom));overflow:hidden}.chat-image-preview-img{max-width:calc(100vw - 24px);max-height:calc(100dvh - 88px);border-radius:6px}.chat-image-preview-close{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right))}.chat-image-preview-download{top:max(10px,env(safe-area-inset-top));right:calc(max(10px,env(safe-area-inset-right)) + 46px)}.chat-document-preview{min-height:100dvh;padding:max(56px,env(safe-area-inset-top)) 12px max(18px,env(safe-area-inset-bottom))}.chat-document-preview-panel{width:calc(100vw - 24px);height:calc(100dvh - 88px);border-radius:6px}}@media (max-width: 480px){.chat-box{padding:10px 10px 8px}.chat-header-section{margin-bottom:8px}.chat-header{gap:8px;padding:5px 8px}.chat-header-right,.chat-status{gap:6px}.chat-header h3{font-size:.98rem}.chat-close-btn{width:32px;height:32px;min-width:32px;min-height:32px;flex-basis:32px}.chat-close-btn svg{width:var(--chat-header-icon-size);height:var(--chat-header-icon-size)}.chat-message{font-size:.88rem}.chat-search-image-button{width:46%;min-width:108px;margin:.15rem .65rem .35rem 0}.chat-search-document-button{width:100%;min-width:0;min-height:70px;margin:.15rem 0 .5rem}.chat-search-result img{object-fit:contain}.chat-input-row{grid-template-columns:minmax(0,1fr) 44px;gap:4px}.chat-input-row input{padding:0 48px;height:44px;line-height:44px}.send-progress-wrapper,.send-icon-btn{width:44px;height:44px;min-width:44px;min-height:44px}.search-toggle-btn,.upload-toggle-btn{width:38px;height:38px;min-width:38px;min-height:38px;max-width:38px;max-height:38px;flex-basis:38px}.search-toggle-btn{right:3px}.upload-toggle-btn{left:3px}.search-toggle-icon,.upload-toggle-icon{width:19px;height:19px}.send-icon-glyph{width:22px;height:22px}}:root{--content-max-width: 750px;--page-padding-x: 16px;--header-top-space: 16px;--slide-min-width: 140px;--gap-default: 12px;--mobile-chat-toggle-size: 44px;--mobile-chat-toggle-right: 10px;--mobile-chat-toggle-bottom: 60px}html,body{height:100%;margin:0;background:#fdfdfd;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}.content-page{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;margin:0;position:relative;overflow:hidden}.story-header{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:var(--content-max-width);margin:var(--header-top-space) auto 0;padding-inline:var(--page-padding-x);gap:10px;position:relative}.emoji-title{display:flex;align-items:center;gap:12px;margin:0;width:100%;padding:0}.emoji-title .title{flex:1;min-width:0;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:700;color:#333;line-height:1.1}.story-header .description{font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.55;font-weight:500;color:#666;margin:0}.audio-control{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 48px;margin-top:2px;padding:0;border:none;border-radius:999px;background:transparent;color:#444;cursor:pointer}.audio-control[title="Pause audio"]{color:#1565c0;background:#1565c01a}.audio-control svg{font-size:1.12rem}.content-text{font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.82;font-weight:400;color:#222;width:100%;max-width:none;margin:0;padding:0 0 1.5rem;text-align:left;word-break:break-word;white-space:pre-wrap;letter-spacing:.2px}.story-flow:after{content:"";display:block;clear:both}.story-continue-button{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;margin:0 0 0 .28em;padding:0;border:0;background:transparent;color:#005ecc;cursor:pointer;font:inherit;line-height:1;vertical-align:-.08em}.story-continue-button svg{width:1em;height:1em}.story-continue-button:hover:not(:disabled){color:#004da8}.story-continue-button:disabled{cursor:not-allowed;opacity:.55}.story-image-card{float:inline-start;width:min(42%,260px);min-width:180px;margin:.35rem 1.1rem .65rem 0;padding:5px;border:1px solid #c8ccd1;background:#f8f9fa;color:#202122;break-inside:avoid}.story-image-card:nth-of-type(2n){float:inline-end;margin:.35rem 0 .65rem 1.1rem}.story-image-card img{display:block;width:100%;height:auto;max-height:min(42vh,320px);object-fit:contain;object-position:center;background:#fff}.story-image-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.story-image-preview{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px;background:#0f172ad1;cursor:zoom-out}.story-image-preview-img{display:block;width:auto;height:auto;max-width:min(92vw,960px);max-height:88dvh;object-fit:contain;border-radius:8px;background:#fff;box-shadow:0 24px 80px #00000059;cursor:default}.story-image-preview-close{position:fixed;top:18px;right:18px;z-index:1201;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#0f172ab8;color:#fff;cursor:pointer}.story-image-preview-close svg{width:22px;height:22px}.story-image-card figcaption{margin:5px 1px 0;color:#202122;font-size:.84rem;line-height:1.28;text-align:left;overflow-wrap:anywhere}.story-editor{width:100%;min-height:clamp(280px,52vh,560px);resize:vertical;border:1px solid rgba(0,0,0,.12);border-radius:18px;padding:16px 18px;background:#fff;color:#222;font:inherit;font-size:clamp(1rem,1.7vw,1.18rem);font-weight:400;line-height:1.82;letter-spacing:.2px;outline:none;box-shadow:0 8px 24px #0f172a0a}.story-editor:focus{border-color:#1565c073;box-shadow:0 0 0 3px #1565c014}.word{cursor:pointer;border-bottom:1px dotted transparent;border-radius:4px}.word:hover{border-bottom-color:#0078ff}.word.is-read-current{color:#111;font-weight:700}.grid-container{flex:1;width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--page-padding-x);overflow:visible;scroll-behavior:smooth}.grid-container::-webkit-scrollbar{display:none}.grid-container{scrollbar-width:none;-ms-overflow-style:none}.loading-text{display:flex;justify-content:flex-start;align-items:center;min-height:72px;width:100%;font-size:1.1rem;font-weight:600;color:#555}.tooltip{position:fixed;background:#000000d9;color:#fff;padding:6px 10px;border-radius:6px;font-size:.9rem;line-height:1.3;max-width:240px;z-index:1000;box-shadow:0 4px 10px #00000040}.bottom-slider-wrapper{position:relative;margin-top:auto;padding:4px 20px;display:flex;align-items:center;gap:12px;background:transparent;z-index:0}.left-section .bottom-slider{flex:1 1 auto;min-width:0;display:flex;gap:var(--gap-default);overflow-x:auto;white-space:nowrap;padding:6px 0}.bottom-slider::-webkit-scrollbar{display:none}.bottom-slider-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.slide-item{min-width:var(--slide-min-width);padding:10px 12px;min-height:48px;border-radius:25px;text-align:center;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.02rem;font-weight:700;line-height:1.15;white-space:nowrap;background:#0000;color:#000000d9;border:1px solid rgba(0,0,0,.12);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.slide-item.slide-edit{border:1px solid #bbb;background:#fff;color:#666;min-width:48px;min-height:48px;max-width:48px;max-height:48px;width:48px;height:48px;padding:0;aspect-ratio:1 / 1;border-radius:999px;flex:0 0 48px;box-sizing:border-box;line-height:1;overflow:hidden;display:grid;place-items:center}.slide-item.slide-edit svg{width:20px;height:20px;flex:0 0 auto}.slide-item.slide-edit:hover{border-color:#333;color:#000}.slide-item.slide-edit.is-active{border-color:#1565c0;color:#1565c0;background:#1565c014}.story-save-icon{font-size:1rem;font-weight:800;line-height:1}.slide-item.slide-edit:disabled{cursor:not-allowed;opacity:.55}.page-split{display:flex;flex:1 1 auto;height:100%;min-height:0;width:100%;overflow:hidden;flex-direction:row;position:relative}.left-section{flex:1 1 100%;width:100%;max-width:100%;min-width:0;min-height:0;position:relative;overflow-y:auto;background:#fdfdfd;display:flex;flex-direction:column}.right-section{flex:0 0 auto;width:min(420px,calc(100vw - 32px));max-width:calc(100vw - 32px);height:min(640px,calc(100dvh - 32px));min-width:0;display:none;flex-direction:column;background:#fdfdfd;position:fixed;right:16px;bottom:16px;overflow:hidden;opacity:0;pointer-events:none;transform:translate(calc(100% + 24px));transition:opacity .2s ease,transform .24s ease;z-index:18;border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 48px #0f172a1f}.right-section:before{content:"";position:absolute;top:18px;bottom:18px;left:0;width:1px;background:linear-gradient(180deg,#0f172a00,#0f172a14 12%,#0f172a1f,#0f172a14 88%,#0f172a00);pointer-events:none;z-index:2}.page-split.chat-open .right-section{display:flex;opacity:1;pointer-events:auto;transform:translate(0)}.mobile-chat-toggle{position:fixed;right:var(--mobile-chat-toggle-right);bottom:calc(var(--mobile-chat-toggle-bottom) + max(8px,env(safe-area-inset-bottom)));z-index:20;display:inline-flex;align-items:center;justify-content:center;width:var(--mobile-chat-toggle-size);height:var(--mobile-chat-toggle-size);min-width:var(--mobile-chat-toggle-size);min-height:var(--mobile-chat-toggle-size);max-width:var(--mobile-chat-toggle-size);max-height:var(--mobile-chat-toggle-size);padding:0;background:#fff;border:1px solid #bbb;border-radius:999px;box-shadow:none;color:#666;font-weight:700;box-sizing:border-box;flex:0 0 var(--mobile-chat-toggle-size);aspect-ratio:1 / 1;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.mobile-chat-toggle.is-open{opacity:0;pointer-events:none;transform:translateY(8px)}.mobile-chat-toggle:hover{transform:translateY(-1px);border-color:#333;color:#000;box-shadow:none}.mobile-chat-toggle svg{width:22px;height:22px;stroke-width:1.7;flex:0 0 auto}.mobile-chat-toggle span{display:none}.right-section .chat-box{flex:1;display:flex;flex-direction:column;min-height:0;background:#fdfdfd}@media (max-width: 600px){:root{--mobile-chat-toggle-size: 44px;--mobile-chat-toggle-right: 10px;--mobile-chat-toggle-bottom: 60px}.content-page{background:#fdfdfd}.story-header{position:relative;top:0;flex:0 0 auto;flex-shrink:0;z-index:9;margin-top:0;padding-top:10px;padding-inline:18px;padding-bottom:6px;gap:6px;background:linear-gradient(to bottom,#fdfdfd 82%,#fdfdfd00)}.emoji-title .title{font-size:clamp(2.55rem,11vw,3.15rem);font-weight:650;line-height:1.02}.story-header .description{font-size:1.08rem;line-height:1.58;font-weight:500;max-width:none}.content-text{font-size:1.04rem;line-height:1.78;font-weight:400;max-width:none;padding:0 0 1.15rem;letter-spacing:.01em}.story-image-card{width:min(48%,210px);min-width:138px;margin:.25rem .85rem .5rem 0;padding:4px}.story-image-card:nth-of-type(2n){margin:.25rem 0 .5rem .85rem}.story-image-card img{max-height:240px}.story-image-preview{padding:max(56px,env(safe-area-inset-top)) 12px max(18px,env(safe-area-inset-bottom))}.story-image-preview-img{max-width:calc(100vw - 24px);max-height:calc(100dvh - 88px);border-radius:6px}.story-image-preview-close{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right))}.story-image-card figcaption{font-size:.76rem;line-height:1.24}.story-editor{min-height:260px;padding:14px 16px;font-size:1.04rem;line-height:1.78}.loading-text{font-size:1.16rem;font-weight:600}.grid-container{min-height:0;padding-inline:18px;padding-top:.15rem}.bottom-slider-wrapper{flex:0 0 auto;position:sticky;bottom:0;margin-top:auto;padding:6px 18px max(10px,env(safe-area-inset-bottom));background:linear-gradient(to top,#fdfdfd 78%,#fdfdfd00);z-index:12;min-width:0}.bottom-slider{gap:10px;padding:4px 0;min-width:0}.bottom-slider-actions{gap:8px}.slide-item{min-width:120px;width:max-content;max-width:none;min-height:46px;padding:8px 12px;font-size:1.06rem;font-weight:800}.slide-item.slide-edit{min-width:46px;min-height:46px;max-width:46px;max-height:46px;width:46px;height:46px;padding:0;flex:0 0 46px;border-radius:999px;aspect-ratio:1 / 1}.tooltip{max-width:92vw;font-size:.9rem;padding:12px 14px}}@media (max-width: 768px){:root{--mobile-chat-open-height: clamp(220px, 34dvh, 300px);--mobile-chat-bar-offset: 56px;--mobile-chat-toggle-size: 46px;--mobile-chat-toggle-right: 18px;--mobile-chat-toggle-bottom: 64px}.bottom-slider-wrapper{position:sticky;bottom:0;margin-top:auto;padding:6px 18px max(10px,env(safe-area-inset-bottom));background:linear-gradient(to top,#fdfdfd 78%,#fdfdfd00);z-index:12}.left-section{flex:1 1 100%;width:100%;max-width:100%;min-height:0;overflow:hidden;height:100%;transition:none;padding-bottom:0}.grid-container{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(var(--mobile-chat-toggle-size) + var(--mobile-chat-bar-offset));scrollbar-width:none;-ms-overflow-style:none}.grid-container::-webkit-scrollbar{display:none}.right-section{flex:0 0 auto;width:100%;max-width:100%;position:absolute;left:0;right:0;bottom:0;height:var(--mobile-chat-open-height);display:none;flex-direction:column;overflow:hidden;opacity:0;pointer-events:none;background:#fdfdfd;transform:translateY(calc(100% + 16px));transition:transform .24s ease;z-index:18}.right-section:before{inset:0 0 auto;width:auto;height:1px;background:linear-gradient(90deg,#0f172a00,#0f172a14 12%,#0f172a1f,#0f172a14 88%,#0f172a00);opacity:0}.page-split.chat-open .right-section{display:flex;opacity:1;pointer-events:auto;transform:none}.page-split.chat-open .right-section:before{opacity:1}.page-split.chat-open .left-section{padding-bottom:0}.page-split.chat-open .grid-container{padding-bottom:calc(var(--mobile-chat-open-height) + var(--mobile-chat-bar-offset))}.page-split.chat-open .bottom-slider-wrapper{bottom:calc(var(--mobile-chat-open-height) - 2px);padding-right:12px}.right-section .chat-box{flex:1;overflow-y:auto;min-height:0;background:#fdfdfd;scrollbar-width:none;-ms-overflow-style:none}.right-section .chat-box::-webkit-scrollbar{display:none}}@media (max-width: 420px){:root{--mobile-chat-toggle-right: 16px}.story-header{padding-inline:16px;padding-top:8px;padding-bottom:4px}.emoji-title{gap:8px;align-items:center;min-width:0}.emoji-title .title{font-size:clamp(2.3rem,11.5vw,2.85rem);line-height:1.04;min-width:0;overflow-wrap:anywhere}.audio-control{width:44px;height:44px;flex-basis:44px}.audio-control svg{font-size:1.05rem}.content-text{font-size:1.01rem;line-height:1.74;padding-inline:0}.story-image-card{width:47%;min-width:126px;margin-right:.7rem}.story-image-card:nth-of-type(2n){margin-left:.7rem}.story-image-card figcaption{font-size:.72rem}.story-editor{min-height:240px;padding:13px 14px}.grid-container{padding-inline:16px}.mobile-chat-toggle{right:var(--mobile-chat-toggle-right);bottom:calc(var(--mobile-chat-toggle-bottom) + max(8px,env(safe-area-inset-bottom)))}.slide-item{min-width:0;flex:0 0 auto;font-size:1.02rem}.bottom-slider-wrapper{gap:10px;padding-inline:16px}.bottom-slider-actions{gap:8px}.bottom-slider-actions .slide-item{flex:0 0 46px}}@media (min-width: 769px){.page-split{flex-direction:row}.left-section,.right-section{flex:0 0 50%;width:50%;max-width:50%;min-width:0}.right-section{display:flex;position:relative;right:auto;bottom:auto;height:auto;opacity:1;pointer-events:auto;transform:none;border:none;box-shadow:none}.mobile-chat-toggle{display:none}}.app-footer{text-align:center;margin-top:auto;padding:.75rem 1rem max(.25rem,env(safe-area-inset-bottom));color:var(--text-color);font-size:.95rem;font-weight:500}.app-footer a{font-weight:700;text-decoration:none;color:var(--text-color)}.app-footer a:hover{text-decoration:underline}.app-footer .inspired-text{display:block;margin-top:.3rem;font-size:.8rem;font-weight:500;color:var(--subtle-text-color, #777)}@media (max-width: 480px){.app-footer{font-size:.85rem;padding:.55rem .8rem max(.2rem,env(safe-area-inset-bottom))}.app-footer .inspired-text{font-size:.75rem}}@media (max-width: 360px){.app-footer{font-size:.8rem;padding:.45rem .6rem max(.15rem,env(safe-area-inset-bottom))}.app-footer .inspired-text{font-size:.7rem}}:root{--primary-color: #0077cc;--card-bg: #ffffff;--card-border: #d7d7d7;--card-edge: #ececec;--card-depth: #f4f4f4;--text-color: #333;--transition-speed: .44s}html,body,#root{margin:0;padding:0;width:100%;height:100%;height:100dvh;overflow-x:hidden;overflow-y:hidden;background:#fff;font-family:var(--font-sans);color:var(--text-color)}.app-container{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden}.dashboard{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;box-sizing:border-box;width:100%}.carousel-wrapper{--carousel-depth: 242px;width:min(80vw,300px);height:min(80vw,300px);perspective:1350px;display:flex;justify-content:center;align-items:center;touch-action:pan-y;user-select:none;-webkit-user-select:none}.carousel{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.22,1,.36,1);display:flex;justify-content:center;align-items:center;will-change:transform}.carousel-wrapper.is-dragging .carousel{transition:none}.carousel-card{position:absolute;width:66%;height:66%;background:transparent;border-radius:18px;font-size:3rem;font-weight:700;text-align:center;border:none;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;display:flex;justify-content:center;align-items:center;transition:transform var(--transition-speed) cubic-bezier(.22,1,.36,1),filter var(--transition-speed) cubic-bezier(.22,1,.36,1);will-change:transform;transform-style:preserve-3d}.carousel-card.front-card{z-index:2}.card-inner{position:relative;z-index:1;width:100%;height:100%;border-radius:inherit;background:linear-gradient(180deg,#fff,#fbfbfb);box-shadow:0 1px #fffffff2 inset,0 -1px #00000008 inset;transform-style:preserve-3d;transition:box-shadow var(--transition-speed) cubic-bezier(.22,1,.36,1)}.card-inner:before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;border:1px solid var(--card-border);pointer-events:none}.carousel-card.front-card .card-inner{box-shadow:0 1px #fffffffa inset,0 -1px #00000009 inset}.card-face{position:absolute;inset:0;display:flex;justify-content:flex-start;align-items:flex-start;padding:1rem;border-radius:inherit;background:inherit;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-face-front{font-size:inherit}.card-face-back{transform:rotateY(180deg);color:#2f3b45}.card-face-title{font-size:1.05rem;line-height:1.2;text-transform:none}.card-face-letter{font-size:inherit}.action-btn{margin-top:0;padding:.25rem 0;color:#4f4f4f;background:transparent;border:none;border-radius:0;font-size:.98rem;font-weight:700;box-shadow:none}@media (max-width: 768px){.dashboard{padding:1.25rem 1rem;justify-content:center;gap:1rem}.carousel-wrapper{--carousel-depth: 258px;width:min(78vw,320px);height:min(78vw,320px);perspective:1350px}.carousel-card{width:68%;height:68%;font-size:2.6rem}}@media (max-width: 480px){.dashboard{padding:1rem;justify-content:center}.carousel-wrapper{--carousel-depth: 242px;width:min(84vw,290px);height:min(84vw,290px)}.carousel-card{width:70%;height:70%;font-size:2.5rem}}@media (max-width: 360px){.carousel-wrapper{--carousel-depth: 230px;width:min(88vw,270px);height:min(88vw,270px)}.carousel-card{font-size:2.2rem}}