:root{--bg-primary: #0D1117;--bg-secondary: #080B10;--bg-card: #13181F;--accent-ca: #00E5A0;--accent-static: #7B61FF;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .3);--border: rgba(255, 255, 255, .08)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body{margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,SF Pro Display,Inter,sans-serif;height:100%}#root{min-height:100vh}button{outline:none;border:none;cursor:pointer;background:none;padding:0;font-family:inherit;color:inherit;text-align:inherit}img{-webkit-user-drag:none}.loading-screen,.not-telegram-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:var(--text-secondary)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent-ca);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.date-picker{padding:16px}.date-picker-header{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:16px}.logo{font-weight:800;letter-spacing:1px}.tagline{font-size:12px;color:var(--text-secondary)}.date-list{display:flex;flex-direction:column;gap:12px}.date-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;text-align:left;display:flex;flex-direction:column;gap:4px}.date-card-date{font-family:SF Mono,monospace;font-size:11px;color:var(--accent-ca);text-transform:uppercase;letter-spacing:1px}.date-card-topic{font-weight:600;font-size:14px}.date-card-tag{font-size:11px;color:var(--text-muted)}.canvas-page{padding-bottom:24px;border-bottom:1px solid var(--border);margin-bottom:16px}.canvas-image-wrap{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-secondary)}.canvas-image-wrap img{width:100%;height:100%;object-fit:cover;pointer-events:none}.hotspot-pin{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:#00000080;border:2px solid var(--accent-ca);color:var(--text-primary);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;animation:pulse 2s ease-in-out infinite}.hotspot-pin.revealed{background:var(--accent-ca);color:#000;border-color:var(--accent-ca);animation:none}@keyframes pulse{0%,to{box-shadow:0 0 #00e5a066}50%{box-shadow:0 0 0 8px #00e5a000}}.canvas-info{padding:16px}.canvas-tag{font-family:SF Mono,monospace;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-ca);margin-bottom:6px}.canvas-headline{font-size:18px;font-weight:800;margin:0 0 12px}.static-pair-btn{background:#7b61ff1f;border:1px solid var(--accent-static);color:var(--accent-static);border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;width:100%;text-align:left}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;z-index:100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-sheet{background:var(--bg-card);border-radius:20px 20px 0 0;padding:12px 20px 28px;width:100%;animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 16px}.modal-pin-badge{width:28px;height:28px;border-radius:50%;background:var(--accent-ca);color:#000;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.modal-title{font-size:15px;margin:0 0 8px}.modal-content{font-size:13px;line-height:1.6;color:var(--text-secondary);margin:0 0 20px}.modal-close-btn{width:100%;background:var(--accent-ca);color:#000;border-radius:10px;padding:12px;font-weight:700;text-align:center}.paywall-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:32px;text-align:center;gap:12px}.paywall-icon{font-size:40px;margin-bottom:8px}.paywall-screen p{color:var(--text-secondary);font-size:13px;margin-bottom:16px}.paywall-btn{width:100%;border-radius:10px;padding:12px;font-weight:700;font-size:14px}.paywall-btn.primary{background:var(--accent-ca);color:#000}.paywall-btn.secondary{background:transparent;border:1.5px solid var(--accent-ca);color:var(--accent-ca)}.paywall-back{margin-top:16px;color:var(--text-muted);font-size:13px}.back-to-dates{display:block;margin:16px auto;color:var(--text-secondary);font-size:13px}