:root{--page:var(--tg-theme-secondary-bg-color,#101a24);--card:var(--tg-theme-section-bg-color,var(--tg-theme-bg-color,#1c2733));--text:var(--tg-theme-text-color,#f5f5f5);--hint:var(--tg-theme-hint-color,#8d9ba8);--subtle:var(--tg-theme-subtitle-text-color,var(--hint));--link:var(--tg-theme-link-color,#5eb5f7);--accent:var(--tg-theme-button-color,#3e9ff0);--on-accent:var(--tg-theme-button-text-color,#fff);--danger:var(--tg-theme-destructive-text-color,#ec5b5b);--line:color-mix(in srgb, var(--hint) 22%, transparent);--radius:20px;--edge:14px;--bottom:var(--tg-safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--keyboard-move:.3s cubic-bezier(.38, .7, .125, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--page);color:var(--text);-webkit-text-size-adjust:100%;font:16px/1.42 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{cursor:default}button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}h1,h2,h3,p{margin:0}input,textarea{font:inherit;color:inherit;font-size:16px}::placeholder{color:var(--hint);opacity:1}.page{z-index:1;height:calc(var(--full-height,100%) - var(--keyboard,0px));transition:height var(--keyboard-move);flex-direction:column;display:flex;position:fixed;top:0;left:0;right:0}.scroll{padding:16px var(--edge) calc(24px + var(--bottom));-webkit-overflow-scrolling:touch;gap:12px;overflow-y:auto}.scroll>*{flex-shrink:0}.center{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.center-inline{justify-content:center;padding:24px;display:flex}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite turn}@keyframes turn{to{transform:rotate(360deg)}}.hint{color:var(--hint);font-size:14px}.soft{color:var(--hint);font-weight:400}.error-text{color:var(--danger)}.link{color:var(--link);padding:6px 2px}.foot{align-self:center;margin-top:6px;font-size:14px}.back{align-self:flex-start}.pill{background:var(--accent);color:var(--on-accent);border-radius:26px;padding:14px 24px;font-weight:600;transition:opacity .15s}.pill:disabled{opacity:.45}.pill:active:not(:disabled){opacity:.8}.pill-wide{width:100%}.hero-head{padding:8px 4px 4px}.hero-head h1{font-size:30px;font-weight:700}.hero-head .hint{margin-top:6px;font-size:15px}.section{padding:10px 4px 0;font-size:20px;font-weight:700}.card{background:var(--card);border-radius:var(--radius);overflow:hidden}.card-text{flex-direction:column;gap:8px;padding:16px 18px;display:flex}.row{text-align:left;align-items:center;gap:12px;width:100%;padding:10px 14px;display:flex;position:relative}.row+.row:before{content:"";background:var(--line);height:1px;position:absolute;top:0;left:70px;right:0}.row:active{background:var(--line)}.row-plain{padding:15px 18px}.row-plain+.row-plain:before{left:18px}.row-danger{color:var(--danger)}.row-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.row-top{align-items:baseline;gap:8px;display:flex}.row-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.row-when{color:var(--hint);font-size:13px}.row-sub{color:var(--hint);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;overflow:hidden}.circle{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;font-weight:600;display:flex}.circle-small{width:38px;height:38px;font-size:17px}.form-title{padding:6px 4px;font-size:26px;font-weight:700}.field-label{color:var(--subtle);padding:6px 4px 0;font-size:14px;font-weight:600}.field{background:var(--card);border:0;border-radius:14px;outline:none;width:100%;padding:13px 15px}.field-area{resize:none;display:block}.segments{gap:8px;display:flex}.segment{background:var(--card);border-radius:14px;flex:1;padding:13px;font-weight:500}.segment-on{background:var(--accent);color:var(--on-accent)}.worlds{flex-direction:column;gap:8px;display:flex}.world{text-align:left;background:var(--card);border-radius:14px;padding:12px;font-weight:600}.world-on{background:var(--accent);color:var(--on-accent)}.chat-head{padding:8px var(--edge);background:var(--card);box-shadow:0 1px 0 var(--line);z-index:2;flex:none;align-items:center;gap:10px;display:flex}.chat-title{flex:1;min-width:0}.chat-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.25;overflow:hidden}.chat-status{color:var(--hint);font-size:13px;line-height:1.25}.round{background:color-mix(in srgb, var(--hint) 16%, transparent);width:38px;height:38px;color:var(--text);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.feed{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:1;gap:6px;min-height:0;padding:10px 10px 6px;display:flex;overflow-y:auto}.feed>*{flex-shrink:0}.feed>div:not(.bubble):not(.card):not(.service),.feed>div>div:not(.bubble):not(.service){flex-direction:column;gap:6px;display:flex}.feed-frozen{overflow:hidden}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:16px;max-width:88%;padding:8px 12px}.bubble-in{background:var(--card);border-bottom-left-radius:5px;align-self:flex-start}.bubble-out{background:var(--accent);color:var(--on-accent);border-bottom-right-radius:5px;align-self:flex-end}.bubble-story{max-width:96%;padding:11px 14px}.bubble-private{border-left:3px solid var(--link)}.spoiler{cursor:pointer;position:relative}.spoiler-open{cursor:auto}.spoiler-text{color:#0000;-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;transition:color .25s}.spoiler-open .spoiler-text{color:inherit;-webkit-text-fill-color:currentColor;-webkit-user-select:text;user-select:text}.spoiler-dust{pointer-events:none;width:100%;height:100%;color:var(--text);transition:opacity .25s;position:absolute;top:0;bottom:0;left:0;right:0}.spoiler-open .spoiler-dust{opacity:0}.bubble-head{color:var(--link);margin-bottom:4px;font-size:14px;font-weight:600}.service{text-align:center;max-width:86%;color:var(--subtle);background:color-mix(in srgb, var(--hint) 14%, transparent);border-radius:13px;align-self:center;margin:3px 0;padding:5px 11px;font-size:13.5px}.link-service{display:block}.roll-title{font-weight:700}.finale{text-align:center;align-items:center;margin:6px 2px}.roll{margin:6px 2px}.die-room{height:30vh}.typing{flex-direction:row;gap:5px;padding:13px 14px;display:flex}.typing i{background:var(--hint);border-radius:50%;width:7px;height:7px;animation:1.2s infinite blink}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.3}30%{opacity:1}}.dock{background:var(--card);box-shadow:0 -1px 0 var(--line);padding:7px 10px calc(7px + var(--bottom));transition:padding-bottom var(--keyboard-move);flex:none;position:relative}html.keyboard-up .dock{padding-bottom:7px}.dock-hidden{visibility:hidden}.dock-row{align-items:flex-end;gap:8px;display:flex}.dock-input{resize:none;background:var(--page);border:0;border-radius:20px;outline:none;flex:1;min-width:0;max-height:140px;padding:9px 14px;line-height:1.3;display:block}.dock-input:disabled{color:var(--hint);opacity:1;-webkit-text-fill-color:var(--hint)}.send{background:var(--accent);width:38px;height:38px;color:var(--on-accent);border-radius:50%;flex:none;justify-content:center;align-items:center;transition:opacity .15s;display:flex}.send:disabled{opacity:.35}.to-end{background:var(--card);position:absolute;bottom:calc(100% + 10px);right:10px;box-shadow:0 1px 6px #00000040}.sheet-back{z-index:40;background:0 0;align-items:flex-end;transition:background .2s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet-shown{background:#00000080}.sheet{background:var(--page);width:100%;max-height:85%;padding:20px var(--edge) calc(18px + var(--bottom));border-radius:26px 26px 0 0;flex-direction:column;gap:12px;transition:transform .2s ease-out;display:flex;position:relative;transform:translateY(100%)}.sheet-shown .sheet{transform:none}.sheet-x{background:color-mix(in srgb, var(--hint) 22%, transparent);width:34px;height:34px;color:var(--subtle);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.sheet-title{padding:3px 44px 0 4px;font-size:20px;font-weight:700}.sheet-hint{padding:0 4px}.sheet-scroll{-webkit-overflow-scrolling:touch;flex-direction:column;gap:8px;padding:0 4px;display:flex;overflow-y:auto}.sheet-scroll h3{color:var(--subtle);margin-top:8px;font-size:15px}.timings{color:var(--hint);padding:0 4px;font-size:11.5px}.die{z-index:0;pointer-events:none;background:0 0;border:0;width:100%;height:100%;position:fixed;top:0;left:0}.die-live{z-index:30;pointer-events:auto;touch-action:none}
