:root{font-family:Arial,Helvetica,sans-serif;color:#333;background:#fff;font-synthesis:none;--green:#20e4a4;--cyan:#2cc9cc}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid #167d91;outline-offset:4px}.modal-open{overflow:hidden}
.topbar{position:fixed;z-index:20;top:0;left:20px;right:20px;min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;background:#fff;border:1px solid #333;border-top:0;border-radius:0 0 28px 28px}
.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;white-space:nowrap}.brand img{width:56px;height:56px;object-fit:contain}.header-actions{display:flex;align-items:center;gap:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 44px;border-radius:64px;font-size:15px;font-weight:600;text-align:center;transition:filter .2s}.button:hover{filter:brightness(.96)}.button-primary{background:linear-gradient(270deg,var(--green),var(--cyan));color:#fff}.button-secondary{background:linear-gradient(270deg,#d4f9fe,#b4b0be);color:#333}
.menu-button{display:flex;flex-direction:column;justify-content:center;gap:6px;width:42px;height:44px;padding:5px;border:0;background:transparent}.menu-button span{display:block;width:30px;height:2px;background:#333}
main{padding-top:110px;min-height:100vh}.widget-view{width:100%;min-height:220px;padding:0 20px 40px}.widget-view iframe{max-width:100%}.widget-error{text-align:center;line-height:1.6;padding:20px}.widget-error button{border:0;background:transparent;text-decoration:underline;color:#167d91}
.document-view{max-width:800px;margin:0 auto;padding:40px 20px 60px;font-size:20px;line-height:1.55;color:#000;overflow-wrap:anywhere}.document-view ul{padding-left:22px}.document-view strong{font-weight:700}
dialog{color:#333;background:#fff;border:0;padding:0}dialog::backdrop{background:rgba(51,51,51,.8)}.close-button{border:0;background:transparent;font-size:36px;font-weight:300;line-height:1;width:48px;height:48px;color:#333}
.menu-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(460px,100%);height:100%;max-height:100%;max-width:100%;padding:90px 40px 40px;box-shadow:0 15px 30px -10px rgba(0,11,48,.2)}.menu-dialog>.close-button{position:absolute;right:20px;top:16px}.menu-dialog nav{display:flex;flex-direction:column;gap:24px}.menu-dialog nav a{font-size:20px;line-height:1.3}.menu-dialog nav a:hover,.menu-dialog nav a[aria-current]{color:#167d91}.menu-actions{display:flex;flex-direction:column;gap:16px;margin-top:40px}
.share-view{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:clamp(28px,10vw,144px);max-width:1200px;margin:0 auto;padding:0 20px 60px}.share-link{padding:0;border:0;background:transparent;border-radius:12px}.share-link img{width:80px;height:80px;object-fit:contain}.share-link:hover{transform:translateY(-2px)}
.guide-dialog{width:min(900px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:16px 24px 24px;border-radius:16px;overflow:auto}.guide-dialog header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px}.guide-dialog h2{font-size:20px;font-weight:600;margin:0}.guide-dialog>img{margin:0 auto;max-width:100%;max-height:calc(100dvh - 140px);object-fit:contain}.no-script{max-width:800px;margin:20px auto;padding:20px;line-height:1.6}
@media(max-width:960px){.topbar{left:12px;right:12px;min-height:72px;padding:10px 18px}.brand img{width:44px;height:44px}.button{padding-left:30px;padding-right:30px}main{padding-top:96px}.document-view{font-size:18px}.header-actions{gap:16px}}
@media(max-width:480px){.topbar{left:8px;right:8px;padding:10px 12px;gap:8px}.brand{gap:7px;font-size:18px}.brand img{width:40px;height:40px}.header-actions{gap:8px}.header-actions .button{min-height:42px;padding:10px 14px;font-size:12px}.menu-button{width:34px}.menu-button span{width:26px}.menu-dialog{padding:80px 24px 32px}.widget-view{padding-left:8px;padding-right:8px}.document-view{padding:24px 16px 40px;font-size:16px}.share-view{gap:30px;justify-content:center}.guide-dialog{padding:12px 12px 20px}.guide-dialog h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}