.tp-live-dialog{position:fixed;inset:0;margin:auto;height:fit-content;overflow-y:auto;border:0;border-radius:16px;padding:0;width:min(620px,calc(100vw - 24px));max-height:90dvh;background:#fcfaf5;color:#173e32;box-shadow:0 20px 100px #0005}
.tp-live-dialog::backdrop{background:#142e24a6}
.tp-live-wrap{padding:28px;position:relative}
.tp-live-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:28px;cursor:pointer}
.tp-live-wrap h2{font-family:Georgia,serif;font-size:28px;margin:0 36px 20px 0}
.tp-live-wrap p{line-height:1.65}.tp-live-wrap label{display:block;margin:14px 0;font-size:14px}
.tp-live-wrap input,.tp-live-wrap textarea,.tp-live-wrap select{display:block;width:100%;box-sizing:border-box;border:1px solid #173e3240;background:white;border-radius:6px;padding:11px;font:inherit}
.tp-live-wrap button:not(.tp-live-close),.tp-account button{padding:12px 18px;border-radius:6px;border:1px solid #173e32;background:#173e32;color:white;font:inherit;cursor:pointer}
.tp-live-wrap button:disabled,.tp-account button:disabled{opacity:.5;cursor:wait}
.tp-live-wrap .tp-secondary,.tp-account .tp-secondary{background:transparent;color:#173e32}
.tp-live-lines{list-style:none;padding:0;margin:0}.tp-live-lines li{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #173e3220}
.tp-live-total{font-size:21px;font-weight:bold}.tp-live-info{padding:14px;background:#eaf0e6;border-radius:8px;overflow-wrap:anywhere}
.tp-live-status{min-height:24px;color:#97382a;white-space:pre-line;line-height:1.6}.tp-live-qr svg{display:block;width:240px;max-width:100%;height:auto;margin:auto}
.tp-live-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.tp-live-token{font-family:monospace;font-size:12px;overflow-wrap:anywhere;user-select:all}
.tp-account label{display:block;margin:14px 0}.tp-account input{display:block;width:100%;padding:12px;font:inherit;border:1px solid #c9cabc;border-radius:6px}
.tp-account form{display:block}.tp-account .tp-live-actions{margin-top:18px}.tp-payment-note{background:#f2ead7;padding:12px;border-radius:6px}
@media(max-width:500px){.tp-live-wrap{padding:22px 18px}.tp-live-wrap h2{font-size:24px}.tp-live-actions button{width:100%}}

#tokiPasswordSettings{margin-top:24px}
.tp-branding-card{padding:24px;margin-bottom:24px}
.tp-branding-card h3{font-size:18px;margin:0 0 6px;color:#173e32}
.tp-branding-card>p{margin:0 0 20px;color:#647367;font-size:13px}
.tp-branding-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:start}
.tp-branding-preview{display:flex;align-items:center;justify-content:center;min-height:140px;padding:24px;border:1px solid #dce1d1;border-radius:6px;background:repeating-conic-gradient(#f4f0e7 0% 25%,#fffdf8 0% 50%) 0 0/20px 20px}
.tp-branding-preview .logo-mark{display:flex;flex-direction:column;align-items:center;color:#173e32;line-height:1;width:110px}
.tp-branding-preview .logo-mark svg{width:75px;height:30px}
.tp-branding-preview .logo-name{font-size:35px;font-family:Georgia,serif}
.tp-branding-preview .logo-caption{font-size:6px;letter-spacing:1px;margin-top:5px}
.tp-branding-preview img{display:block;width:100%;max-height:120px;object-fit:contain}
.tp-branding-controls{min-width:0}
.tp-branding-controls input{max-width:100%}
#tokiLogoHelp,#tokiLogoStatus{font-size:13px;line-height:1.7;margin:10px 0;color:#647367}
#tokiLogoStatus{min-height:23px;overflow-wrap:anywhere}
.tp-branding-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.tp-branding-actions button:disabled{opacity:.5;cursor:not-allowed}
.toki-surface #siteHeader .brand .tp-header-logo{display:block;width:100%;height:auto;max-height:64px;object-fit:contain}
@media(max-width:600px){.tp-branding-card{padding:18px}.tp-branding-layout{grid-template-columns:minmax(0,1fr);gap:16px}.tp-branding-preview{width:180px}.toki-surface #siteHeader .brand .tp-header-logo{max-height:54px}}
.toki-page .tp-contact-captcha{min-width:0;margin:24px 0 18px;padding:14px 16px 16px;border:1px solid var(--tp-line,#d5d5c6);border-radius:6px;background:#f2f0e5}
.toki-page .tp-contact-captcha legend{padding:0 6px;font:600 13px/1.6 var(--sans,sans-serif)}
.toki-page .tp-captcha-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px}
.toki-page .tp-captcha-answer{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:16px}
.toki-page .tp-captcha-answer input{width:72px;max-width:100%;padding:9px;border:1px solid #9da999;border-radius:4px;background:#fffdf8;font:16px/1.4 var(--sans,sans-serif);text-align:center;color:#123a30}
.toki-page .tp-captcha-refresh{padding:9px 12px;border:1px solid #9da999;border-radius:4px;background:transparent;font:13px/1.5 var(--sans,sans-serif);color:#123a30;cursor:pointer}
.toki-page .tp-contact-captcha [role=status]{margin:10px 0 0;font-size:12px;color:#97382a}
.toki-page .tp-contact-captcha [role=status]:empty{display:none}
.toki-page .tp-contact-form button:disabled{opacity:.5;cursor:wait}

/* Default TOKI artwork prepared from the owner's logo.png. */
.toki-surface #siteHeader .brand{width:clamp(112px,calc(112 * var(--u)),168px)}
.toki-surface .logo-mark.tp-brand-mark,.tp-branding-preview .logo-mark.tp-brand-mark{display:block;aspect-ratio:2/1;overflow:hidden;line-height:0}
.tp-brand-mark .tp-default-logo{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.toki-surface #siteFooter .footer-main{grid-template-columns:calc(110 * var(--u)) calc(250 * var(--u)) calc(180 * var(--u)) minmax(0,1fr)}
.toki-surface #siteFooter .tp-default-logo{filter:brightness(0) invert(.93)}
.toki-studio #adminSidebar .ts-brand>img{display:block;width:174px;height:86px;max-width:100%;margin:0 auto;object-fit:cover;filter:brightness(0) invert(.93)}
.tp-branding-preview .logo-mark.tp-brand-mark{width:140px}
@media(max-width:850px){
 .toki-surface #siteHeader .brand{width:116px}
 .toki-surface #siteFooter .footer-main{grid-template-columns:116px minmax(0,1fr)}
}
@media(max-width:365px){.toki-surface #siteHeader .brand{width:106px}.toki-surface #siteFooter .footer-main{grid-template-columns:106px minmax(0,1fr)}}