.reef-game{color:#fff;touch-action:none;background:#062f4a;font-family:Inter,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.reef-game canvas{width:100%;height:100%;position:absolute;inset:0}.reef-game>header{z-index:5;background:linear-gradient(#061d35e8,#0000);justify-content:space-between;align-items:center;height:66px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.reef-game>header button{color:#fff;background:#092e4bd9;border:1px solid #fff2;border-radius:14px;width:44px;height:44px}.reef-game>header div{text-align:center}.reef-game>header .reef-head-actions{align-items:center;gap:7px;display:flex}.reef-online{color:#64e7c7;background:#073a50d9;border-radius:12px;align-items:center;gap:5px;height:34px;padding:0 10px;font-size:11px;font-weight:900;display:flex}.reef-online svg{width:15px}.reef-game>header b{letter-spacing:.15em;display:block}.reef-game>header small{letter-spacing:.18em;color:#66e7d2;font-size:9px}.reef-hud{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#062a45db;border:1px solid #fff2;border-radius:16px;align-items:center;animation:.28s ease-out both reef-ui-drop;display:flex;position:absolute;top:72px;left:50%;overflow:hidden;transform:translate(-50%)}.reef-hud>span{text-align:center;border-right:1px solid #ffffff18;min-width:78px;padding:7px 12px}.reef-hud span:first-child{color:#ffdc61;align-items:center;gap:5px;display:flex}.reef-hud small{color:#8cb1c3;font-size:8px;display:block}.reef-hud em{color:#ffdc61;padding:10px;font-size:11px;font-style:normal;font-weight:900}.reef-leaderboard{z-index:6;width:190px;position:absolute;top:128px;left:14px}.reef-ranking-toggle{color:#65e6cf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.12em;background:#052b43d9;border:1px solid #fff2;border-radius:13px;align-items:center;gap:7px;min-height:38px;padding:0 11px;font-size:8px;display:flex}.reef-ranking-toggle svg{width:16px}.reef-ranking-list{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#052b43d9;border:1px solid #fff2;border-radius:14px;margin-top:5px;padding:6px}.reef-ranking-list>div{border-radius:8px;grid-template-columns:25px 1fr auto;gap:5px;padding:5px;font-size:10px;display:grid}.reef-ranking-list>div.is-you{color:#ffe477;background:#ffdb6130}.reef-ranking-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reef-ranking-list strong{color:#ffdc61}.reef-chat{z-index:7;color:#fff;width:290px;position:absolute;top:128px;right:14px}.reef-chat-toggle{color:#76ead7;background:#07344fdc;border:1px solid #ffffff25;border-radius:13px;align-items:center;gap:7px;height:38px;margin-left:auto;padding:0 11px;font-size:10px;display:flex}.reef-chat-toggle svg{width:17px}.reef-chat-toggle span{background:#ffffff16;border-radius:9px;min-width:18px;padding:2px 5px}.reef-chat.is-open{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#052b43e8;border:1px solid #ffffff25;border-radius:16px;padding:8px}.reef-chat-header{justify-content:space-between;align-items:center;height:38px;margin-bottom:7px;display:flex}.reef-chat-header>span{color:#76ead7;align-items:center;gap:7px;font-size:10px;display:flex}.reef-chat-header>span svg{width:17px}.reef-chat-header>button{color:#fff;background:#ffffff0b;border:1px solid #ffffff25;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.reef-chat-header>button svg{width:18px}.reef-chat-feed{overscroll-behavior:contain;flex-direction:column;gap:5px;height:190px;padding:3px;display:flex;overflow-y:auto}.reef-chat-feed>p{color:#86aebf;margin:auto;font-size:11px}.reef-chat-feed>div{background:#ffffff0c;border-radius:10px;padding:6px 8px;font-size:11px}.reef-chat-feed>div.is-you{background:#62dfca19}.reef-chat-feed b{color:#67e7d1;margin-bottom:2px;font-size:9px;display:block}.reef-chat-feed span{overflow-wrap:anywhere}.reef-chat-feed span svg{vertical-align:-2px;width:12px;height:12px;margin-right:4px}.reef-chat form{grid-template-columns:1fr 38px 38px;gap:5px;margin-top:7px;display:grid}.reef-chat input{color:#fff;background:#031f34;border:1px solid #ffffff1e;border-radius:11px;outline:none;min-width:0;height:38px;padding:0 10px}.reef-chat form button{color:#fff;background:#3caeaa;border:0;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.reef-chat form button svg{width:17px}.reef-chat form button.is-recording{background:#e6536a;animation:1s infinite reef-pulse}.reef-chat form button:disabled{opacity:.35}@keyframes reef-pulse{50%{transform:scale(.9);box-shadow:0 0 18px #ff5975}}.reef-boss{z-index:5;text-align:center;letter-spacing:.15em;width:min(420px,80vw);font-size:10px;position:absolute;top:128px;left:50%;transform:translate(-50%)}.reef-boss i{background:#ef5d82;border-radius:8px;height:8px;margin-top:5px;display:block;box-shadow:0 0 18px #ef5d82}.reef-tools{z-index:6;gap:9px;animation:.32s ease-out both reef-ui-rise;display:flex;position:absolute;bottom:20px;right:16px}.reef-tools button{color:#fff;background:#092d49df;border:1px solid #ffffff24;border-radius:19px;flex-direction:column;justify-content:center;place-items:center;gap:1px;width:68px;min-height:68px;transition:transform .12s,filter .12s,box-shadow .18s;display:flex;box-shadow:0 8px 24px #00132166,inset 0 1px #ffffff20}.reef-tools button:first-child{background:#e15a6ecf}.reef-tools button:nth-child(2){background:#479dd5cf}.reef-tools button:nth-child(3){background:#dfa843d9}.reef-tools button>svg{width:19px;height:19px}.reef-tools button>span{letter-spacing:.08em;opacity:.78;font-size:7px;font-weight:900}.reef-tools button>b{font-size:9px}.reef-tools button:disabled{opacity:.4;filter:grayscale(.65)}.reef-game button:focus-visible,.reef-chat input:focus-visible{outline-offset:2px;outline:3px solid #ffdc61}.reef-game button:active:not(:disabled){filter:brightness(1.2);transform:scale(.94)}@keyframes reef-ui-drop{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@keyframes reef-ui-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.reef-hud,.reef-tools{animation:none}.reef-tools button{transition:none}}.reef-overlay{z-index:10;text-align:center;background:radial-gradient(circle,#074d66ed,#04182af7);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.reef-mark{background:linear-gradient(135deg,#54e2cc,#4b9fe3);border-radius:30px;place-items:center;width:105px;height:105px;display:grid;position:relative}.reef-mark svg{width:55px;height:55px}.reef-mark span{font-size:42px;position:absolute;bottom:-8px;right:-14px}.reef-overlay>svg{background:#2b7692;border-radius:22px;width:70px;height:70px;padding:16px}.reef-overlay>small{color:#66e7d2;letter-spacing:.2em;margin-top:22px;font-weight:900}.reef-overlay h1{margin:13px 0;font-size:clamp(42px,8vw,78px);line-height:.94}.reef-overlay h1 em{color:#ffda62;font-style:normal}.reef-overlay h2{margin:12px;font-size:clamp(44px,8vw,72px)}.reef-overlay p{color:#b6d1dc;max-width:590px;line-height:1.6}.reef-overlay>button{color:#06263e;background:linear-gradient(135deg,#65e6cf,#4ca5e4);border:0;border-radius:16px;align-items:center;gap:9px;padding:15px 26px;font-size:16px;font-weight:900;display:flex}.reef-mode-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.reef-mode-buttons button{color:#06263e;background:linear-gradient(135deg,#65e6cf,#4ca5e4);border:0;border-radius:16px;align-items:center;gap:9px;padding:15px 24px;font-size:15px;font-weight:900;display:flex}.reef-mode-buttons button:last-child{background:linear-gradient(135deg,#ffdc65,#ff8e77)}.reef-voice-permission{margin-top:12px}.reef-voice-permission button{color:#a9cbd7;background:#042b43a6;border:1px solid #ffffff20;border-radius:12px;align-items:center;gap:7px;min-height:38px;padding:8px 13px;font-size:11px;display:flex}.reef-voice-permission svg{width:15px}.reef-voice-permission.is-granted button{color:#6ee7ca}.reef-voice-permission.is-denied button{color:#ffb2b9}.reef-error{margin:8px 0 0;color:#ffb2b9!important}.reef-tips{color:#7fa9bb;gap:24px;margin-top:25px;font-size:9px;display:flex}.reef-tips b{color:#fff;margin-top:4px;display:block}@media (width<=620px){.reef-game>header{height:58px}.reef-online{height:30px;padding:0 7px;font-size:9px}.reef-online svg{display:none}.reef-game>header .reef-head-actions button{width:38px;height:38px}.reef-hud{top:62px}.reef-hud>span{min-width:62px;padding:6px 8px}.reef-hud span:nth-child(4){display:none}.reef-leaderboard{width:145px;top:112px;left:8px}.reef-ranking-list>div:nth-child(n+4){display:none}.reef-chat{width:min(270px,100vw - 16px);top:112px;right:8px}.reef-chat-feed{height:130px}.reef-chat-toggle b{display:none}.reef-tools{right:10px;bottom:max(12px, env(safe-area-inset-bottom))}.reef-tools button{border-radius:17px;width:62px;min-height:62px}.reef-tips{flex-wrap:wrap;justify-content:center;gap:12px}.reef-overlay p{font-size:14px}}:root{--ion-color-primary:#0054e9;--ion-color-primary-rgb:0, 84, 233;--ion-color-primary-contrast:#fff;--ion-color-primary-contrast-rgb:255, 255, 255;--ion-color-primary-shade:#004acd;--ion-color-primary-tint:#1a65eb;--ion-color-secondary:#0163aa;--ion-color-secondary-rgb:1, 99, 170;--ion-color-secondary-contrast:#fff;--ion-color-secondary-contrast-rgb:255, 255, 255;--ion-color-secondary-shade:#015796;--ion-color-secondary-tint:#1a73b3;--ion-color-tertiary:#6030ff;--ion-color-tertiary-rgb:96, 48, 255;--ion-color-tertiary-contrast:#fff;--ion-color-tertiary-contrast-rgb:255, 255, 255;--ion-color-tertiary-shade:#542ae0;--ion-color-tertiary-tint:#7045ff;--ion-color-success:#2dd55b;--ion-color-success-rgb:45, 213, 91;--ion-color-success-contrast:#000;--ion-color-success-contrast-rgb:0, 0, 0;--ion-color-success-shade:#28bb50;--ion-color-success-tint:#42d96b;--ion-color-warning:#ffc409;--ion-color-warning-rgb:255, 196, 9;--ion-color-warning-contrast:#000;--ion-color-warning-contrast-rgb:0, 0, 0;--ion-color-warning-shade:#e0ac08;--ion-color-warning-tint:#ffca22;--ion-color-danger:#c5000f;--ion-color-danger-rgb:197, 0, 15;--ion-color-danger-contrast:#fff;--ion-color-danger-contrast-rgb:255, 255, 255;--ion-color-danger-shade:#ad000d;--ion-color-danger-tint:#cb1a27;--ion-color-light:#f4f5f8;--ion-color-light-rgb:244, 245, 248;--ion-color-light-contrast:#000;--ion-color-light-contrast-rgb:0, 0, 0;--ion-color-light-shade:#d7d8da;--ion-color-light-tint:#f5f6f9;--ion-color-medium:#636469;--ion-color-medium-rgb:99, 100, 105;--ion-color-medium-contrast:#fff;--ion-color-medium-contrast-rgb:255, 255, 255;--ion-color-medium-shade:#57585c;--ion-color-medium-tint:#737478;--ion-color-dark:#222428;--ion-color-dark-rgb:34, 36, 40;--ion-color-dark-contrast:#fff;--ion-color-dark-contrast-rgb:255, 255, 255;--ion-color-dark-shade:#1e2023;--ion-color-dark-tint:#383a3e}html.ios{--ion-default-font:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font:"Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font:-apple-system-body;--ion-font-family:var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (width>=768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity:.18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity:0;--box-shadow:none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base:var(--ion-color-primary,#0054e9)!important;--ion-color-base-rgb:var(--ion-color-primary-rgb,0, 84, 233)!important;--ion-color-contrast:var(--ion-color-primary-contrast,#fff)!important;--ion-color-contrast-rgb:var(--ion-color-primary-contrast-rgb,255, 255, 255)!important;--ion-color-shade:var(--ion-color-primary-shade,#004acd)!important;--ion-color-tint:var(--ion-color-primary-tint,#1a65eb)!important}.ion-color-secondary{--ion-color-base:var(--ion-color-secondary,#0163aa)!important;--ion-color-base-rgb:var(--ion-color-secondary-rgb,1, 99, 170)!important;--ion-color-contrast:var(--ion-color-secondary-contrast,#fff)!important;--ion-color-contrast-rgb:var(--ion-color-secondary-contrast-rgb,255, 255, 255)!important;--ion-color-shade:var(--ion-color-secondary-shade,#015796)!important;--ion-color-tint:var(--ion-color-secondary-tint,#1a73b3)!important}.ion-color-tertiary{--ion-color-base:var(--ion-color-tertiary,#6030ff)!important;--ion-color-base-rgb:var(--ion-color-tertiary-rgb,96, 48, 255)!important;--ion-color-contrast:var(--ion-color-tertiary-contrast,#fff)!important;--ion-color-contrast-rgb:var(--ion-color-tertiary-contrast-rgb,255, 255, 255)!important;--ion-color-shade:var(--ion-color-tertiary-shade,#542ae0)!important;--ion-color-tint:var(--ion-color-tertiary-tint,#7045ff)!important}.ion-color-success{--ion-color-base:var(--ion-color-success,#2dd55b)!important;--ion-color-base-rgb:var(--ion-color-success-rgb,45, 213, 91)!important;--ion-color-contrast:var(--ion-color-success-contrast,#000)!important;--ion-color-contrast-rgb:var(--ion-color-success-contrast-rgb,0, 0, 0)!important;--ion-color-shade:var(--ion-color-success-shade,#28bb50)!important;--ion-color-tint:var(--ion-color-success-tint,#42d96b)!important}.ion-color-warning{--ion-color-base:var(--ion-color-warning,#ffc409)!important;--ion-color-base-rgb:var(--ion-color-warning-rgb,255, 196, 9)!important;--ion-color-contrast:var(--ion-color-warning-contrast,#000)!important;--ion-color-contrast-rgb:var(--ion-color-warning-contrast-rgb,0, 0, 0)!important;--ion-color-shade:var(--ion-color-warning-shade,#e0ac08)!important;--ion-color-tint:var(--ion-color-warning-tint,#ffca22)!important}.ion-color-danger{--ion-color-base:var(--ion-color-danger,#c5000f)!important;--ion-color-base-rgb:var(--ion-color-danger-rgb,197, 0, 15)!important;--ion-color-contrast:var(--ion-color-danger-contrast,#fff)!important;--ion-color-contrast-rgb:var(--ion-color-danger-contrast-rgb,255, 255, 255)!important;--ion-color-shade:var(--ion-color-danger-shade,#ad000d)!important;--ion-color-tint:var(--ion-color-danger-tint,#cb1a27)!important}.ion-color-light{--ion-color-base:var(--ion-color-light,#f4f5f8)!important;--ion-color-base-rgb:var(--ion-color-light-rgb,244, 245, 248)!important;--ion-color-contrast:var(--ion-color-light-contrast,#000)!important;--ion-color-contrast-rgb:var(--ion-color-light-contrast-rgb,0, 0, 0)!important;--ion-color-shade:var(--ion-color-light-shade,#d7d8da)!important;--ion-color-tint:var(--ion-color-light-tint,#f5f6f9)!important}.ion-color-medium{--ion-color-base:var(--ion-color-medium,#636469)!important;--ion-color-base-rgb:var(--ion-color-medium-rgb,99, 100, 105)!important;--ion-color-contrast:var(--ion-color-medium-contrast,#fff)!important;--ion-color-contrast-rgb:var(--ion-color-medium-contrast-rgb,255, 255, 255)!important;--ion-color-shade:var(--ion-color-medium-shade,#57585c)!important;--ion-color-tint:var(--ion-color-medium-tint,#737478)!important}.ion-color-dark{--ion-color-base:var(--ion-color-dark,#222428)!important;--ion-color-base-rgb:var(--ion-color-dark-rgb,34, 36, 40)!important;--ion-color-contrast:var(--ion-color-dark-contrast,#fff)!important;--ion-color-contrast-rgb:var(--ion-color-dark-contrast-rgb,255, 255, 255)!important;--ion-color-shade:var(--ion-color-dark-shade,#1e2023)!important;--ion-color-tint:var(--ion-color-dark-tint,#383a3e)!important}.ion-page{contain:layout size style;z-index:0;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.ion-page.ion-page-overlay-passthrough{pointer-events:none}ion-modal>.ion-page{contain:layout style;height:100%;position:relative}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding:20px}@supports (padding-top:20px){html{--ion-safe-area-top:var(--ion-statusbar-padding)}}@supports (padding-top:env(safe-area-inset-top)){html{--ion-safe-area-top:var(--safe-area-inset-top,env(safe-area-inset-top));--ion-safe-area-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom));--ion-safe-area-left:var(--safe-area-inset-left,env(safe-area-inset-left));--ion-safe-area-right:var(--safe-area-inset-right,env(safe-area-inset-right))}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translate(0,0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow:hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px #00000014}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px #00000014}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px #0000002e}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-right-radius:8px;border-bottom-left-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width:0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:transform .3s cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion:reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width:0px;--inner-border-width:0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width:fit-content;--height:fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-900:oklch(41.4% .112 45.904);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-700:oklch(51.4% .222 16.935);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--radius-xl:.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.static{position:static}.inset-0{inset:0}.z-50{z-index:50}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.max-h-\[calc\(100dvh-1\.5rem\)\]{max-height:calc(100dvh - 1.5rem)}.min-h-10{min-height:calc(var(--spacing) * 10)}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:0}.flex-1{flex:1}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[28px\]{border-radius:28px}.rounded-full{border-radius:2147483647px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-amber-200{border-color:var(--color-amber-200)}.border-rose-200{border-color:var(--color-rose-200)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-\[\#070d20\]\/70{background-color:oklab(16.5209% -.00151262 -.0410992/.7)}.bg-\[\#6653a5\]{background-color:#6653a5}.bg-\[\#ece6f8\]{background-color:#ece6f8}.bg-\[\#fffaf0\]{background-color:#fffaf0}.bg-amber-50{background-color:var(--color-amber-50)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-white{background-color:var(--color-white)}.p-3{padding:calc(var(--spacing) * 3)}.p-6{padding:calc(var(--spacing) * 6)}.px-4{padding-inline:calc(var(--spacing) * 4)}.\[padding-top\:max\(\.75rem\,env\(safe-area-inset-top\)\)\]{padding-top:max(.75rem, env(safe-area-inset-top))}.\[padding-bottom\:max\(\.75rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(.75rem, env(safe-area-inset-bottom))}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[\.35em\]{--tw-tracking:.35em;letter-spacing:.35em}.text-\[\#4285f4\]{color:#4285f4}.text-\[\#6653a5\]{color:#6653a5}.text-\[\#172039\]{color:#172039}.text-amber-900{color:var(--color-amber-900)}.text-rose-700{color:var(--color-rose-700)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-white{color:var(--color-white)}.underline{text-decoration-line:underline}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.outline-none{--tw-outline-style:none;outline-style:none}.focus\:border-\[\#6653a5\]:focus{border-color:#6653a5}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[\#6653a5\]\/10:focus{--tw-ring-color:oklab(50.0693% .0472365 -.117972/.1)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:text-slate-400:disabled{color:var(--color-slate-400)}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-50:disabled{opacity:.5}}:root{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#062f4a;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.reef-notification-bell{z-index:24;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));color:#b8fff3;background:#061d35e8;border:1px solid #7fffe766;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:fixed;box-shadow:0 6px 20px #00151faa}.reef-notification-prompt,.reef-notification-sheet{color:#eafffb;background:linear-gradient(145deg,#073d59,#061d35);border:1px solid #76ffe555;border-radius:20px;box-shadow:0 18px 60px #00111ddd}.reef-notification-prompt{z-index:30;left:50%;bottom:max(18px,env(safe-area-inset-bottom));text-align:center;justify-items:center;gap:10px;width:min(360px,100% - 28px);padding:20px;display:grid;position:fixed;transform:translate(-50%)}.reef-notification-prompt span,.reef-notification-sheet p,.reef-notification-sheet small{color:#b8dce4;line-height:1.45}.reef-notification-prompt button:not(.reef-notification-close):not(.reef-not-now),.reef-notification-sheet>button:not(.reef-notification-close){color:#04263a;background:#7fffe7;border:0;border-radius:12px;width:100%;min-height:44px;font-weight:800}.reef-notification-prompt .reef-not-now{color:#b8dce4;background:0 0;border:0}.reef-notification-close{color:#d9f8f3;background:0 0;border:0;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:10px;right:10px}.reef-notification-backdrop{z-index:40;background:#00111dbb;align-items:end;display:grid;position:fixed;inset:0}.reef-notification-sheet{width:min(480px,100%);padding:28px 22px max(24px,env(safe-area-inset-bottom));text-align:center;border-radius:24px 24px 0 0;margin:0 auto;position:relative}.reef-notification-sheet h2{margin:10px 0 4px}.reef-notification-sheet p{margin:0 0 18px}.reef-notification-sheet small{margin-top:12px;display:block}.reef-notification-toast{z-index:50;left:50%;top:max(68px,calc(env(safe-area-inset-top) + 56px));color:#eafffb;text-align:center;background:#061d35f2;border:1px solid #7fffe744;border-radius:12px;width:max-content;max-width:calc(100% - 32px);padding:10px 14px;position:fixed;transform:translate(-50%)}.reef-spin{animation:.8s linear infinite reef-spin}@keyframes reef-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.reef-spin{animation:none}}html,body,#root,ion-app,ion-page,ion-content{width:100%;height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}.reef-content{--background:#062f4a}.reef-session-note{z-index:20;right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));color:#b8fff3;pointer-events:none;background:#061d35dd;border:1px solid #ffffff24;border-radius:999px;padding:8px 12px;font-size:12px;position:fixed}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}