.page{justify-items:start;gap:16px;padding:24px;display:grid}.popover-support-message{z-index:2147483647;color:#fff;background:#222222f5;border:1px solid #ffffff24;border-radius:.75rem;align-items:flex-start;gap:.625rem;width:max-content;max-width:calc(100% - 2rem);margin:0;padding:.75rem 1rem;font-size:.875rem;font-weight:700;line-height:1.4;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #2222222e}.popover-support-message:before{content:"";background:#f59e0b;border-radius:50%;flex:none;width:.5rem;height:.5rem;margin-block-start:.3rem;box-shadow:0 0 0 3px #f59e0b2e}@supports selector(:popover-open) and (interest-delay:0s){.popover-support-message{display:none}}.safe-area-toggle{border:1px solid var(--color-line);background:var(--color-surface);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:.875rem;font-weight:700;display:none}@media (hover:hover) and (pointer:fine){.safe-area-toggle{display:flex}}.safe-area-toggle input{accent-color:var(--color-accent);margin:0}body:has(.safe-area-toggle input:checked) :is(.action-item,.action-trigger[interestfor]):before{background:var(--color-safe-area)}:where(.action-list,.submenu){border:1px solid var(--color-line);background:var(--color-surface);width:220px;box-shadow:var(--shadow-popover);border-radius:12px;gap:1px;margin:0;padding:8px;list-style:none;display:grid}.action-list{anchor-name:--parent-menu}.action-list button{width:100%;min-height:40px;color:var(--color-text);text-align:left;cursor:pointer;border-radius:10px;align-items:center;padding-inline:12px;font-size:.875rem;font-weight:700;transition:color .2s,background .2s;display:flex}@media (hover:hover) and (pointer:fine){.action-list button:hover{background:var(--color-surface-hover)}}.action-list button:active{background:var(--color-surface-hover)}.action-item{--submenu-gap:3px;--indicator-active-translate:2px;position:relative}.action-item:has(>.submenu:popover-open){z-index:3}.action-item:has(>.submenu:popover-open)>.action-trigger{color:var(--color-accent);background:var(--color-surface-hover)}.action-item:has(>.submenu:popover-open)>.action-trigger:after{translate:var(--indicator-active-translate)}@media (hover:hover) and (pointer:fine){.action-item:has(>.submenu:popover-open):before,.action-item:has(>.submenu:popover-open)>.action-trigger[interestfor]:before{display:block}}.action-item:before,.action-trigger[interestfor]:before{content:"";z-index:1;top:var(--safe-top);left:var(--safe-left);width:var(--safe-width);height:var(--safe-height);display:none;position:fixed}.action-item:has(>.action-trigger[interestfor]):before{content:none}.action-trigger{z-index:2;justify-content:space-between;position:relative}.action-trigger:after{content:"";aspect-ratio:1;border-block-start:2px solid;border-inline-end:2px solid;width:7px;transition:translate .2s;rotate:45deg}.submenu{opacity:0;align-content:start;block-size:fit-content}.submenu[popover]{transition:opacity .2s ease, display .2s ease allow-discrete, overlay .2s ease allow-discrete;display:none}.submenu[popover]:popover-open{opacity:1;display:grid}@starting-style{.submenu[popover]:popover-open{opacity:0}}