/* Floating surfaces share one radius, edge treatment, spacing and motion language. */
dialog{width:510px;padding:0;border-radius:28px;border:1px solid #ffffff29;border-top-color:#ffffff55;background:radial-gradient(ellipse at 10% 0,#ffffff13,transparent 55%),linear-gradient(145deg,#343437ed,#202023f7);box-shadow:inset 0 1px 1px #ffffff19,0 40px 130px #000a,0 0 0 1px #0005;backdrop-filter:blur(45px) saturate(0);max-height:calc(100dvh - 48px);overflow:auto;scrollbar-width:thin;animation:dialog-in .3s cubic-bezier(.2,.8,.2,1)}dialog::backdrop{background:#09090c70;backdrop-filter:blur(8px) brightness(.65);animation:backdrop-in .25s ease}.modal-head{margin:0;padding:28px 28px 24px;border-bottom:1px solid #ffffff0c;gap:12px;align-items:center}.dialog-emblem{flex-shrink:0;width:43px;height:43px;border:1px solid #ffffff23;border-radius:15px;background:linear-gradient(135deg,#ffffff18,#ffffff03);box-shadow:inset 0 1px 1px #ffffff20;display:grid;place-items:center;color:#c9c9ce}.modal-head>div{flex:1}.dialog-eyebrow{display:block;font-size:8px;letter-spacing:1.5px;color:#82828b;margin-bottom:8px}.modal-head h2{font-size:20px;line-height:1.25;font-weight:500;letter-spacing:-.6px}.modal-head>.round-button{width:30px;height:30px;border-radius:50%;background:#ffffff07;color:#92929b;align-self:flex-start}.modal-head>.round-button:hover{background:#ffffff14;color:#eee}.dialog-body{padding:24px 28px 28px}.dialog-body>.modal-sub:first-child{margin-top:0}.dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid #ffffff10;background:#00000012}.dialog-footer>.button{font-size:12px;padding:12px 16px;border-radius:13px;min-height:42px}.dialog-body .search-field{width:100%;background:#0002;border-radius:14px}.dialog-body .modal-field{margin:20px 0 0}.dialog-body .modal-note{border-radius:16px;background:#ffffff04;border-color:#ffffff12}.dialog-body>.button.full{margin-top:16px}.overlay-subtitle{font-size:12px;line-height:1.8;color:#95959e;margin:0 0 24px}.overlay-fields{display:grid;gap:20px}.overlay-field{display:grid;gap:8px;font-size:11px;color:#b0b0b8;min-width:0}.overlay-field>input,.modal-field>input{width:100%;height:47px;padding:0 16px;background:#17171a80;border:1px solid #ffffff18;border-radius:13px;color:#eee;outline:none;transition:.2s}.overlay-field>input:hover{border-color:#ffffff30}.overlay-field>input:focus{border-color:#ffffff66;box-shadow:0 0 0 3px #ffffff06}.overlay-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.native-select-hidden{display:none!important}.glass-select{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-width:0;height:47px;padding:0 16px;border:1px solid #ffffff1d;border-radius:13px;background:linear-gradient(135deg,#ffffff08,#ffffff02),#17171a66;color:#d4d4da;text-align:left;font-size:12px;transition:border-color .2s,background .2s,box-shadow .2s}.glass-select>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.glass-select>svg{color:#787881;width:15px}.glass-select:hover{border-color:#ffffff36;background-color:#ffffff08}.glass-select[aria-expanded=true]{border-color:#ffffff60;box-shadow:0 0 0 3px #ffffff05}.glass-select[aria-expanded=true]>svg{transform:rotate(180deg)}.glass-popover{position:fixed;inset:auto;margin:0;padding:8px;width:320px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;scrollbar-width:thin;border:1px solid #ffffff2b;border-top-color:#ffffff55;border-radius:21px;color:#ddd;background:radial-gradient(ellipse at 10% 0,#ffffff12,transparent 60%),#2c2c30ed;backdrop-filter:blur(40px) saturate(0);box-shadow:inset 0 1px 1px #ffffff17,0 16px 65px #0008,0 0 0 1px #0004;animation:popover-in .2s cubic-bezier(.2,.8,.2,1);font-family:inherit}.glass-popover::backdrop{background:transparent}.popover-heading{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 12px;font-size:11px;font-weight:500;color:#aaa}.popover-close{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#888;background:#ffffff05}.popover-close>svg{width:13px}.popover-close:hover{background:#ffffff13;color:#eee}.popover-search{height:40px;margin:0 4px 12px;padding:0 12px;display:flex;align-items:center;gap:8px;background:#0002;border:1px solid #ffffff12;border-radius:12px;color:#777}.popover-search input{min-width:0;width:100%;background:none;border:0;outline:none;color:#ddd;font-size:11px}.popover-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 12px;text-align:left;border:1px solid transparent;border-radius:13px;min-height:47px;color:#b1b1ba}.popover-option[hidden]{display:none}.popover-option:hover,.popover-option:focus-visible{background:#ffffff0c;outline:none;border-color:#ffffff17}.popover-option.chosen{background:linear-gradient(135deg,#ffffff15,#ffffff07);border-color:#ffffff1a;color:#eee}.option-icon{width:31px;height:31px;display:grid;place-items:center;border:1px solid #ffffff12;border-radius:11px;background:#ffffff04;color:#a0a0aa;flex-shrink:0}.popover-option>span:nth-child(2){flex:1}.popover-option strong{font-size:11px;font-weight:450;display:block;line-height:1.4}.popover-option small{display:block;font-size:9px;color:#81818d;margin-top:4px;line-height:1.5}.option-check{width:16px;color:#dedee5}.option-check>svg{width:15px}.popover-bottom{margin:8px 4px 0;padding:12px 8px 4px;border-top:1px solid #ffffff10;font-size:9px;color:#777780;line-height:1.6}.notification-label{font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between;color:#777;padding:8px 12px}.notification-label span{letter-spacing:0;color:#aaa}.notice-card{padding:16px 12px;display:flex;gap:12px;width:100%;text-align:left;border-radius:13px}.notice-card:hover{background:#ffffff09}.notice-dot{width:5px;height:5px;background:#ddd;border-radius:50%;margin-top:4px;box-shadow:0 0 9px #ffffff33;flex-shrink:0}.notice-card strong{font-size:11px;font-weight:500;color:#ddd}.notice-card p{font-size:10px;color:#999;margin-top:8px;line-height:1.5}.notice-card small{display:block;font-size:9px;color:#666;margin-top:8px}.account-preview{display:flex;align-items:center;gap:12px;padding:12px 12px}.account-preview>span{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#ffffff24,#ffffff04);border:1px solid #ffffff28;display:grid;place-items:center;font-size:13px}.account-preview strong{font-size:12px;font-weight:450;display:block}.account-preview small{font-size:9px;color:#888;display:block;margin-top:8px}.mini-mode dialog{width:calc(100% - 20px);max-width:420px;margin:auto auto 12px;border-radius:29px 29px 23px 23px;animation:sheet-in .35s cubic-bezier(.2,.8,.2,1)}.mini-mode .modal-head{padding-top:28px}.mini-mode .modal-head:before{content:'';width:32px;height:4px;background:#ffffff30;border-radius:5px;position:absolute;top:10px;left:calc(50% - 16px)}.mini-mode .modal-head h2{font-size:18px}.mini-mode .dialog-body{padding:20px}.mini-mode .dialog-footer{padding:16px 20px}.mini-mode .dialog-emblem{width:38px;height:38px}.mini-mode .modal-head{padding-left:20px;padding-right:20px}.mini-mode .dialog-eyebrow{font-size:7px}#toast{border-radius:16px;font-size:11px;border-color:#ffffff25;background:#323237ed;box-shadow:inset 0 1px 1px #ffffff13,0 10px 40px #0005}.modal-option{padding:16px 12px;border:1px solid transparent;border-radius:13px}.modal-option:hover{background:#ffffff0b;border-color:#ffffff15}.modal-field{font-size:11px}.modal-disclaimer{line-height:1.8}.modal-sub{color:#9999a3}
@keyframes popover-in{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:none}}@keyframes sheet-in{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@media(max-width:500px){dialog{max-height:calc(100dvh - 24px)}.overlay-field-pair{gap:12px}.glass-popover{width:310px}.modal-head h2{font-size:18px}}@media(prefers-reduced-motion:reduce){dialog,.glass-popover,dialog::backdrop{animation:none!important}}
.calendar-heading{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 16px}.calendar-heading strong{font-size:12px;font-weight:500;text-transform:capitalize}.calendar-heading button{height:29px;width:29px;border:1px solid #ffffff14;border-radius:10px;font-size:21px;color:#bbb}.calendar-heading button:hover{background:#ffffff13}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:0 8px}.calendar-week span{text-align:center;font-size:9px;color:#777;padding:4px 0 12px}.calendar-grid button{height:34px;border-radius:11px;font-size:11px;color:#bbb}.calendar-grid button:hover,.calendar-grid button:focus-visible{background:#d9d9e1;color:#202023;outline:none}.calendar-grid .today{border:1px solid #ffffff39;background:#ffffff0b;color:white}.calendar-body{padding-bottom:8px}
