:root{--bg-950: #060812;--bg-900: #0a1020;--bg-850: #101a32;--surface-900: rgba(15, 22, 42, .92);--surface-800: rgba(22, 31, 57, .9);--border: rgba(126, 146, 191, .32);--text-100: #e7edff;--text-300: #a8b5d3;--text-500: #7f8cae;--accent-500: #49a5ff;--accent-300: #8dc8ff;--danger: #ff6868;--warning: #ffb24c;--ok: #62de9f}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:IBM Plex Sans,sans-serif;color:var(--text-100);background:radial-gradient(circle at 80% -5%,rgba(73,165,255,.22),transparent 35%),radial-gradient(circle at -15% 20%,rgba(98,222,159,.12),transparent 28%),linear-gradient(180deg,var(--bg-900) 0%,var(--bg-950) 100%)}.share-shell{max-width:1020px;margin:0 auto;padding:1.2rem}.share-topbar{margin-bottom:.9rem;display:flex;justify-content:space-between;align-items:center;gap:.8rem}.branding{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-300);text-decoration:none;font-size:.88rem}.branding img{width:22px;height:22px}.chip{border-radius:999px;padding:.28rem .6rem;border:1px solid var(--border);background:#121c34e6;color:var(--text-300);font-size:.76rem;font-weight:600}.share-card{border:1px solid var(--border);border-radius:18px;background:var(--surface-900);overflow:hidden;box-shadow:0 20px 48px #00000059}.share-header{border-bottom:1px solid rgba(126,146,191,.22);background:linear-gradient(180deg,#162343d9,#0e162acc);padding:1rem}.share-title{margin:0;font-family:Chivo,sans-serif;font-size:clamp(1.2rem,2.8vw,1.8rem);line-height:1.16;letter-spacing:-.02em}.share-meta{margin-top:.65rem;display:flex;flex-wrap:wrap;gap:.5rem}.meta-pill{border-radius:999px;padding:.23rem .52rem;border:1px solid rgba(126,146,191,.25);color:var(--text-300);font-size:.74rem;background:#060b1980}.meta-pill.warn{color:var(--danger);border-color:#ff68687a;background:#ff686814}.meta-pill.ok{color:var(--ok);border-color:#62de9f73;background:#62de9f1a}.share-content{padding:1rem}.status-panel{border:1px solid rgba(126,146,191,.24);background:var(--surface-800);border-radius:14px;padding:.9rem}.status-title{margin:0;font-size:.98rem;font-weight:700}.status-copy{margin:.5rem 0 0;color:var(--text-300);font-size:.9rem}.password-form{margin-top:.8rem;display:flex;gap:.6rem;flex-wrap:wrap}.input,.button{font:inherit}.input{flex:1;min-width:200px;border:1px solid rgba(126,146,191,.35);background:#090e1bcc;color:var(--text-100);border-radius:10px;padding:.55rem .7rem}.input:focus{outline:2px solid rgba(141,200,255,.55);outline-offset:1px}.button{border:1px solid transparent;border-radius:10px;padding:.52rem .8rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,var(--accent-300),var(--accent-500));color:#091224}.block-list{display:flex;flex-direction:column;gap:.72rem}.block-item{border-radius:12px;border:1px solid rgba(126,146,191,.24);background:#0c1223db;padding:.72rem .75rem}.block-item p{margin:0;color:var(--text-100);line-height:1.45}.block-item p.secondary{margin-top:.32rem;color:var(--text-300);font-size:.9rem}.block-type{color:var(--text-500);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.45rem}.block-heading{font-family:Chivo,sans-serif;font-size:1.1rem}.block-quote{border-left:2px solid rgba(141,200,255,.45);padding-left:.75rem}.block-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.block-checklist li{display:flex;align-items:start;gap:.45rem;color:var(--text-100)}.block-check{font-size:.85rem;line-height:1.2;color:var(--text-300)}.block-code{margin:0;background:#050a14e6;border:1px solid rgba(126,146,191,.2);border-radius:8px;padding:.65rem;overflow-x:auto;color:#bfd4ff;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:.86rem}.block-divider{height:1px;background:#7e92bf40;border-radius:999px}.block-link{color:var(--accent-300);text-decoration:none}.block-link:hover{text-decoration:underline}.empty-note{color:var(--text-300);font-size:.92rem}.loading{display:inline-flex;align-items:center;gap:.5rem}.loading-dot{width:.65rem;height:.65rem;border-radius:999px;background:var(--accent-500);box-shadow:0 0 #49a5ff99;animation:pulse 1s infinite}.small{font-size:.78rem;color:var(--text-500)}@keyframes pulse{0%{box-shadow:0 0 #49a5ff99}70%{box-shadow:0 0 0 10px #49a5ff00}to{box-shadow:0 0 #49a5ff00}}@media(max-width:720px){.share-shell{padding:.8rem}.share-header,.share-content{padding:.82rem}}
