.cs-overlay{position:fixed;inset:0;z-index:1000020;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(4,10,22,.5);backdrop-filter:blur(2px);animation:csFade .16s ease-out}@keyframes csFade{0%{opacity:0}to{opacity:1}}.cs-card{width:min(440px,100%);display:flex;flex-direction:column;gap:14px;padding:18px 18px 20px;background:#FFFFFF;border-radius:16px;box-shadow:0 24px 60px rgba(2,8,20,.34);outline:none;animation:csPop .18s cubic-bezier(.2,.8,.2,1)}@keyframes csPop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cs-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.cs-title{margin:0;font-size:17px;font-weight:700;letter-spacing:-.012em;color:#0F172A}.cs-close{width:34px;height:34px;flex:0 0 34px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:10px;background:transparent;color:#64748B;cursor:pointer;transition:background-color .14s ease,color .14s ease}.cs-close:hover{background:#F1F5F9;color:#0F172A}.cs-subject{margin:-6px 0 0;font-size:13px;font-weight:500;color:#64748B;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cs-link-row{display:flex;align-items:stretch;gap:8px}.cs-link{flex:1;min-width:0;height:44px;padding:0 12px;border:1px solid #e2e8f0;border-radius:12px;background:#F8FAFC;color:#334155;font-size:13px;font-family:inherit;cursor:text;transition:border-color .14s ease,box-shadow .14s ease}.cs-link:focus{outline:none;border-color:#0066FF;box-shadow:0 0 0 3px rgba(0,102,255,.12);background:#FFFFFF}.cs-copy{height:44px;padding:0 16px;flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;border:none;border-radius:12px;background:#0066FF;color:#FFFFFF;font-size:13px;font-weight:700;font-family:inherit;letter-spacing:-.005em;cursor:pointer;transition:background-color .14s ease,transform 80ms ease}.cs-copy:hover{background:#0052D6}.cs-copy:active{transform:translateY(1px)}.cs-copy.done{background:#0F172A}.cs-copy.done:hover{background:#0B1220}.cs-sep{height:1px;background:#EEF2F7}.cs-apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.cs-app{display:flex;flex-direction:column;align-items:center;gap:7px;padding:6px 2px;border-radius:12px;text-decoration:none;transition:background-color .14s ease}.cs-app:hover{background:#F1F5F9}.cs-app-circle{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .14s ease}.cs-app:hover .cs-app-circle{transform:translateY(-1px)}.cs-app-label{font-size:11px;font-weight:600;color:#64748B;letter-spacing:.005em;white-space:nowrap}.cs-app:focus-visible{outline:none;background:#EAF1FF}.cs-app:focus-visible .cs-app-label{color:#0F172A}@keyframes csRise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:767px){.cs-overlay{align-items:flex-end;padding:0}.cs-card{width:100%;border-radius:18px 18px 0 0;padding:18px 16px calc(20px + env(safe-area-inset-bottom, 0px));animation:csRise .22s cubic-bezier(.2,.8,.2,1)}.cs-link{font-size:12px}}@media (prefers-reduced-motion:reduce){.cs-app:hover .cs-app-circle,.cs-card,.cs-overlay{animation:none;transition:none;transform:none}}