/* Ark modal system — glass panel on the grain page. */

.ark-modal-root,
.ark-modal,
.ark-modal input,
.ark-modal select,
.ark-modal textarea,
.ark-modal button {
  font-family: "Fustat", sans-serif;
}

.ark-modal-root {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.ark-modal {
  color: #eee8dc;
}

.ark-modal__title,
.ark-modal h1,
.ark-modal > h2,
.ark-modal h3.text-lg,
.ark-modal h3.text-xl,
.ark-modal h3.text-2xl {
  font-size: 1.05rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: #eee8dc;
  letter-spacing: 0.01em;
}

.ark-modal h3.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

.ark-modal .ark-modal__lead,
.ark-modal p.text-sm {
  font-size: 0.8125rem;
  line-height: 1.45;
  color: rgba(238, 232, 220, 0.68);
}

.ark-modal label.block {
  font-size: 0.8125rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  color: rgba(238, 232, 220, 0.72);
}

.ark-modal input[type="text"],
.ark-modal input[type="password"],
.ark-modal input[type="number"],
.ark-modal input[type="email"],
.ark-modal input:not([type]),
.ark-modal textarea,
.ark-modal select {
  min-height: 40px;
  padding: 8px 14px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  font-family: inherit;
  box-sizing: border-box;
  background: rgba(238, 232, 220, 0.08);
  border: 1px solid rgba(238, 232, 220, 0.12);
  color: #eee8dc;
}

.ark-modal input::-moz-placeholder, .ark-modal textarea::-moz-placeholder {
  color: rgba(238, 232, 220, 0.42);
}

.ark-modal input::placeholder,
.ark-modal textarea::placeholder {
  color: rgba(238, 232, 220, 0.42);
}

.ark-modal input:focus,
.ark-modal textarea:focus,
.ark-modal select:focus {
  outline: none;
  border-color: rgba(238, 232, 220, 0.28);
}

.ark-modal textarea {
  min-height: 88px;
}

.ark-modal input[type="range"],
.ark-modal input[type="checkbox"],
.ark-modal input[type="radio"],
.ark-modal input[type="file"],
.ark-modal input[type="hidden"] {
  min-height: 0;
  padding: 0;
}

.ark-modal input[type="checkbox"],
.ark-modal input[type="radio"] {
  width: 1rem;
  height: 1rem;
  border-radius: 4px;
  accent-color: #eee8dc;
}

.ark-modal button.px-4,
.ark-modal button.px-5,
.ark-modal button.px-6,
.ark-modal button.flex-1,
.ark-modal label.px-4 {
  min-height: 40px;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 0.8125rem;
  line-height: 1.25;
  box-sizing: border-box;
}

.ark-modal svg.w-4 {
  width: 1rem;
  height: 1rem;
}

.ark-modal svg.w-5 {
  width: 1.25rem;
  height: 1.25rem;
}

.ark-modal .w-12.h-12 {
  width: 2.5rem;
  height: 2.5rem;
}

.ark-modal .w-12.h-12 svg.w-6 {
  width: 1.25rem;
  height: 1.25rem;
}

.ark-modal .mb-5 {
  margin-bottom: 1.5rem;
}

.ark-modal .mt-8 {
  margin-top: 1.5rem;
}

.ark-modal .space-y-5 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1rem;
}

.ark-modal .text-slate-100,
.ark-modal .text-white,
.ark-modal .ark-fg {
  color: #eee8dc;
}

.ark-modal .text-slate-200,
.ark-modal .text-slate-300,
.ark-modal .text-gray-700,
.ark-modal .text-gray-600,
.ark-modal .ark-fg-sec {
  color: rgba(238, 232, 220, 0.72);
}

.ark-modal .text-slate-400,
.ark-modal .text-slate-500,
.ark-modal .text-slate-600,
.ark-modal .text-gray-500,
.ark-modal .ark-fg-ter {
  color: rgba(238, 232, 220, 0.48);
}

.ark-modal .placeholder-slate-500::-moz-placeholder, .ark-modal .placeholder\:text-slate-600::-moz-placeholder, .ark-modal .placeholder\:text-slate-500::-moz-placeholder {
  color: rgba(238, 232, 220, 0.42);
}

.ark-modal .placeholder-slate-500::placeholder,
.ark-modal .placeholder\:text-slate-600::placeholder,
.ark-modal .placeholder\:text-slate-500::placeholder {
  color: rgba(238, 232, 220, 0.42);
}

.ark-modal .bg-white\/5,
.ark-modal .bg-black\/20,
.ark-modal .bg-black\/30,
.ark-modal .bg-black\/40,
.ark-modal .bg-slate-500\/20,
.ark-modal .bg-slate-800,
.ark-modal .bg-slate-900,
.ark-modal .bg-white {
  background-color: rgba(238, 232, 220, 0.08);
}

.ark-modal .hover\:bg-white\/5:hover,
.ark-modal .hover\:bg-white\/10:hover,
.ark-modal .hover\:bg-white\/20:hover {
  background-color: rgba(238, 232, 220, 0.1);
}

.ark-modal .border-white\/10,
.ark-modal .border-white\/20,
.ark-modal .border-slate-700,
.ark-modal .border-slate-600,
.ark-modal .border-gray-300,
.ark-modal .divide-white\/5 > :not([hidden]) ~ :not([hidden]),
.ark-modal .border-b.border-white\/5 {
  border-color: rgba(238, 232, 220, 0.12);
}

.ark-modal .bg-white\/10 {
  background-color: rgba(238, 232, 220, 0.1);
}

.ark-modal .bg-white\/20 {
  background-color: rgba(238, 232, 220, 0.14);
}

.ark-modal .bg-yellow-500,
.ark-modal .bg-avenor-accent,
.ark-modal .bg-avenor-gold,
.ark-modal .ark-bg-accent {
  background-color: rgba(238, 232, 220, 0.14);
  color: #eee8dc;
}

.ark-modal .text-yellow-500,
.ark-modal .text-avenor-accent,
.ark-modal .text-avenor-gold {
  color: #eee8dc;
}

.ark-modal .bg-yellow-500\/10,
.ark-modal .bg-avenor-gold\/10 {
  background-color: rgba(238, 232, 220, 0.06);
}

.ark-modal .border-yellow-500\/20,
.ark-modal .border-avenor-gold\/20,
.ark-modal .border-yellow-500\/50,
.ark-modal .focus\:border-yellow-500\/50:focus,
.ark-modal .focus\:border-avenor-accent\/50:focus,
.ark-modal .focus\:border-avenor-gold:focus {
  border-color: rgba(238, 232, 220, 0.18);
}

.ark-modal .text-yellow-200\/80 {
  color: rgba(238, 232, 220, 0.72);
}

/* Quiet share / group pills inside modals */
.ark-modal .bg-purple-500\/20,
.ark-modal .bg-blue-500\/20,
.ark-modal .bg-green-500\/20 {
  background-color: rgba(238, 232, 220, 0.1);
}

.ark-modal .text-purple-300,
.ark-modal .text-blue-300,
.ark-modal .text-green-300 {
  color: rgba(238, 232, 220, 0.72);
}

.ark-modal .text-blue-600,
.ark-modal .hover\:text-blue-600:hover,
.ark-modal .border-blue-500 {
  color: #eee8dc;
  border-color: rgba(238, 232, 220, 0.4);
}

.ark-modal .border-gray-200 {
  border-color: rgba(238, 232, 220, 0.12);
}

/* Shared Ark context / select menus (music + island pattern). */

.ark-menu {
  --hw-tint-rgb: 238, 232, 220;
  width: 224px;
  padding: 6px;
  border: 0;
  border-radius: 6px;
  background:
    linear-gradient(165deg, rgba(238, 232, 220, 0.1), transparent 55%),
    rgba(24, 18, 14, 0.96);
  backdrop-filter: blur(24px) saturate(1.25);
  -webkit-backdrop-filter: blur(24px) saturate(1.25);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.38);
  font-family: "Fustat", sans-serif;
  animation: ark-menu-in 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.ark-menu-item {
  display: block;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #eee8dc;
  text-align: left;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.2;
  cursor: pointer;
}

.ark-menu-item:hover,
.ark-menu-item:focus-visible {
  background: rgba(238, 232, 220, 0.12);
  outline: none;
}

.ark-menu-item--danger {
  color: #f97373;
}

.ark-menu-item--danger:hover,
.ark-menu-item--danger:focus-visible {
  background: rgba(249, 115, 115, 0.12);
}

.ark-menu-sep {
  height: 1px;
  margin: 4px 6px;
  background: rgba(238, 232, 220, 0.08);
}

@keyframes ark-menu-in {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: "Fustat", sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.-right-1\.5 {
  right: -0.375rem;
}
.-top-1\.5 {
  top: -0.375rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-6 {
  bottom: 1.5rem;
}
.left-0 {
  left: 0px;
}
.left-\[90px\] {
  left: 90px;
}
.right-0 {
  right: 0px;
}
.right-1 {
  right: 0.25rem;
}
.right-2 {
  right: 0.5rem;
}
.right-4 {
  right: 1rem;
}
.right-6 {
  right: 1.5rem;
}
.right-\[90px\] {
  right: 90px;
}
.top-0 {
  top: 0px;
}
.top-1 {
  top: 0.25rem;
}
.top-1\/2 {
  top: 50%;
}
.top-4 {
  top: 1rem;
}
.top-full {
  top: 100%;
}
.isolate {
  isolation: isolate;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[120\] {
  z-index: 120;
}
.z-\[2147483647\] {
  z-index: 2147483647;
}
.z-\[5\] {
  z-index: 5;
}
.z-\[9999\] {
  z-index: 9999;
}
.col-span-full {
  grid-column: 1 / -1;
}
.m-0 {
  margin: 0px;
}
.m-4 {
  margin: 1rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.-mt-px {
  margin-top: -1px;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.\!grid {
  display: grid !important;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.list-item {
  display: list-item;
}
.hidden {
  display: none;
}
.h-0 {
  height: 0px;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-28 {
  height: 7rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-32 {
  height: 8rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-64 {
  height: 16rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-96 {
  height: 24rem;
}
.h-\[180px\] {
  height: 180px;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[60vh\] {
  height: 60vh;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.max-h-40 {
  max-height: 10rem;
}
.max-h-48 {
  max-height: 12rem;
}
.max-h-56 {
  max-height: 14rem;
}
.max-h-64 {
  max-height: 16rem;
}
.max-h-72 {
  max-height: 18rem;
}
.max-h-\[30px\] {
  max-height: 30px;
}
.max-h-\[400px\] {
  max-height: 400px;
}
.max-h-\[40vh\] {
  max-height: 40vh;
}
.max-h-\[50vh\] {
  max-height: 50vh;
}
.max-h-\[80vh\] {
  max-height: 80vh;
}
.max-h-\[85vh\] {
  max-height: 85vh;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-\[160px\] {
  min-height: 160px;
}
.min-h-\[16rem\] {
  min-height: 16rem;
}
.min-h-screen {
  min-height: 100vh;
}
.w-0 {
  width: 0px;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-5 {
  width: 1.25rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-8 {
  width: 2rem;
}
.w-\[160px\] {
  width: 160px;
}
.w-\[180px\] {
  width: 180px;
}
.w-\[30px\] {
  width: 30px;
}
.w-\[40px\] {
  width: 40px;
}
.w-full {
  width: 100%;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-\[160px\] {
  min-width: 160px;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[2ch\] {
  min-width: 2ch;
}
.min-w-full {
  min-width: 100%;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-\[28\.8rem\] {
  max-width: 28.8rem;
}
.max-w-\[28rem\] {
  max-width: 28rem;
}
.max-w-\[32rem\] {
  max-width: 32rem;
}
.max-w-\[34\.56rem\] {
  max-width: 34.56rem;
}
.max-w-\[55\%\] {
  max-width: 55%;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-none {
  max-width: none;
}
.max-w-screen-xl {
  max-width: 1280px;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xl {
  max-width: 36rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.border-collapse {
  border-collapse: collapse;
}
.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-2 {
  --tw-translate-y: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-2 {
  --tw-translate-y: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-4 {
  --tw-translate-y: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-45 {
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse {

  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-default {
  cursor: default;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.place-items-center {
  place-items: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-0 {
  gap: 0px;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-6 {
  gap: 1.5rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
}
.divide-white\/5 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(255 255 255 / 0.05);
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.border-\[\#191919\]\/30 {
  border-color: rgb(25 25 25 / 0.3);
}
.border-\[\#25272D\] {
  --tw-border-opacity: 1;
  border-color: rgb(37 39 45 / var(--tw-border-opacity, 1));
}
.border-\[\#25272D\]\/10 {
  border-color: rgb(37 39 45 / 0.1);
}
.border-\[\#25272D\]\/15 {
  border-color: rgb(37 39 45 / 0.15);
}
.border-\[\#25272D\]\/20 {
  border-color: rgb(37 39 45 / 0.2);
}
.border-\[\#25272D\]\/30 {
  border-color: rgb(37 39 45 / 0.3);
}
.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.border-amber-500\/30 {
  border-color: rgb(245 158 11 / 0.3);
}
.border-black\/20 {
  border-color: rgb(0 0 0 / 0.2);
}
.border-emerald-200 {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}
.border-emerald-500\/30 {
  border-color: rgb(16 185 129 / 0.3);
}
.border-emerald-500\/40 {
  border-color: rgb(16 185 129 / 0.4);
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}
.border-green-500\/40 {
  border-color: rgb(34 197 94 / 0.4);
}
.border-indigo-500 {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-red-500\/30 {
  border-color: rgb(239 68 68 / 0.3);
}
.border-red-500\/40 {
  border-color: rgb(239 68 68 / 0.4);
}
.border-red-500\/50 {
  border-color: rgb(239 68 68 / 0.5);
}
.border-transparent {
  border-color: transparent;
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-white\/10 {
  border-color: rgb(255 255 255 / 0.1);
}
.border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/5 {
  border-color: rgb(255 255 255 / 0.05);
}
.border-t-\[\#191919\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(25 25 25 / var(--tw-border-opacity, 1));
}
.border-t-\[\#EEE8DC\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(238 232 220 / var(--tw-border-opacity, 1));
}
.border-t-black {
  --tw-border-opacity: 1;
  border-top-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-t-white {
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.bg-\[\#191919\] {
  --tw-bg-opacity: 1;
  background-color: rgb(25 25 25 / var(--tw-bg-opacity, 1));
}
.bg-\[\#25272D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 39 45 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EEE8DC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 232 220 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F3EFE7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 239 231 / var(--tw-bg-opacity, 1));
}
.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-amber-500\/10 {
  background-color: rgb(245 158 11 / 0.1);
}
.bg-amber-500\/15 {
  background-color: rgb(245 158 11 / 0.15);
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/10 {
  background-color: rgb(0 0 0 / 0.1);
}
.bg-black\/20 {
  background-color: rgb(0 0 0 / 0.2);
}
.bg-black\/30 {
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/60 {
  background-color: rgb(0 0 0 / 0.6);
}
.bg-black\/70 {
  background-color: rgb(0 0 0 / 0.7);
}
.bg-black\/80 {
  background-color: rgb(0 0 0 / 0.8);
}
.bg-black\/90 {
  background-color: rgb(0 0 0 / 0.9);
}
.bg-blue-500\/20 {
  background-color: rgb(59 130 246 / 0.2);
}
.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500\/10 {
  background-color: rgb(16 185 129 / 0.1);
}
.bg-emerald-500\/15 {
  background-color: rgb(16 185 129 / 0.15);
}
.bg-emerald-500\/20 {
  background-color: rgb(16 185 129 / 0.2);
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-green-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));
}
.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.bg-green-500\/20 {
  background-color: rgb(34 197 94 / 0.2);
}
.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.bg-purple-500\/20 {
  background-color: rgb(168 85 247 / 0.2);
}
.bg-red-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-500\/10 {
  background-color: rgb(239 68 68 / 0.1);
}
.bg-red-500\/15 {
  background-color: rgb(239 68 68 / 0.15);
}
.bg-red-500\/20 {
  background-color: rgb(239 68 68 / 0.2);
}
.bg-red-500\/80 {
  background-color: rgb(239 68 68 / 0.8);
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-sky-500\/15 {
  background-color: rgb(14 165 233 / 0.15);
}
.bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.bg-slate-500\/20 {
  background-color: rgb(100 116 139 / 0.2);
}
.bg-slate-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-user {
  --tw-bg-opacity: 1;
  background-color: rgb(151 112 146 / var(--tw-bg-opacity, 1));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/20 {
  background-color: rgb(255 255 255 / 0.2);
}
.bg-white\/5 {
  background-color: rgb(255 255 255 / 0.05);
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.from-emerald-400 {
  --tw-gradient-from: #34d399 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-teal-500 {
  --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position);
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[20px\] {
  padding: 20px;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-\[90px\] {
  padding-left: 90px;
  padding-right: 90px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-\[90px\] {
  padding-left: 90px;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-\[90px\] {
  padding-right: 90px;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-8 {
  padding-top: 2rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans {
  font-family: "Fustat", sans-serif;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-none {
  line-height: 1;
}
.leading-relaxed {
  line-height: 1.625;
}
.tracking-\[0\.18em\] {
  letter-spacing: 0.18em;
}
.tracking-\[0\.3em\] {
  letter-spacing: 0.3em;
}
.tracking-\[0\.5em\] {
  letter-spacing: 0.5em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.text-\[\#191919\] {
  --tw-text-opacity: 1;
  color: rgb(25 25 25 / var(--tw-text-opacity, 1));
}
.text-\[\#25272D\] {
  --tw-text-opacity: 1;
  color: rgb(37 39 45 / var(--tw-text-opacity, 1));
}
.text-\[\#25272D\]\/50 {
  color: rgb(37 39 45 / 0.5);
}
.text-\[\#25272D\]\/55 {
  color: rgb(37 39 45 / 0.55);
}
.text-\[\#25272D\]\/70 {
  color: rgb(37 39 45 / 0.7);
}
.text-\[\#25272D\]\/80 {
  color: rgb(37 39 45 / 0.8);
}
.text-\[\#EEE8DC\] {
  --tw-text-opacity: 1;
  color: rgb(238 232 220 / var(--tw-text-opacity, 1));
}
.text-\[\#f7f7f5\] {
  --tw-text-opacity: 1;
  color: rgb(247 247 245 / var(--tw-text-opacity, 1));
}
.text-amber-200 {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}
.text-amber-300 {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}
.text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-100 {
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / var(--tw-text-opacity, 1));
}
.text-blue-300 {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-emerald-100 {
  --tw-text-opacity: 1;
  color: rgb(209 250 229 / var(--tw-text-opacity, 1));
}
.text-emerald-200 {
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}
.text-emerald-300 {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}
.text-emerald-400 {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.text-emerald-800 {
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-green-300 {
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}
.text-green-400 {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}
.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.text-purple-100 {
  --tw-text-opacity: 1;
  color: rgb(243 232 255 / var(--tw-text-opacity, 1));
}
.text-purple-300 {
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}
.text-red-100 {
  --tw-text-opacity: 1;
  color: rgb(254 226 226 / var(--tw-text-opacity, 1));
}
.text-red-200 {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}
.text-red-300 {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-sky-200 {
  --tw-text-opacity: 1;
  color: rgb(186 230 253 / var(--tw-text-opacity, 1));
}
.text-slate-100 {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.text-slate-200 {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/60 {
  color: rgb(255 255 255 / 0.6);
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.no-underline {
  text-decoration-line: none;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.accent-\[\#EEE8DC\] {
  accent-color: #EEE8DC;
}
.accent-emerald-500 {
  accent-color: #10b981;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline {
  outline-style: solid;
}
.blur {
  --tw-blur: blur(8px);
  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);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  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);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  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);
}
.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-lg {
  --tw-backdrop-blur: blur(16px);
  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-blur-sm {
  --tw-backdrop-blur: blur(4px);
  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-blur-xl {
  --tw-backdrop-blur: blur(24px);
  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 {
  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);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

/* Self-hosted Fustat + Bodoni Moda (SIL OFL) + Quilon Medium. No Google Fonts request. */
@font-face {
    font-family: "Fustat";
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url("/fonts/Fustat-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Fustat";
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url("/fonts/Fustat-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Fustat";
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url("/fonts/Fustat-arabic.woff2") format("woff2");
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

@font-face {
    font-family: "Bodoni Moda";
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url("/fonts/BodoniModa-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Bodoni Moda";
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url("/fonts/BodoniModa-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Quilon";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/fonts/Quilon-Medium.otf") format("opentype");
}

@font-face {
    font-family: "Gravitas One";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/GravitasOne-latin.woff2") format("woff2");
}

@property --app-sidebar-width {
    syntax: "<length>";
    inherits: true;
    initial-value: 220px;
}

@property --app-list-rail-nudge {
    syntax: "<length>";
    inherits: true;
    initial-value: 0px;
}

:root {
    --ark-bg: #15120e;
    --ark-surface: #1b1813;
    --ark-surface-2: #15120e;
    --ark-section: #1b1813;
    --ark-text: #ffffff;
    --ark-text-sec: #b0b0b0;
    --ark-text-ter: #808080;
    --ark-border: #2a2a2a;
    --ark-search: #151515;
    --ark-accent: #EEE8DC;
    --ark-accent-hover: #e0d6c6;
    --ark-modal: #353535;
    --ark-workspace-btn: #303030;
    --ark-glass: rgba(255, 255, 255, 0.03);
    --ark-on-accent: #191919;
    --app-header-bar-height: 56px;
    --app-header-bell-size: 36px;
    --app-header-profile-size: 28px;
    --app-header-padding-x: 20px;
    --app-header-bell-gap: 12px;
    --app-header-bell-right: 16px;
    --app-header-content-right: calc(var(--app-header-bell-right) + var(--app-header-bell-size) + 6px + var(--app-header-profile-size) + var(--app-header-bell-gap));
    --app-header-top-offset: 0px;
    --app-sidebar-width-expanded: 220px;
    --app-sidebar-width-collapsed: 60px;
    --app-sidebar-width: 220px;
    --app-sidebar-duration: 0.62s;
    --app-sidebar-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --app-list-rail-nudge: 0px;
}

html.sidebar-collapsed {
    --app-list-rail-nudge: 24px;
}

html[data-platform="darwin"] {
    --app-header-top-offset: 28px;
}

*, *:active {
    outline: none !important;
}

html {
    width: 100%;
    max-width: 100%;
    height: 100%;
    overflow-x: hidden;
    background-color: #15120e;
    scrollbar-width: thin;
    scrollbar-color: rgba(238, 232, 220, 0.32) transparent;
    transition:
        --app-sidebar-width var(--app-sidebar-duration) var(--app-sidebar-ease),
        --app-list-rail-nudge var(--app-sidebar-duration) var(--app-sidebar-ease);
}

* {
    scrollbar-width: thin;
    scrollbar-color: rgba(238, 232, 220, 0.32) transparent;
}

*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

*::-webkit-scrollbar-track {
    background: transparent;
}

*::-webkit-scrollbar-thumb {
    background: rgba(238, 232, 220, 0.28);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
    background: rgba(238, 232, 220, 0.46);
    background-clip: padding-box;
    border: 2px solid transparent;
}

body {
    font-family: "Fustat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    background-color: #15120e !important;
    height: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

body.modal-open {
    overflow: hidden;
}

body::before,
body::after {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

body::before {
    background-color: #15120e;
    background-image:
        radial-gradient(ellipse 88% 62% at 14% 16%, rgba(8, 8, 8, 0.58), transparent 58%),
        radial-gradient(ellipse 70% 48% at 88% 10%, rgba(12, 12, 12, 0.46), transparent 54%),
        radial-gradient(ellipse 76% 52% at 78% 84%, rgba(6, 6, 6, 0.52), transparent 60%),
        radial-gradient(ellipse 52% 38% at 18% 90%, rgba(16, 16, 16, 0.38), transparent 55%),
        radial-gradient(ellipse 42% 30% at 48% 44%, rgba(10, 10, 10, 0.26), transparent 50%);
}

body::after {
    opacity: 0.72;
    mix-blend-mode: overlay;
    filter: contrast(1.85) brightness(1.22);
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='g2' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.38' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g2)'/%3E%3C/svg%3E");
    background-size: 180px 180px, 320px 320px;
}

.ark-fg { color: var(--ark-text); }
.ark-fg-sec { color: var(--ark-text-sec); }
.ark-fg-ter { color: var(--ark-text-ter); }
.ark-fg-accent { color: var(--ark-accent); }
.ark-bg { background-color: transparent; }
.ark-bg-surface { background-color: var(--ark-surface); }
.ark-bg-section { background-color: var(--ark-section); }
.ark-bg-search { background-color: var(--ark-search); }
.ark-bg-border { background-color: var(--ark-border); }
.ark-bg-accent { background-color: var(--ark-accent); color: var(--ark-on-accent); }
.ark-bg-glass { background-color: var(--ark-glass); }
.ark-bc { border-color: var(--ark-border); }
.ark-brc { border-right-color: var(--ark-border); }
.ark-btc { border-top-color: var(--ark-border); }


#app {
    flex: 1;
    min-height: 0;
    min-height: 100vh;
    min-height: 100dvh;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.main-content {
    flex: 1;
    min-height: 0;
    padding: 0;
    overflow-y: auto;
}

.app-page-enter-active {
    transition:
        opacity 0.56s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.56s cubic-bezier(0.22, 1, 0.36, 1);
}

.app-page-leave-active {
    transition:
        opacity 0.34s cubic-bezier(0.4, 0, 0.2, 1),
        transform 0.34s cubic-bezier(0.4, 0, 0.2, 1);
}

.app-page-enter-from,
.app-page-enter {
    opacity: 0;
    transform: translateY(14px);
}

.app-page-leave-to {
    opacity: 0;
    transform: translateY(-8px);
}

.app-lib-next-enter-active,
.app-lib-prev-enter-active {
    transition: none;
}

.app-lib-next-leave-active,
.app-lib-prev-leave-active {
    transition: opacity 0.52s cubic-bezier(0.32, 0.06, 0.12, 1);
}

.app-lib-next-enter-from,
.app-lib-next-enter,
.app-lib-prev-enter-from,
.app-lib-prev-enter {
    opacity: 1;
    transform: none;
}

.app-lib-next-leave-to,
.app-lib-prev-leave-to {
    opacity: 0;
    transform: none;
}

@media (min-width: 768px) {
    .pw-rail-main,
    .notes-list-panel,
    .projects-list-panel,
    .chat-list-panel,
    .docs-library,
    .sheets-library,
    .documents-scroll,
    .shared-scroll,
    .shared-filters-outer {
        margin-left: var(--app-list-rail-nudge);
    }

    html.sidebar-collapsed .pw-rail-main {
        margin-left: 40px;
    }
}

@keyframes lib-card-rise {
    from {
        opacity: 0;
        transform: translateY(18px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .app-page-enter-active,
    .app-page-leave-active,
    .app-lib-next-enter-active,
    .app-lib-prev-enter-active,
    .app-lib-next-leave-active,
    .app-lib-prev-leave-active {
        transition: opacity 0.18s ease;
    }

    .app-page-enter-from,
    .app-page-enter,
    .app-page-leave-to,
    .app-lib-next-enter-from,
    .app-lib-next-enter,
    .app-lib-next-leave-to,
    .app-lib-prev-enter-from,
    .app-lib-prev-enter,
    .app-lib-prev-leave-to {
        transform: none;
    }
}

.file\:mr-4::file-selector-button {
  margin-right: 1rem;
}

.file\:cursor-pointer::file-selector-button {
  cursor: pointer;
}

.file\:rounded-full::file-selector-button {
  border-radius: 9999px;
}

.file\:border-0::file-selector-button {
  border-width: 0px;
}

.file\:bg-\[\#EEE8DC\]::file-selector-button {
  --tw-bg-opacity: 1;
  background-color: rgb(238 232 220 / var(--tw-bg-opacity, 1));
}

.file\:px-4::file-selector-button {
  padding-left: 1rem;
  padding-right: 1rem;
}

.file\:py-2::file-selector-button {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.file\:text-sm::file-selector-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.file\:font-semibold::file-selector-button {
  font-weight: 600;
}

.file\:text-\[\#191919\]::file-selector-button {
  --tw-text-opacity: 1;
  color: rgb(25 25 25 / var(--tw-text-opacity, 1));
}

.placeholder\:text-\[\#25272D\]\/40::-moz-placeholder {
  color: rgb(37 39 45 / 0.4);
}

.placeholder\:text-\[\#25272D\]\/40::placeholder {
  color: rgb(37 39 45 / 0.4);
}

.placeholder\:text-slate-600::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.placeholder\:text-slate-600::placeholder {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}

.after\:left-\[2px\]::after {
  content: var(--tw-content);
  left: 2px;
}

.after\:top-0\.5::after {
  content: var(--tw-content);
  top: 0.125rem;
}

.after\:h-5::after {
  content: var(--tw-content);
  height: 1.25rem;
}

.after\:w-5::after {
  content: var(--tw-content);
  width: 1.25rem;
}

.after\:rounded-full::after {
  content: var(--tw-content);
  border-radius: 9999px;
}

.after\:border::after {
  content: var(--tw-content);
  border-width: 1px;
}

.after\:border-gray-300::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.after\:bg-white::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.after\:transition-all::after {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}

.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}

.hover\:border-blue-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.hover\:border-gray-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.hover\:bg-\[\#1a1b1f\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(26 27 31 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#25272D\]\/5:hover {
  background-color: rgb(37 39 45 / 0.05);
}

.hover\:bg-\[\#e0d6c6\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 214 198 / var(--tw-bg-opacity, 1));
}

.hover\:bg-black\/30:hover {
  background-color: rgb(0 0 0 / 0.3);
}

.hover\:bg-blue-500\/30:hover {
  background-color: rgb(59 130 246 / 0.3);
}

.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-500\/30:hover {
  background-color: rgb(239 68 68 / 0.3);
}

.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.hover\:bg-tablehover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 246 250 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white\/10:hover {
  background-color: rgb(255 255 255 / 0.1);
}

.hover\:bg-white\/15:hover {
  background-color: rgb(255 255 255 / 0.15);
}

.hover\:bg-white\/20:hover {
  background-color: rgb(255 255 255 / 0.2);
}

.hover\:bg-white\/5:hover {
  background-color: rgb(255 255 255 / 0.05);
}

.hover\:text-\[\#25272D\]:hover {
  --tw-text-opacity: 1;
  color: rgb(37 39 45 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#e0d6c6\]:hover {
  --tw-text-opacity: 1;
  color: rgb(224 214 198 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-200:hover {
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-600:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.hover\:text-red-300:hover {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

.hover\:text-red-400:hover {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.hover\:text-red-900:hover {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:opacity-70:hover {
  opacity: 0.7;
}

.hover\:opacity-80:hover {
  opacity: 0.8;
}

.focus\:border-blue-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.focus\:border-white\/20:focus {
  border-color: rgb(255 255 255 / 0.2);
}

.focus\:border-white\/40:focus {
  border-color: rgb(255 255 255 / 0.4);
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-white\/20:focus {
  --tw-ring-color: rgb(255 255 255 / 0.2);
}

.focus\:ring-offset-0:focus {
  --tw-ring-offset-width: 0px;
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:opacity-30:disabled {
  opacity: 0.3;
}

.disabled\:opacity-40:disabled {
  opacity: 0.4;
}

.disabled\:opacity-50:disabled {
  opacity: 0.5;
}

.disabled\:opacity-60:disabled {
  opacity: 0.6;
}

.group:hover .group-hover\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.group\/item:hover .group-hover\/item\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:opacity-80 {
  opacity: 0.8;
}

.peer:checked ~ .peer-checked\:bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}

.peer:checked ~ .peer-checked\:after\:translate-x-full::after {
  content: var(--tw-content);
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:checked ~ .peer-checked\:after\:border-white::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.peer:focus ~ .peer-focus\:ring-green-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(134 239 172 / var(--tw-ring-opacity, 1));
}

@media (min-width: 640px) {

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 768px) {

  .md\:left-\[220px\] {
    left: 220px;
  }

  .md\:left-\[var\(--app-sidebar-width\)\] {
    left: var(--app-sidebar-width);
  }

  .md\:-mt-px {
    margin-top: -1px;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:inline-flex {
    display: inline-flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
  }

  .md\:p-10 {
    padding: 2.5rem;
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:p-8 {
    padding: 2rem;
  }

  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
}

@media (min-width: 1024px) {

  .lg\:z-30 {
    z-index: 30;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:block {
    display: block;
  }

  .lg\:table-cell {
    display: table-cell;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:w-3\/4 {
    width: 75%;
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[260px\2c minmax\(0\2c 1fr\)\] {
    grid-template-columns: 260px minmax(0,1fr);
  }

  .lg\:p-4 {
    padding: 1rem;
  }

  .lg\:pl-10 {
    padding-left: 2.5rem;
  }

  .lg\:pl-2 {
    padding-left: 0.5rem;
  }
}

@media (min-width: 1280px) {

  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xl\:flex-row {
    flex-direction: row;
  }
}

.ark-modal-root[data-v-5d544a37] {
  background: rgba(21, 18, 14, 0.55);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.ark-modal[data-v-5d544a37] {
  background: rgba(21, 18, 14, 0.94);
  border-radius: 6px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.34);
  color: #eee8dc;
}
.ark-legacy-close[data-v-5d544a37] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(238, 232, 220, 0.5);
  cursor: pointer;
}
.ark-legacy-close svg[data-v-5d544a37] {
  width: 16px;
  height: 16px;
}
.ark-legacy-close[data-v-5d544a37]:hover {
  color: #eee8dc;
}
.ark-legacy-body[data-v-5d544a37] {
  max-height: 700px;
  overflow: auto;
}


.person-avatar[data-v-123a1c0e] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  flex-shrink: 0;
}
.person-avatar-fill[data-v-123a1c0e] {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.person-avatar-img[data-v-123a1c0e] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.person-avatar-text[data-v-123a1c0e] {
  position: relative;
  z-index: 1;
  font-weight: inherit;
  font-size: inherit;
  line-height: 1;
}
.person-avatar-dot[data-v-123a1c0e] {
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #6b7280;
  border: 2px solid var(--ark-bg, #191919);
  box-sizing: border-box;
  pointer-events: none;
  z-index: 2;
}
.person-avatar-dot.is-online[data-v-123a1c0e] {
  background: #22c55e;
}
.person-avatar-dot.is-dnd[data-v-123a1c0e] {
  background: #f59e0b;
}


.fade-enter-active[data-v-995dc2a0],
.fade-leave-active[data-v-995dc2a0] {
  transition: opacity 0.2s ease;
}
.fade-enter[data-v-995dc2a0],
.fade-leave-to[data-v-995dc2a0] {
  opacity: 0;
}
.workspace-side-menu-overlay[data-v-995dc2a0] {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: row;
  z-index: 9999;
  padding: 12px;
  background: rgba(21, 18, 14, 0.45);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  font-family: "Fustat", sans-serif;
}
.workspace-side-menu-panel[data-v-995dc2a0] {
  width: 280px;
  flex-shrink: 0;
  max-width: 85%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: rgba(21, 18, 14, 0.94);
  border-radius: 10px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.34);
  color: #eee8dc;
  padding: 18px 12px 12px;
}
.workspace-side-menu-backdrop[data-v-995dc2a0] {
  flex: 1;
  min-width: 0;
  background: transparent;
  cursor: pointer;
}
.workspace-panel-content[data-v-995dc2a0] {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.workspace-panel-scroll[data-v-995dc2a0] {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}
.workspace-title-row[data-v-995dc2a0] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 12px;
  padding: 0 4px;
}
.workspace-title-icon[data-v-995dc2a0] {
  margin-right: 10px;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
}
.workspace-title[data-v-995dc2a0] {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #eee8dc;
  flex: 1;
}
.workspace-title-separator[data-v-995dc2a0] {
  height: 1px;
  margin-bottom: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(238, 232, 220, 0.08);
}
.workspace-option[data-v-995dc2a0] {
  min-height: 48px;
  margin-bottom: 4px;
  overflow: hidden;
  position: relative;
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  width: 100%;
  text-align: left;
  padding: 6px 8px;
}
.workspace-option[data-v-995dc2a0]:hover {
  background: rgba(238, 232, 220, 0.08);
}
.workspace-option-active[data-v-995dc2a0] {
  background: rgba(183, 203, 216, 0.14);
}
.workspace-option-content[data-v-995dc2a0] {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 1;
}
.workspace-avatar-outer[data-v-995dc2a0] {
  margin-right: 4px;
  border-radius: 999px;
  background: transparent;
  position: relative;
}
.workspace-avatar-outer-active[data-v-995dc2a0] {
  background: transparent;
}
.workspace-avatar-wrapper[data-v-995dc2a0] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.workspace-avatar[data-v-995dc2a0] {
  width: 36px;
  height: 36px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}
.workspace-avatar-text[data-v-995dc2a0] {
  font-size: 16px;
  font-weight: 500;
  color: #eee8dc;
}
.workspace-avatar-border[data-v-995dc2a0] {
  position: absolute;
  width: 44px;
  height: 44px;
  border-radius: 22px;
  border: 1px solid #b7cbd8;
  background: transparent;
  pointer-events: none;
  top: 0;
  left: 0;
}
.workspace-member-avatars[data-v-995dc2a0] {
  position: absolute;
  right: -9px;
  bottom: -2px;
  display: flex;
  flex-direction: row;
  align-items: center;
  pointer-events: none;
}
.workspace-member-avatars-single[data-v-995dc2a0] {
  right: -2px;
  bottom: 0;
}
.workspace-member-avatar[data-v-995dc2a0] {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 10px;
  overflow: hidden;
}
.workspace-member-avatar-first[data-v-995dc2a0] {
  margin-top: -18px;
}
.workspace-member-avatar-overlap[data-v-995dc2a0] {
  margin-left: -8px;
}
.workspace-member-avatar-text[data-v-995dc2a0] {
  font-size: 10px;
  font-weight: 400;
  color: #ffffff;
}
.workspace-option-text-block[data-v-995dc2a0] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
}
.workspace-option-text[data-v-995dc2a0] {
  font-size: 0.875rem;
  color: #eee8dc;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.workspace-option-text-active[data-v-995dc2a0] {
  font-weight: 500;
}
.workspace-option-subtext[data-v-995dc2a0] {
  font-size: 0.75rem;
  font-weight: 400;
  color: rgba(238, 232, 220, 0.48);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.workspace-create-btn[data-v-995dc2a0] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(238, 232, 220, 0.1);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  color: #eee8dc;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 500;
  min-height: 40px;
  padding: 8px 14px;
  margin: 8px 0 12px;
  width: 100%;
  text-align: center;
}
.workspace-create-btn[data-v-995dc2a0]:hover {
  background: rgba(238, 232, 220, 0.16);
}
.workspace-account-links[data-v-995dc2a0] {
  margin-bottom: 8px;
  margin-left: 0;
  flex-shrink: 0;
  padding-top: 4px;
  box-shadow: inset 0 1px 0 rgba(238, 232, 220, 0.08);
}
.workspace-account-link[data-v-995dc2a0] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 10px;
  margin-top: 2px;
  background: none;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  color: inherit;
  font: inherit;
  width: 100%;
  text-align: left;
}
.workspace-account-link[data-v-995dc2a0]:hover {
  background: rgba(238, 232, 220, 0.06);
}
.workspace-help-link[data-v-995dc2a0] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 10px;
  margin-top: 2px;
  margin-bottom: 0;
  background: none;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  color: inherit;
  font: inherit;
  width: 100%;
  text-align: left;
}
.workspace-help-link[data-v-995dc2a0]:hover {
  background: rgba(238, 232, 220, 0.06);
}
.workspace-link-icon[data-v-995dc2a0] {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  flex-shrink: 0;
  opacity: 0.72;
}
.workspace-link-text[data-v-995dc2a0] {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #eee8dc;
}
.workspace-link-text-secondary[data-v-995dc2a0] {
  color: rgba(238, 232, 220, 0.62);
}
.workspace-plan-badge[data-v-995dc2a0] {
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  padding: 1px 6px;
  border-radius: 4px;
  margin-left: 6px;
  vertical-align: middle;
  letter-spacing: 0.3px;
  background: rgba(238, 232, 220, 0.1);
  color: rgba(238, 232, 220, 0.62);
}
.workspace-plan-badge--personal[data-v-995dc2a0],
.workspace-plan-badge--pro[data-v-995dc2a0],
.workspace-plan-badge--family[data-v-995dc2a0] {
  background: rgba(183, 203, 216, 0.16);
  color: #b7cbd8;
}
.workspace-plan-row[data-v-995dc2a0] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px 10px;
  margin-bottom: 4px;
}
.workspace-plan-row-label[data-v-995dc2a0] {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #eee8dc;
  flex: 1;
  min-width: 0;
}
.workspace-plan-action[data-v-995dc2a0] {
  font-size: 0.75rem;
  font-weight: 500;
  color: #b7cbd8;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 6px;
  transition: background 0.15s;
  white-space: nowrap;
}
.workspace-plan-action[data-v-995dc2a0]:hover {
  background: rgba(183, 203, 216, 0.14);
}


.app-header-float[data-v-0851419a] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 60;
  height: calc(var(--app-header-bar-height) + var(--app-header-top-offset) + 24px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: var(--app-header-top-offset);
  pointer-events: none;
  overflow: visible;
}
@media (min-width: 768px) {
.app-header-float[data-v-0851419a] {
    padding-left: var(--app-sidebar-width);
}
}
.app-header-glass[data-v-0851419a] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: calc(var(--app-header-bar-height) + var(--app-header-top-offset));
  pointer-events: none;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
@media (min-width: 768px) {
.app-header-glass[data-v-0851419a] {
    left: var(--app-sidebar-width);
}
}
.app-header-rule[data-v-0851419a] {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(var(--app-header-bar-height) + var(--app-header-top-offset) - 1px);
  height: 1px;
  background: rgba(238, 232, 220, 0.2);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}
@media (min-width: 768px) {
.app-header-rule[data-v-0851419a] {
    left: var(--app-sidebar-width);
}
}
.app-header-float.is-scrolled .app-header-rule[data-v-0851419a] {
  opacity: 0;
}
.app-header-rule[data-v-0851419a]::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 1px;
  height: 16px;
  background: linear-gradient(to bottom, rgba(25, 25, 25, 0.22), transparent);
  pointer-events: none;
}
.app-island-row[data-v-0851419a] {
  position: relative;
  z-index: 2;
  pointer-events: none;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  min-height: var(--app-header-bar-height);
  padding-top: 16px;
  width: 100%;
}
.app-island-cluster[data-v-0851419a] {
  --island-cluster-gap: 10px;
  position: relative;
  pointer-events: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: var(--island-cluster-gap);
}
.app-island-cluster[data-v-0851419a]::before {
  content: '';
  position: absolute;
  inset: -18px -24px;
  border-radius: 999px;
  background: transparent;
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
  -webkit-mask-image: radial-gradient(ellipse 62% 58% at 50% 50%, #000 12%, transparent 78%);
  mask-image: radial-gradient(ellipse 62% 58% at 50% 50%, #000 12%, transparent 78%);
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  transition: opacity 0.18s ease;
}
.app-header-float.is-scrolled .app-island-cluster[data-v-0851419a]::before {
  opacity: 1;
}
.app-island-anchor[data-v-0851419a],
.app-docs-search[data-v-0851419a],
.app-library-chrome[data-v-0851419a],
.app-pw-island[data-v-0851419a],
.app-music-island-slot[data-v-0851419a],
.app-music-island[data-v-0851419a] {
  position: relative;
  z-index: 1;
}
.app-docs-search[data-v-0851419a] {
  --hw-beige: #eee8dc;
  --hw-tint-rgb: 238, 232, 220;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 42px;
  width: min(240px, calc(42vw - 28px));
  max-width: 0;
  margin-right: calc(-1 * var(--island-cluster-gap));
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 8px;
  background: rgba(238, 232, 220, 0.045);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  color: #eee8dc;
  cursor: text;
  flex-shrink: 0;
  opacity: 0;
  pointer-events: none;
  transition:
    max-width 0.78s cubic-bezier(0.4, 0, 0.2, 1),
    margin 0.78s cubic-bezier(0.4, 0, 0.2, 1),
    padding 0.78s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.65s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.app-docs-search.is-visible[data-v-0851419a] {
  max-width: min(240px, calc(42vw - 28px));
  margin-right: 0;
  padding: 0 14px 0 12px;
  opacity: 1;
  pointer-events: auto;
}
.app-docs-search.is-visible[data-v-0851419a]:hover,
.app-docs-search.is-visible[data-v-0851419a]:focus-within {
  background: rgba(238, 232, 220, 0.07);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14);
}
.app-library-chrome[data-v-0851419a] {
  --hw-beige: #eee8dc;
  isolation: isolate;
  display: flex;
  align-items: center;
  gap: 2px;
  height: 42px;
  max-width: 0;
  margin-right: calc(-1 * var(--island-cluster-gap));
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 8px;
  background: rgba(238, 232, 220, 0.045);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  color: #eee8dc;
  flex-shrink: 0;
  opacity: 0;
  pointer-events: none;
  transition:
    max-width 0.78s cubic-bezier(0.4, 0, 0.2, 1),
    margin 0.78s cubic-bezier(0.4, 0, 0.2, 1),
    padding 0.78s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.65s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.app-library-chrome.is-visible[data-v-0851419a] {
  max-width: 176px;
  margin-right: 0;
  padding: 4px;
  overflow: visible;
  opacity: 1;
  pointer-events: auto;
}
.app-library-chrome-btn[data-v-0851419a] {
  position: relative;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  background: transparent;
  color: rgba(238, 232, 220, 0.42);
  cursor: pointer;
  transition: background-color 0.12s ease, color 0.12s ease;
}
.app-library-chrome-btn svg[data-v-0851419a] {
  width: 18px;
  height: 18px;
}
.app-library-chrome-btn[data-v-0851419a]:hover,
.app-library-chrome-btn[data-v-0851419a]:focus,
.app-library-chrome-btn[data-v-0851419a]:focus-visible {
  background: rgba(238, 232, 220, 0.14);
  color: #eee8dc;
}
.app-library-chrome.is-visible .app-library-chrome-btn[data-v-0851419a]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  top: calc(100% + 8px);
  z-index: 8;
  padding: 5px 8px;
  border-radius: 6px;
  background: color-mix(in srgb, #15120e 88%, #eee8dc);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28);
  color: #eee8dc;
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.25;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%) translateY(3px);
  transition:
    opacity 0.1s ease,
    transform 0.12s ease,
    visibility 0.1s ease;
}
.app-library-chrome.is-visible .app-library-chrome-btn[data-v-0851419a]:hover::after,
.app-library-chrome.is-visible .app-library-chrome-btn[data-v-0851419a]:focus::after,
.app-library-chrome.is-visible .app-library-chrome-btn[data-v-0851419a]:focus-visible::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
.app-library-chrome-btn.is-active[data-v-0851419a] {
  background: rgba(238, 232, 220, 0.08);
  color: #eee8dc;
}
.app-library-chrome-btn[data-v-0851419a]:disabled {
  opacity: 0.45;
  cursor: default;
}
.app-library-chrome-spin[data-v-0851419a] {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(238, 232, 220, 0.2);
  border-top-color: rgba(238, 232, 220, 0.7);
  border-radius: 999px;
  animation: app-library-chrome-spin-0851419a 0.7s linear infinite;
}
@keyframes app-library-chrome-spin-0851419a {
to { transform: rotate(360deg);
}
}
.app-header-float.is-scrolled .app-docs-search.is-visible[data-v-0851419a],
.app-header-float.is-scrolled .app-library-chrome.is-visible[data-v-0851419a] {
  background: rgba(238, 232, 220, 0.075);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
@media (prefers-reduced-motion: reduce) {
.app-docs-search[data-v-0851419a] {
    transition: opacity 0.18s ease;
}
}
.app-pw-island[data-v-0851419a] {
  --hw-beige: #eee8dc;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  height: 42px;
  max-width: 0;
  margin-right: calc(-1 * var(--island-cluster-gap));
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 8px;
  background: rgba(238, 232, 220, 0.045);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  color: #eee8dc;
  flex-shrink: 0;
  opacity: 0;
  pointer-events: none;
  transition:
    max-width 0.78s cubic-bezier(0.4, 0, 0.2, 1),
    margin 0.78s cubic-bezier(0.4, 0, 0.2, 1),
    padding 0.78s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.65s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.app-pw-island.is-visible[data-v-0851419a] {
  max-width: 96px;
  margin-right: 0;
  padding: 0 6px;
  opacity: 1;
  pointer-events: auto;
}
.app-pw-island.is-visible[data-v-0851419a]:hover {
  background: rgba(238, 232, 220, 0.07);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14);
}
.app-header-float.is-scrolled .app-pw-island.is-visible[data-v-0851419a] {
  background: rgba(238, 232, 220, 0.075);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.app-pw-island-btn[data-v-0851419a] {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: rgba(238, 232, 220, 0.62);
  cursor: pointer;
}
.app-pw-island-btn svg[data-v-0851419a] {
  width: 18px;
  height: 18px;
}
.app-pw-island-btn[data-v-0851419a]:hover {
  color: #eee8dc;
}
.app-docs-search-field[data-v-0851419a] {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
.app-docs-search-input[data-v-0851419a] {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  border: none;
  background: transparent;
  color: #eee8dc;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 550;
  letter-spacing: 0.01em;
  outline: none;
}
.app-docs-search-ph[data-v-0851419a] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  pointer-events: none;
  color: rgba(238, 232, 220, 0.42);
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 550;
  letter-spacing: 0.01em;
  line-height: 1;
  white-space: nowrap;
}
.app-docs-search-ph-prefix[data-v-0851419a] {
  flex-shrink: 0;
  margin-right: 0.35em;
}
.app-docs-search-ph-swap[data-v-0851419a] {
  display: inline-grid;
  align-items: center;
}
.app-docs-search-ph-text[data-v-0851419a] {
  grid-area: 1 / 1;
}
.app-search-ph-enter-active[data-v-0851419a],
.app-search-ph-leave-active[data-v-0851419a] {
  transition: opacity 0.9s ease;
}
.app-search-ph-enter[data-v-0851419a],
.app-search-ph-leave-to[data-v-0851419a] {
  opacity: 0;
}
.app-search-icon[data-v-0851419a],
.app-search-close-icon[data-v-0851419a] {
  display: block;
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  opacity: 0.88;
  transform-origin: center;
  transition:
    opacity 0.45s ease,
    transform 0.32s var(--island-soft, cubic-bezier(0.32, 0.06, 0.12, 1)),
    width var(--island-hover, 0.38s) var(--island-soft, cubic-bezier(0.32, 0.06, 0.12, 1)),
    height var(--island-hover, 0.38s) var(--island-soft, cubic-bezier(0.32, 0.06, 0.12, 1));
}
.app-island-search-trigger:hover .app-search-icon[data-v-0851419a],
.app-island-search-close:hover .app-search-close-icon[data-v-0851419a] {
  opacity: 1;
}
.app-search-input[data-v-0851419a] {
  width: 0;
  min-width: 0;
  max-width: 0;
  flex: 0 1 0;
  opacity: 0;
  visibility: hidden;
  border: none;
  background: transparent;
  color: #eee8dc;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  outline: none;
  pointer-events: none;
  overflow: hidden;
  transition:
    opacity 0.65s cubic-bezier(0.4, 0, 0.2, 1),
    width 0.78s cubic-bezier(0.4, 0, 0.2, 1),
    max-width 0.78s cubic-bezier(0.4, 0, 0.2, 1);
}
.app-island-mode-label[data-v-0851419a] {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #eee8dc;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-island-mode-avatar[data-v-0851419a] {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  flex-shrink: 0;
}
.app-island-mode-icon[data-v-0851419a] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.app-island-shell.is-searching .app-search-input[data-v-0851419a] {
  width: auto;
  min-width: 0;
  max-width: none;
  flex: 1 1 auto;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.app-search-input[data-v-0851419a]::-moz-placeholder {
  color: rgba(238, 232, 220, 0.42);
}
.app-search-input[data-v-0851419a]::placeholder {
  color: rgba(238, 232, 220, 0.42);
}
.app-search-menu[data-v-0851419a] {
  --hw-tint-rgb: 238, 232, 220;
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  min-width: 240px;
  width: -moz-max-content;
  width: max-content;
  max-width: min(320px, calc(100vw - 32px));
  padding: 6px;
  border-radius: 6px;
  border: 0;
  background:
    linear-gradient(165deg, rgba(238, 232, 220, 0.06), transparent 60%),
    rgba(46, 34, 24, 0.42);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  z-index: 5;
}
.app-search-hit[data-v-0851419a] {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #eee8dc;
  text-align: left;
  font: inherit;
  cursor: pointer;
}
.app-search-hit.is-active[data-v-0851419a],
.app-search-hit[data-v-0851419a]:hover {
  background: rgba(238, 232, 220, 0.08);
}
.app-search-hit-avatar[data-v-0851419a],
.app-search-hit-mark[data-v-0851419a] {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  flex-shrink: 0;
}
.app-search-hit-mark[data-v-0851419a] {
  background: rgba(238, 232, 220, 0.1);
  box-shadow: inset 0 0 0 1px rgba(238, 232, 220, 0.16);
}
.app-search-hit-copy[data-v-0851419a] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 1px;
}
.app-search-hit-label[data-v-0851419a] {
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-search-hit-hint[data-v-0851419a] {
  font-size: 0.6875rem;
  font-weight: 400;
  color: rgba(238, 232, 220, 0.5);
}
.app-search-empty[data-v-0851419a] {
  margin: 0;
  padding: 10px 12px;
  font-size: 0.75rem;
  font-weight: 400;
  color: rgba(238, 232, 220, 0.55);
}
.app-island-menu[data-v-0851419a] {
  --hw-beige: #eee8dc;
  --hw-tint-rgb: 238, 232, 220;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  width: auto;
  padding: 6px;
  border-radius: 6px;
  border: 0;
  background:
    linear-gradient(165deg, rgba(238, 232, 220, 0.06), transparent 60%),
    rgba(46, 34, 24, 0.42);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  z-index: 5;
  animation: island-menu-in-0851419a 0.82s cubic-bezier(0.32, 0.06, 0.12, 1);
  transition:
    background 0.28s ease,
    box-shadow 0.28s ease,
    backdrop-filter 0.28s ease;
}
.app-island-menu.is-solid[data-v-0851419a] {
  background:
    linear-gradient(165deg, rgba(238, 232, 220, 0.07), transparent 58%),
    rgba(46, 34, 24, 0.92);
  backdrop-filter: blur(24px) saturate(1.3);
  -webkit-backdrop-filter: blur(24px) saturate(1.3);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.32);
}
@keyframes island-menu-in-0851419a {
from {
    opacity: 0;
    transform: translateY(-4px);
}
to {
    opacity: 1;
    transform: none;
}
}
.app-island-menu-kicker[data-v-0851419a] {
  margin: 2px 8px 4px;
  font-size: 0.625rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(238, 232, 220, 0.42);
}
.app-island-menu-kicker.is-follow[data-v-0851419a] {
  margin-top: 8px;
  padding-top: 8px;
  box-shadow: inset 0 1px 0 rgba(238, 232, 220, 0.08);
}
.app-island-note[data-v-0851419a] {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #eee8dc;
  text-align: left;
  font: inherit;
  cursor: pointer;
}
.app-island-note[data-v-0851419a]:hover {
  background: rgba(238, 232, 220, 0.07);
}
.app-island-note.is-seen[data-v-0851419a] {
  opacity: 0.62;
}
.app-island-note.is-seen[data-v-0851419a]:hover {
  opacity: 0.9;
}
.app-island-note-avatar[data-v-0851419a] {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  flex-shrink: 0;
}
.app-island-note-copy[data-v-0851419a] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1 1 auto;
  gap: 2px;
}
.app-island-note-top[data-v-0851419a] {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
}
.app-island-note-title[data-v-0851419a] {
  min-width: 0;
  flex: 1 1 auto;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-island-note-time[data-v-0851419a] {
  flex-shrink: 0;
  font-size: 0.625rem;
  font-weight: 400;
  color: rgba(238, 232, 220, 0.42);
}
.app-island-note-body[data-v-0851419a] {
  font-size: 0.6875rem;
  font-weight: 400;
  color: rgba(238, 232, 220, 0.48);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-island-note-dot[data-v-0851419a] {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  flex-shrink: 0;
  background: rgba(238, 232, 220, 0.72);
}
.app-island-note-dot--chat[data-v-0851419a] {
  width: 9px;
  height: 9px;
  background: #A6372F;
}
.app-island-menu--chat[data-v-0851419a] {
  max-height: min(360px, 60vh);
  overflow: auto;
}
.app-island-dnd[data-v-0851419a] {
  width: 18px;
  height: 10px;
  border-radius: 999px;
  flex-shrink: 0;
  background: rgba(238, 232, 220, 0.16);
  box-shadow: inset 0 0 0 1px rgba(238, 232, 220, 0.18);
  position: relative;
}
.app-island-dnd[data-v-0851419a]::after {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(238, 232, 220, 0.55);
}
.app-island-note.is-on .app-island-dnd[data-v-0851419a] {
  background: rgba(238, 232, 220, 0.28);
}
.app-island-note.is-on .app-island-dnd[data-v-0851419a]::after {
  left: 9px;
  background: #eee8dc;
}
.app-island-anchor[data-v-0851419a] {
  position: relative;
  display: flex;
  justify-content: center;
}
.app-island-shell[data-v-0851419a] {
  --hw-beige: #eee8dc;
  --hw-accent: #b7cbd8;
  --hw-tint: var(--hw-beige);
  --hw-tint-rgb: 238, 232, 220;
  --island-soft: cubic-bezier(0.22, 0.0, 0.12, 1);
  --island-out-soft: cubic-bezier(0.32, 0.04, 0.18, 1);
  --island-hover: 0.58s;
  --island-out: 0.32s;
  --island-in: 0.42s;
  --island-in-delay: 0.1s;
  --island-reveal-delay: 0.06s;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 42px;
  width: -moz-max-content;
  width: max-content;
  max-width: min(680px, calc(100vw - 40px));
  isolation: isolate;
  background: rgba(238, 232, 220, 0.045);
  border: 0;
  border-radius: 8px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition:
    background-color var(--island-out) var(--island-out-soft),
    box-shadow var(--island-out) var(--island-out-soft);
}
.app-island-shell.is-open[data-v-0851419a] {
  overflow: visible;
  transition:
    background-color var(--island-hover) var(--island-soft),
    box-shadow var(--island-hover) var(--island-soft);
}
.app-island-shell[data-v-0851419a]:hover,
.app-island-shell.is-open[data-v-0851419a] {
  background: rgba(238, 232, 220, 0.07);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14);
}
.app-header-float.is-scrolled .app-island-shell[data-v-0851419a] {
  background: rgba(238, 232, 220, 0.075);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transition:
    background-color 0.18s ease,
    box-shadow 0.18s ease;
}
.app-island-shell[data-v-0851419a]::after,
.app-music-island[data-v-0851419a]::after,
.app-docs-search[data-v-0851419a]::after,
.app-library-chrome[data-v-0851419a]::after,
.app-pw-island[data-v-0851419a]::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  mix-blend-mode: overlay;
  filter: contrast(1.25) brightness(1.06);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='ig' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23ig)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='ig2' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23ig2)'/%3E%3C/svg%3E");
  background-size: 48px 48px, 88px 88px;
  transition: opacity 0.18s ease;
}
.app-header-float.is-scrolled .app-island-shell[data-v-0851419a]::after,
.app-header-float.is-scrolled .app-music-island[data-v-0851419a]::after,
.app-header-float.is-scrolled .app-docs-search.is-visible[data-v-0851419a]::after,
.app-header-float.is-scrolled .app-library-chrome.is-visible[data-v-0851419a]::after,
.app-header-float.is-scrolled .app-pw-island.is-visible[data-v-0851419a]::after {
  opacity: 0.14;
}
.app-island-shell[data-v-0851419a] > *,
.app-music-island[data-v-0851419a] > *,
.app-docs-search[data-v-0851419a] > *,
.app-library-chrome[data-v-0851419a] > *,
.app-pw-island[data-v-0851419a] > * {
  position: relative;
  z-index: 1;
}
.app-island[data-v-0851419a] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  flex-shrink: 0;
  height: 42px;
  max-width: 52px;
  min-width: 0;
  padding: 0 16px;
  overflow: hidden;
  border: none;
  background: transparent;
  color: #eee8dc;
  cursor: pointer;
  font: inherit;
  transition:
    max-width var(--island-out) var(--island-out-soft),
    padding var(--island-out) var(--island-out-soft);
}
.app-island-shell.is-open .app-island[data-v-0851419a],
.app-island-shell.is-chat-unread:not(.is-open):not(.is-focused):not(.is-welcome) .app-island[data-v-0851419a] {
  max-width: 0;
  padding: 0;
  overflow: hidden;
  pointer-events: none;
  transition:
    max-width var(--island-hover) var(--island-soft) var(--island-reveal-delay),
    padding var(--island-hover) var(--island-soft) var(--island-reveal-delay);
}
.app-island-shell > .app-island-mark[data-v-0851419a] {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  display: block;
  width: 8px;
  height: 14px;
  margin: 0;
  opacity: 0.78;
  filter: brightness(1.22) saturate(0.25);
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: opacity 0.28s var(--island-out-soft, cubic-bezier(0.32, 0.04, 0.18, 1)) 0.16s;
}
.app-island-mark--menu[data-v-0851419a] {
  width: 14px;
  height: 5px;
  opacity: 0.82;
  filter: none;
  color: #eee8dc;
}
.app-island-shell.is-welcome .app-island-mark[data-v-0851419a],
.app-island-shell.is-open .app-island-mark[data-v-0851419a],
.app-island-shell.is-focused .app-island-mark[data-v-0851419a],
.app-island-shell.is-chat-unread:not(.is-open):not(.is-focused):not(.is-welcome) .app-island-mark[data-v-0851419a] {
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 0.42s var(--island-soft, cubic-bezier(0.22, 0.0, 0.12, 1));
}
.app-island.is-welcome[data-v-0851419a] {
  max-width: 280px;
  padding: 0 20px;
  transition:
    max-width 1.28s var(--island-soft) var(--island-reveal-delay),
    padding 1.28s var(--island-soft) var(--island-reveal-delay);
}
.app-island-welcome[data-v-0851419a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3em;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #eee8dc;
  white-space: nowrap;
  transition:
    max-width 0.78s var(--island-out-soft) 0.08s,
    opacity 0.4s var(--island-out-soft);
}
.app-island.is-welcome .app-island-welcome[data-v-0851419a] {
  max-width: 240px;
  opacity: 1;
  transition:
    max-width 1.24s var(--island-soft) calc(var(--island-reveal-delay) + 0.06s),
    opacity 0.95s var(--island-soft) calc(var(--island-reveal-delay) + 0.1s);
}
.app-island-welcome-left[data-v-0851419a],
.app-island-welcome-right[data-v-0851419a] {
  display: block;
  opacity: 0;
  transition:
    opacity 0.38s var(--island-out-soft),
    transform 0.42s var(--island-out-soft);
}
.app-island-welcome-left[data-v-0851419a] {
  transform: translateX(-7px);
}
.app-island-welcome-right[data-v-0851419a] {
  transform: translateX(7px);
}
.app-island.is-welcome .app-island-welcome-left[data-v-0851419a],
.app-island.is-welcome .app-island-welcome-right[data-v-0851419a] {
  opacity: 1;
  transform: none;
  transition:
    opacity 1.08s var(--island-soft) calc(var(--island-reveal-delay) + 0.16s),
    transform 1.18s var(--island-soft) calc(var(--island-reveal-delay) + 0.16s);
}
.app-island-shell.is-welcome[data-v-0851419a] {
  background: rgba(238, 232, 220, 0.07);
}
.app-island-search[data-v-0851419a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  height: 42px;
  width: 0;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  color: #eee8dc;
  cursor: pointer;
  pointer-events: none;
  transition:
    width var(--island-out) var(--island-out-soft) 0.08s,
    max-width var(--island-out) var(--island-out-soft) 0.08s,
    opacity 0.2s var(--island-out-soft),
    padding var(--island-out) var(--island-out-soft) 0.08s,
    gap var(--island-out) var(--island-out-soft) 0.08s;
}
.app-island-shell.is-open .app-island-search[data-v-0851419a] {
  width: 36px;
  max-width: 36px;
  opacity: 1;
  overflow: visible;
  pointer-events: auto;
  transition:
    width var(--island-hover) var(--island-soft) var(--island-reveal-delay),
    max-width var(--island-hover) var(--island-soft) var(--island-reveal-delay),
    opacity var(--island-in) var(--island-soft) var(--island-in-delay),
    padding var(--island-hover) var(--island-soft) var(--island-reveal-delay),
    gap var(--island-hover) var(--island-soft) var(--island-reveal-delay);
}
.app-island-shell.is-focused .app-island-search[data-v-0851419a] {
  width: 280px;
  max-width: min(280px, calc(100vw - 48px));
  gap: 8px;
  padding: 0 12px;
  overflow: hidden;
  justify-content: flex-start;
  cursor: default;
  transition:
    width 0.82s var(--island-soft),
    max-width 0.82s var(--island-soft),
    opacity 0.55s var(--island-soft) 0.06s,
    padding 0.82s var(--island-soft),
    gap 0.82s var(--island-soft);
}
.app-island-shell.is-searching .app-island-search[data-v-0851419a] {
  cursor: text;
}
.app-island-search-trigger[data-v-0851419a],
.app-island-search-close[data-v-0851419a] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
}
.app-island-search-trigger[data-v-0851419a]:disabled {
  cursor: default;
  pointer-events: none;
}
.app-island-shell.is-focused .app-island-search-trigger[data-v-0851419a] {
  width: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}
.app-island-search-close[data-v-0851419a] {
  width: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transition:
    width 0.78s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.65s cubic-bezier(0.4, 0, 0.2, 1);
}
.app-island-shell.is-focused .app-island-search-close[data-v-0851419a] {
  width: 28px;
  opacity: 1;
  pointer-events: auto;
}
.app-island-wing[data-v-0851419a] {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 42px;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  border: none;
  background: transparent;
  color: #eee8dc;
  text-decoration: none;
  font: inherit;
  white-space: nowrap;
  cursor: pointer;
  pointer-events: none;
  transition:
    max-width var(--island-out) var(--island-out-soft) 0.08s,
    opacity 0.2s var(--island-out-soft),
    padding var(--island-out) var(--island-out-soft) 0.08s,
    gap var(--island-out) var(--island-out-soft) 0.08s;
}
.app-island-shell.is-open .app-island-wing[data-v-0851419a] {
  position: relative;
  justify-content: center;
  max-width: 52px;
  opacity: 1;
  overflow: visible;
  pointer-events: auto;
  transition:
    max-width var(--island-hover) var(--island-soft) var(--island-reveal-delay),
    opacity var(--island-in) var(--island-soft) var(--island-in-delay),
    padding var(--island-hover) var(--island-soft) var(--island-reveal-delay),
    gap var(--island-hover) var(--island-soft) var(--island-reveal-delay);
}
.app-island-shell.is-open .app-island-wing[data-v-0851419a]:hover,
.app-island-shell.is-open .app-island-wing[data-v-0851419a]:focus,
.app-island-shell.is-open .app-island-wing[data-v-0851419a]:focus-visible,
.app-island-shell.is-open .app-island-search-trigger[data-v-0851419a]:hover,
.app-island-shell.is-open .app-island-search-trigger[data-v-0851419a]:focus,
.app-island-shell.is-open .app-island-search-trigger[data-v-0851419a]:focus-visible {
  z-index: 4;
}
.app-island-shell.is-open .app-island-wing:hover .app-island-alert-icon[data-v-0851419a],
.app-island-shell.is-open .app-island-wing:focus .app-island-alert-icon[data-v-0851419a],
.app-island-shell.is-open .app-island-wing:focus-visible .app-island-alert-icon[data-v-0851419a],
.app-island-shell.is-open .app-island-wing:hover .app-island-profile-avatar[data-v-0851419a],
.app-island-shell.is-open .app-island-wing:focus .app-island-profile-avatar[data-v-0851419a],
.app-island-shell.is-open .app-island-wing:focus-visible .app-island-profile-avatar[data-v-0851419a],
.app-island-shell.is-open .app-island-search-trigger:hover .app-search-icon[data-v-0851419a],
.app-island-shell.is-open .app-island-search-trigger:focus .app-search-icon[data-v-0851419a],
.app-island-shell.is-open .app-island-search-trigger:focus-visible .app-search-icon[data-v-0851419a] {
  transform: scale(1.22);
}
.app-island-shell.is-open .app-island-wing[data-v-0851419a]::after,
.app-island-shell.is-open .app-island-search-trigger[data-v-0851419a]::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  top: calc(100% + 8px);
  z-index: 8;
  padding: 5px 8px;
  border-radius: 6px;
  background: color-mix(in srgb, #15120e 88%, #eee8dc);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28);
  color: #eee8dc;
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.25;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%) translateY(3px);
  transition:
    opacity 0.1s ease,
    transform 0.12s ease,
    visibility 0.1s ease;
}
.app-island-shell.is-open .app-island-wing[data-v-0851419a]:hover::after,
.app-island-shell.is-open .app-island-wing[data-v-0851419a]:focus::after,
.app-island-shell.is-open .app-island-wing[data-v-0851419a]:focus-visible::after,
.app-island-shell.is-open .app-island-search-trigger[data-v-0851419a]:hover::after,
.app-island-shell.is-open .app-island-search-trigger[data-v-0851419a]:focus::after,
.app-island-shell.is-open .app-island-search-trigger[data-v-0851419a]:focus-visible::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
.app-island-wing.is-on[data-v-0851419a] {
  color: #f97373;
}
.app-island-shell.is-open .app-island-wing--left[data-v-0851419a],
.app-island-shell.is-open .app-island-wing--right[data-v-0851419a],
.app-island-shell.is-open .app-island-wing--chat[data-v-0851419a],
.app-island-shell.is-open .app-island-wing--pw[data-v-0851419a],
.app-island-shell.is-open .app-island-wing--music[data-v-0851419a] {
  padding: 0 12px;
  gap: 0;
}
.app-island-shell.is-chat-unread:not(.is-open):not(.is-focused):not(.is-welcome) .app-island-wing--chat[data-v-0851419a] {
  max-width: 52px;
  opacity: 1;
  pointer-events: auto;
  padding: 0 12px;
  gap: 0;
  transition:
    max-width var(--island-hover) var(--island-soft) var(--island-reveal-delay),
    opacity var(--island-in) var(--island-soft) var(--island-in-delay),
    padding var(--island-hover) var(--island-soft) var(--island-reveal-delay),
    gap var(--island-hover) var(--island-soft) var(--island-reveal-delay);
}
.app-island-shell.is-chat-unread:not(.is-open):not(.is-focused):not(.is-welcome) .app-island-wing--chat .app-island-alert[data-v-0851419a] {
  width: 28px;
  height: 28px;
}
.app-island-shell.is-chat-unread:not(.is-open):not(.is-focused):not(.is-welcome) .app-island-wing--chat .app-island-alert-icon[data-v-0851419a] {
  width: 19px;
  height: 19px;
}
.app-island-shell.is-chat-unread:not(.is-open):not(.is-focused):not(.is-welcome) .app-island-chat-badge[data-v-0851419a] {
  top: 2px;
  right: 2px;
  min-width: 9px;
  width: 9px;
  height: 9px;
}
.app-island-shell.is-focused .app-island-wing[data-v-0851419a],
.app-island-shell.is-focused .app-island-wing--left[data-v-0851419a],
.app-island-shell.is-focused .app-island-wing--right[data-v-0851419a],
.app-island-shell.is-focused .app-island-wing--chat[data-v-0851419a] {
  max-width: 0;
  opacity: 0;
  padding: 0;
  pointer-events: none;
  transition:
    max-width 0.72s var(--island-soft),
    opacity 0.42s var(--island-soft),
    padding 0.72s var(--island-soft),
    gap 0.72s var(--island-soft);
}
.app-island-profile-avatar[data-v-0851419a] {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  flex-shrink: 0;
  transform-origin: center;
  transition: transform 0.32s var(--island-soft, cubic-bezier(0.32, 0.06, 0.12, 1));
}
.app-island-alert[data-v-0851419a] {
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #eee8dc;
  transition:
    width var(--island-hover, 0.38s) var(--island-soft, cubic-bezier(0.32, 0.06, 0.12, 1)),
    height var(--island-hover, 0.38s) var(--island-soft, cubic-bezier(0.32, 0.06, 0.12, 1));
}
.app-island-alert-icon[data-v-0851419a] {
  display: block;
  width: 15px;
  height: 15px;
  transform-origin: center;
  transition:
    width var(--island-hover, 0.38s) var(--island-soft, cubic-bezier(0.32, 0.06, 0.12, 1)),
    height var(--island-hover, 0.38s) var(--island-soft, cubic-bezier(0.32, 0.06, 0.12, 1)),
    transform 0.32s var(--island-soft, cubic-bezier(0.32, 0.06, 0.12, 1));
}
.app-island-shell.is-open .app-island-alert[data-v-0851419a] {
  width: 28px;
  height: 28px;
}
.app-island-shell.is-open .app-island-alert-icon[data-v-0851419a],
.app-island-shell.is-open .app-search-icon[data-v-0851419a],
.app-island-shell.is-open .app-search-close-icon[data-v-0851419a] {
  width: 19px;
  height: 19px;
}
.app-island-chat-badge[data-v-0851419a] {
  position: absolute;
  top: 3px;
  right: 3px;
  display: block;
  min-width: 6px;
  width: 6px;
  height: 6px;
  padding: 0;
  overflow: hidden;
  border-radius: 999px;
  background: #A6372F;
  color: transparent;
  font-size: 0;
  transition:
    width var(--island-hover, 0.38s) var(--island-soft, cubic-bezier(0.32, 0.06, 0.12, 1)),
    height var(--island-hover, 0.38s) var(--island-soft, cubic-bezier(0.32, 0.06, 0.12, 1)),
    min-width var(--island-hover, 0.38s) var(--island-soft, cubic-bezier(0.32, 0.06, 0.12, 1)),
    top var(--island-hover, 0.38s) var(--island-soft, cubic-bezier(0.32, 0.06, 0.12, 1)),
    right var(--island-hover, 0.38s) var(--island-soft, cubic-bezier(0.32, 0.06, 0.12, 1));
}
.app-music-island-slot[data-v-0851419a] {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: 0;
  height: 42px;
  margin: 0;
  overflow: visible;
  pointer-events: none;
}
.app-music-island-slot.is-visible[data-v-0851419a] {
  pointer-events: auto;
}
.app-music-island[data-v-0851419a] {
  --hw-beige: #eee8dc;
  --hw-tint-rgb: 238, 232, 220;
  --island-soft: cubic-bezier(0.32, 0.06, 0.12, 1);
  --island-out-soft: cubic-bezier(0.36, 0.06, 0.22, 1);
  position: absolute;
  left: var(--island-cluster-gap);
  top: 0;
  isolation: isolate;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 42px;
  width: 68px;
  max-width: 68px;
  margin: 0;
  padding: 0 8px;
  border: 0;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(238, 232, 220, 0.045);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  color: #eee8dc;
  flex-shrink: 0;
  opacity: 0;
  pointer-events: none;
  transition:
    width 1.8s cubic-bezier(0.22, 0.9, 0.28, 1),
    max-width 1.8s cubic-bezier(0.22, 0.9, 0.28, 1),
    opacity 0.82s var(--island-soft),
    background-color 0.55s ease,
    box-shadow 0.55s ease;
}
.app-music-island.is-visible[data-v-0851419a] {
  opacity: 1;
  pointer-events: auto;
}
.app-music-island.is-visible[data-v-0851419a]:hover,
.app-music-island.is-visible.is-open[data-v-0851419a],
.app-music-island.is-visible.has-next[data-v-0851419a]:hover,
.app-music-island.is-visible.has-next.is-open[data-v-0851419a],
.app-music-island.is-visible.has-prev[data-v-0851419a]:hover,
.app-music-island.is-visible.has-prev.is-open[data-v-0851419a],
.app-music-island.is-visible.has-next.has-prev[data-v-0851419a]:hover,
.app-music-island.is-visible.has-next.has-prev.is-open[data-v-0851419a] {
  width: clamp(320px, 36vw, 480px);
  max-width: clamp(320px, 36vw, 480px);
}
.app-music-island.is-visible[data-v-0851419a]:hover,
.app-music-island.is-visible.is-open[data-v-0851419a] {
  transition:
    width 1.04s var(--island-soft),
    max-width 1.04s var(--island-soft),
    opacity 0.82s var(--island-soft),
    background-color 0.18s ease,
    box-shadow 0.18s ease;
}
.app-music-island[data-v-0851419a]::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  background: transparent;
}
.app-music-island.is-visible[data-v-0851419a]:hover,
.app-music-island.is-visible.is-open[data-v-0851419a] {
  background: rgba(238, 232, 220, 0.07);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14);
}
.app-header-float.is-scrolled .app-music-island[data-v-0851419a] {
  background: rgba(238, 232, 220, 0.075);
}
.app-header-float.is-scrolled .app-music-island[data-v-0851419a]::before {
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.app-music-island-name[data-v-0851419a] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.app-music-island-open[data-v-0851419a] {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
.app-music-island-time[data-v-0851419a] {
  width: 0;
  min-width: 0;
  flex: 0 0 0;
  overflow: hidden;
  opacity: 0;
  flex-shrink: 0;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  color: rgba(238, 232, 220, 0.62);
  white-space: nowrap;
  transition: opacity 0.14s ease;
}
.app-music-island.is-visible:hover .app-music-island-time[data-v-0851419a],
.app-music-island.is-visible.is-open .app-music-island-time[data-v-0851419a] {
  width: 34px;
  flex: 0 0 34px;
  opacity: 1;
  transition:
    width 0.92s var(--island-soft),
    opacity 0.92s var(--island-soft);
}
.app-music-island-scrub[data-v-0851419a] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 0;
  min-width: 0;
  flex: 0 0 0;
  height: 3px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(to right, #eee8dc var(--music-progress, 0%), rgba(238, 232, 220, 0.22) var(--music-progress, 0%));
  opacity: 0;
  pointer-events: none;
  flex-shrink: 0;
  transition: opacity 0.14s ease;
}
.app-music-island.is-visible:hover .app-music-island-scrub[data-v-0851419a],
.app-music-island.is-visible.is-open .app-music-island-scrub[data-v-0851419a] {
  width: auto;
  flex: 1 1 auto;
  min-width: 96px;
  opacity: 1;
  pointer-events: auto;
  transition:
    width 0.92s var(--island-soft),
    opacity 0.92s var(--island-soft);
}
.app-music-island-scrub[data-v-0851419a]::-webkit-slider-runnable-track {
  height: 3px;
  background: transparent;
  border: 0;
}
.app-music-island-scrub[data-v-0851419a]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
  margin-top: -2.5px;
  border: 0;
  border-radius: 999px;
  background: #eee8dc;
  opacity: 0;
}
.app-music-island.is-visible.is-open:not(.is-closing) .app-music-island-scrub[data-v-0851419a]::-webkit-slider-thumb,
.app-music-island.is-visible:hover:not(.is-closing) .app-music-island-scrub[data-v-0851419a]::-webkit-slider-thumb {
  opacity: 1;
}
.app-music-island-scrub[data-v-0851419a]::-moz-range-track {
  height: 3px;
  background: transparent;
  border: 0;
}
.app-music-island-scrub[data-v-0851419a]::-moz-range-thumb {
  width: 8px;
  height: 8px;
  border: 0;
  border-radius: 999px;
  background: #eee8dc;
  opacity: 0;
}
.app-music-island.is-visible.is-open:not(.is-closing) .app-music-island-scrub[data-v-0851419a]::-moz-range-thumb,
.app-music-island.is-visible:hover:not(.is-closing) .app-music-island-scrub[data-v-0851419a]::-moz-range-thumb {
  opacity: 1;
}
.app-music-island-swap[data-v-0851419a] {
  position: relative;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.app-music-island-prev[data-v-0851419a],
.app-music-island-next[data-v-0851419a],
.app-music-island-pause[data-v-0851419a] {
  position: absolute;
  right: 12px;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #eee8dc;
  cursor: pointer;
  z-index: 2;
  opacity: 0;
  transform: translateY(-50%) scale(0.78);
  pointer-events: none;
  transition:
    opacity 1.45s var(--island-out-soft),
    transform 1.45s var(--island-out-soft);
}
.app-music-island-prev[data-v-0851419a] {
  right: 36px;
}
.app-music-island.has-next .app-music-island-prev[data-v-0851419a] {
  right: 60px;
}
.app-music-island-next[data-v-0851419a] {
  right: 36px;
}
.app-music-island:hover .app-music-island-prev[data-v-0851419a],
.app-music-island:hover .app-music-island-next[data-v-0851419a],
.app-music-island:hover .app-music-island-pause[data-v-0851419a],
.app-music-island.is-open .app-music-island-prev[data-v-0851419a],
.app-music-island.is-open .app-music-island-next[data-v-0851419a],
.app-music-island.is-open .app-music-island-pause[data-v-0851419a],
.app-music-island.is-paused .app-music-island-prev[data-v-0851419a],
.app-music-island.is-paused .app-music-island-next[data-v-0851419a],
.app-music-island.is-paused .app-music-island-pause[data-v-0851419a] {
  position: static;
  right: auto;
  top: auto;
  flex-shrink: 0;
  opacity: 1;
  transform: none;
  pointer-events: auto;
  transition:
    opacity 0.92s var(--island-soft) 0.16s,
    transform 0.92s var(--island-soft) 0.16s;
}
.app-music-island.is-open.is-closing .app-music-island-prev[data-v-0851419a],
.app-music-island.is-open.is-closing .app-music-island-next[data-v-0851419a],
.app-music-island.is-open.is-closing .app-music-island-pause[data-v-0851419a],
.app-music-island.is-visible.is-open.is-closing .app-music-island-time[data-v-0851419a],
.app-music-island.is-visible.is-open.is-closing .app-music-island-scrub[data-v-0851419a],
.app-music-island.is-visible:hover.is-closing .app-music-island-time[data-v-0851419a],
.app-music-island.is-visible:hover.is-closing .app-music-island-scrub[data-v-0851419a] {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.14s ease;
}
.app-music-island.is-closing .app-music-island-scrub[data-v-0851419a]::-webkit-slider-thumb,
.app-music-island:not(.is-open):not(:hover) .app-music-island-scrub[data-v-0851419a]::-webkit-slider-thumb {
  opacity: 0;
}
.app-music-island.is-closing .app-music-island-scrub[data-v-0851419a]::-moz-range-thumb,
.app-music-island:not(.is-open):not(:hover) .app-music-island-scrub[data-v-0851419a]::-moz-range-thumb {
  opacity: 0;
}
.app-music-island.is-paused .app-music-island-eq[data-v-0851419a] {
  opacity: 0;
  transform: scale(0.82);
  pointer-events: none;
}
.app-music-island-prev svg[data-v-0851419a],
.app-music-island-next svg[data-v-0851419a],
.app-music-island-pause svg[data-v-0851419a] {
  display: block;
  width: 18px;
  height: 18px;
  fill: currentColor;
}
.app-music-island-cover[data-v-0851419a],
.app-music-island-note[data-v-0851419a] {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  flex-shrink: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.app-music-island-note[data-v-0851419a] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(238, 232, 220, 0.08);
}
.app-music-island-note svg[data-v-0851419a] {
  width: 14px;
  height: 14px;
}
.app-music-island-eq[data-v-0851419a] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 2px;
  opacity: 1;
  transform: scale(1);
  transition:
    opacity 0.88s var(--island-ease) 0.12s,
    transform 0.88s var(--island-ease) 0.12s,
    gap 0.88s var(--island-ease);
}
.app-music-island:hover .app-music-island-eq[data-v-0851419a],
.app-music-island.is-open .app-music-island-eq[data-v-0851419a] {
  opacity: 0;
  transform: scale(0.82);
  gap: 3px;
  transition-delay: 0s;
  pointer-events: none;
}
.app-music-island-eq i[data-v-0851419a] {
  display: block;
  width: 2px;
  height: 12px;
  border-radius: 1px;
  background: #eee8dc;
  transform-origin: center bottom;
  transition:
    width 0.88s var(--island-ease),
    opacity 0.8s var(--island-ease);
}
.app-music-island-eq.is-playing i[data-v-0851419a] {
  animation: music-island-eq-0851419a 1.05s ease-in-out infinite;
}
.app-music-island-eq.is-playing i[data-v-0851419a]:nth-child(2) {
  animation-delay: 0.16s;
}
.app-music-island-eq.is-playing i[data-v-0851419a]:nth-child(3) {
  animation-delay: 0.32s;
}
.app-music-island:hover .app-music-island-eq i[data-v-0851419a]:nth-child(1),
.app-music-island:hover .app-music-island-eq i[data-v-0851419a]:nth-child(3),
.app-music-island.is-open .app-music-island-eq i[data-v-0851419a]:nth-child(1),
.app-music-island.is-open .app-music-island-eq i[data-v-0851419a]:nth-child(3) {
  width: 3.5px;
}
.app-music-island:hover .app-music-island-eq i[data-v-0851419a]:nth-child(2),
.app-music-island.is-open .app-music-island-eq i[data-v-0851419a]:nth-child(2) {
  width: 0;
  opacity: 0;
}
@keyframes music-island-eq-0851419a {
0%, 100% { transform: scaleY(0.32);
}
50% { transform: scaleY(1);
}
}
.app-island-alert-dot[data-v-0851419a] {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #ef4444;
}


input[data-v-5f9c9e14]::-moz-placeholder {
  color: var(--placeholder, #928787);
}
input[data-v-5f9c9e14]::placeholder {
  color: var(--placeholder, #928787);
}
input[data-v-5f9c9e14] {
  --placeholder: #928787;
}
@keyframes shake-5f9c9e14 {
0%, 100% { transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% { transform: translateX(-6px);
}
20%, 40%, 60%, 80% { transform: translateX(6px);
}
}
[data-v-5f9c9e14] .modal-shake {
  animation: shake-5f9c9e14 0.5s ease-in-out;
}


.chat-message-receipt[data-v-821c5258] {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  line-height: 1;
}
.chat-message-receipt-icon[data-v-821c5258] {
  display: block;
  width: 14px;
  height: 14px;
}
.chat-message-receipt--sent[data-v-821c5258],
.chat-message-receipt--delivered[data-v-821c5258] {
  color: #8A8074;
}
.chat-message-receipt--read[data-v-821c5258] {
  color: #4A9FD4;
}
.chat-message-receipt--read[data-v-821c5258] svg {
  stroke: #4A9FD4;
}


.floating-chat-size-icon[data-v-b8038704] {
  width: 15px;
  height: 15px;
  display: block;
  overflow: visible;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.arrow[data-v-b8038704] {
  transform-box: view-box;
  transition: transform 1.18s cubic-bezier(0.36, 0.04, 0.12, 1);
}
.arrow--ne[data-v-b8038704] {
  transform-origin: 17.5px 6.5px;
}
.arrow--sw[data-v-b8038704] {
  transform-origin: 6.5px 17.5px;
  transition-delay: 0.06s;
}
.is-open .arrow--ne[data-v-b8038704],
.is-open .arrow--sw[data-v-b8038704] {
  transform: rotate(180deg);
}


.chat-emoji-img-wrap[data-v-09057280] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  vertical-align: middle;
  flex-shrink: 0;
  line-height: 1;
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.chat-emoji-img-wrap[data-emoji-size="14"][data-v-09057280] { width: 14px; height: 14px; font-size: 14px;
}
.chat-emoji-img-wrap[data-emoji-size="16"][data-v-09057280] { width: 16px; height: 16px; font-size: 16px;
}
.chat-emoji-img-wrap[data-emoji-size="18"][data-v-09057280] { width: 18px; height: 18px; font-size: 18px;
}
.chat-emoji-img-wrap[data-emoji-size="20"][data-v-09057280] { width: 20px; height: 20px; font-size: 20px;
}
.chat-emoji-img-wrap[data-emoji-size="22"][data-v-09057280] { width: 22px; height: 22px; font-size: 22px;
}
.chat-emoji-img-wrap[data-emoji-size="26"][data-v-09057280] { width: 26px; height: 26px; font-size: 26px;
}
.chat-emoji-img-wrap[data-emoji-size="28"][data-v-09057280] { width: 28px; height: 28px; font-size: 28px;
}
.chat-emoji-img-wrap[data-emoji-size="32"][data-v-09057280] { width: 32px; height: 32px; font-size: 32px;
}
.chat-emoji-img-wrap[data-emoji-size="34"][data-v-09057280] { width: 34px; height: 34px; font-size: 34px;
}
.chat-emoji-img[data-v-09057280] {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}
.chat-emoji-img-fallback[data-v-09057280] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  /* Native Apple Color Emoji paints larger than the em-box; PNGs are contain-fit. */
  font-size: 0.72em;
  line-height: 1;
}


.chat-emoji-picker-popover[data-v-6e3748b4] {
  --hw-beige: #eee8dc;
  --hw-tint-rgb: 238, 232, 220;
  position: fixed;
  z-index: 10050;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 292px;
  height: 332px;
  max-width: calc(100vw - 24px);
  max-height: calc(100vh - 160px);
  padding: 8px;
  border: 0;
  border-radius: 6px;
  overflow: hidden;
  background:
    linear-gradient(165deg, rgba(238, 232, 220, 0.06), transparent 60%),
    rgba(46, 34, 24, 0.42);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  font-family: "Fustat", sans-serif;
  animation: island-menu-in-6e3748b4 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes island-menu-in-6e3748b4 {
from {
    opacity: 0;
    transform: translateY(-6px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.chat-emoji-picker-search-row[data-v-6e3748b4] {
  flex-shrink: 0;
  padding: 0 0 8px;
}
.chat-emoji-picker-search[data-v-6e3748b4] {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 10px;
  border: 0;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.1);
  color: #f7f7f5;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  outline: none;
}
.chat-emoji-picker-search[data-v-6e3748b4]::-moz-placeholder {
  color: rgba(238, 232, 220, 0.56);
}
.chat-emoji-picker-search[data-v-6e3748b4]::placeholder {
  color: rgba(238, 232, 220, 0.56);
}
.chat-emoji-picker-search[data-v-6e3748b4]:focus {
  background: rgba(238, 232, 220, 0.14);
}
.chat-emoji-picker-search[data-v-6e3748b4]::-webkit-search-decoration,
.chat-emoji-picker-search[data-v-6e3748b4]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.chat-emoji-picker-nav[data-v-6e3748b4] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
  gap: 2px;
  padding: 0 0 8px;
  border-bottom: 1px solid rgba(238, 232, 220, 0.12);
}
.chat-emoji-picker-nav-btn[data-v-6e3748b4] {
  flex: 1 1 0;
  min-width: 0;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: inherit;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}
.chat-emoji-picker-nav-btn[data-v-6e3748b4]:hover,
.chat-emoji-picker-nav-btn.is-active[data-v-6e3748b4] {
  background: rgba(238, 232, 220, 0.07);
}
.chat-emoji-picker-grid[data-v-6e3748b4] {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  align-content: start;
  gap: 2px;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 8px 0 0;
}
.chat-emoji-picker-cell[data-v-6e3748b4] {
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.chat-emoji-picker-cell[data-v-6e3748b4]:hover {
  background: rgba(238, 232, 220, 0.07);
}
.chat-emoji-picker-status[data-v-6e3748b4] {
  grid-column: 1 / -1;
  margin: 24px 0;
  text-align: center;
  color: rgba(238, 232, 220, 0.74);
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
}


.chat-message-interactions[data-v-b89f13f4] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin-top: 4px;
}
.chat-message-interactions--compact[data-v-b89f13f4] {
  margin-top: 2px;
}
.chat-message-hover-layer[data-v-b89f13f4] {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  padding-bottom: 8px;
  z-index: 30;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  pointer-events: auto;
}
.chat-message-hover-layer.is-open[data-v-b89f13f4] {
  display: flex;
}
.chat-message-hover-tools[data-v-b89f13f4] {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}
.chat-message-action-bar[data-v-b89f13f4] {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  gap: 2px;
  padding: 3px 6px;
  border-radius: 999px;
  background: rgba(28, 28, 28, 0.96);
  border: 1px solid rgba(80, 80, 80, 0.6);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}
.chat-message-action-btn[data-v-b89f13f4] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: none;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  line-height: 1;
  color: #d8d8d8;
  transition: background 0.12s ease, transform 0.12s ease;
}
.chat-message-action-icon[data-v-b89f13f4] {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}
.chat-message-action-btn[data-v-b89f13f4]:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: scale(1.08);
}
.chat-emoji-reaction-trigger[data-v-b89f13f4] {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: none;
  border-radius: 999px;
  background: #262626;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
  transition: color 0.15s ease, transform 0.12s ease;
}
.chat-emoji-reaction-trigger[data-v-b89f13f4]:hover,
.chat-emoji-reaction-trigger--open[data-v-b89f13f4] {
  color: #ffffff;
}
.chat-emoji-reaction-trigger-icon[data-v-b89f13f4] {
  width: 18px;
  height: 18px;
}
.chat-message-interactions--compact .chat-emoji-reaction-trigger[data-v-b89f13f4] {
  width: 32px;
  height: 32px;
}
.chat-emoji-reaction-bar[data-v-b89f13f4] {
  position: fixed;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding: 6px;
  border-radius: 999px;
  background: #262626;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  pointer-events: auto;
  transform-origin: bottom center;
}
.chat-emoji-reaction-bar--bottom[data-v-b89f13f4] {
  transform-origin: top center;
}
.chat-emoji-reaction-bar--ready[data-v-b89f13f4] {
  animation: chat-emoji-bar-in-b89f13f4 0.28s cubic-bezier(0.32, 1.15, 0.48, 1) both;
}
.chat-emoji-reaction-bar--bottom.chat-emoji-reaction-bar--ready[data-v-b89f13f4] {
  animation-name: chat-emoji-bar-in-bottom-b89f13f4;
}
.chat-emoji-reaction-bar--reduced.chat-emoji-reaction-bar--ready[data-v-b89f13f4] {
  animation: chat-emoji-bar-in-reduced-b89f13f4 0.15s ease both;
}
.chat-emoji-reaction-item[data-v-b89f13f4] {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: none;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  outline: none;
  animation: chat-emoji-item-in-b89f13f4 0.32s cubic-bezier(0.34, 1.4, 0.64, 1) both;
  animation-delay: calc(0.04s + var(--i, 0) * 0.035s);
  transition: transform 0.16s ease, background 0.12s ease;
}
.chat-emoji-reaction-bar--reduced .chat-emoji-reaction-item[data-v-b89f13f4] {
  animation: none;
}
.chat-emoji-reaction-item[data-v-b89f13f4]:hover {
  transform: scale(1.28) translateY(-4px);
}
.chat-emoji-reaction-item[data-v-b89f13f4]:active {
  transform: scale(0.92);
}
.chat-emoji-reaction-item[data-v-b89f13f4]:focus-visible {
  box-shadow: 0 0 0 2px #5373ec;
}
.chat-emoji-reaction-item--active[data-v-b89f13f4] {
  background: rgba(74, 159, 212, 0.22);
}
.chat-emoji-reaction-more[data-v-b89f13f4] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: none;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  outline: none;
  transition: transform 0.16s ease, background 0.12s ease, color 0.12s ease;
}
.chat-emoji-reaction-more[data-v-b89f13f4]:hover,
.chat-emoji-reaction-more--open[data-v-b89f13f4] {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  transform: scale(1.08);
}
.chat-emoji-reaction-more[data-v-b89f13f4]:focus-visible {
  box-shadow: 0 0 0 2px #5373ec;
}
.chat-emoji-reaction-more-icon[data-v-b89f13f4] {
  width: 18px;
  height: 18px;
}
.chat-emoji-reaction-tail[data-v-b89f13f4] {
  position: absolute;
  border-radius: 999px;
  background: #262626;
  transform: translateX(-50%);
  pointer-events: none;
}
.chat-emoji-reaction-tail--lg[data-v-b89f13f4] {
  width: 12px;
  height: 12px;
}
.chat-emoji-reaction-tail--sm[data-v-b89f13f4] {
  width: 6px;
  height: 6px;
}
.chat-emoji-reaction-bar--top .chat-emoji-reaction-tail--lg[data-v-b89f13f4] {
  bottom: -4px;
}
.chat-emoji-reaction-bar--top .chat-emoji-reaction-tail--sm[data-v-b89f13f4] {
  bottom: -16px;
}
.chat-emoji-reaction-bar--bottom .chat-emoji-reaction-tail--lg[data-v-b89f13f4] {
  top: -4px;
}
.chat-emoji-reaction-bar--bottom .chat-emoji-reaction-tail--sm[data-v-b89f13f4] {
  top: -16px;
}
.chat-emoji-burst-layer[data-v-b89f13f4] {
  position: fixed;
  inset: 0;
  z-index: 10002;
  pointer-events: none;
}
.chat-emoji-burst[data-v-b89f13f4] {
  position: fixed;
  display: grid;
  place-items: center;
  margin-left: calc(var(--burst-size, 34px) / -2);
  margin-top: calc(var(--burst-size, 34px) / -2);
  will-change: transform, opacity, filter;
  animation:
    chat-emoji-burst-move-b89f13f4 var(--burst-duration) cubic-bezier(0.4, 0.3, 0.5, 1) var(--burst-delay) both,chat-emoji-burst-scale-b89f13f4 var(--burst-duration) ease-out var(--burst-delay) both,chat-emoji-burst-fade-b89f13f4 var(--burst-duration) linear var(--burst-delay) both,chat-emoji-burst-blur-b89f13f4 var(--burst-duration) cubic-bezier(0.4, 0.3, 0.5, 1) var(--burst-delay) both;
}
.chat-message-reaction-chips[data-v-b89f13f4] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}
.chat-message-reaction-chip[data-v-b89f13f4] {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  height: 24px;
  padding: 0 8px;
  overflow: hidden;
  border: 1px solid rgba(120, 120, 120, 0.35);
  border-radius: 999px;
  background: rgba(40, 40, 40, 0.85);
  cursor: pointer;
  font: inherit;
  line-height: 1.2;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.chat-message-reaction-chip[data-v-b89f13f4]:hover {
  background: rgba(60, 60, 60, 0.95);
  border-color: rgba(160, 160, 160, 0.5);
}
.chat-message-reaction-chip--mine[data-v-b89f13f4] {
  border-color: rgba(110, 176, 232, 0.35);
  background: rgba(110, 176, 232, 0.15);
}
.chat-message-reaction-count[data-v-b89f13f4] {
  font-size: 11px;
  color: #b8b8b8;
}
@keyframes chat-emoji-bar-in-b89f13f4 {
from {
    opacity: 0;
    transform: translateY(10px) scale(0.85);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
@keyframes chat-emoji-bar-in-bottom-b89f13f4 {
from {
    opacity: 0;
    transform: translateY(-10px) scale(0.85);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
@keyframes chat-emoji-bar-in-reduced-b89f13f4 {
from { opacity: 0;
}
to { opacity: 1;
}
}
@keyframes chat-emoji-item-in-b89f13f4 {
from {
    opacity: 0;
    transform: scale(0.4);
}
to {
    opacity: 1;
    transform: scale(1);
}
}
@keyframes chat-emoji-burst-move-b89f13f4 {
from {
    transform: translate(var(--burst-x), 0) rotate(0deg);
}
to {
    transform: translate(
      calc(var(--burst-x) + var(--burst-drift)),
      calc(var(--burst-travel) * -1)
    ) rotate(calc(var(--burst-tilt) * 0.35));
}
}
@keyframes chat-emoji-burst-scale-b89f13f4 {
0% { scale: 0.6;
}
10% { scale: calc(var(--burst-scale) * 1.15);
}
22% { scale: var(--burst-scale);
}
100% { scale: calc(var(--burst-scale) * 0.75);
}
}
@keyframes chat-emoji-burst-fade-b89f13f4 {
0% { opacity: 0;
}
3% { opacity: 1;
}
55% { opacity: 1;
}
100% { opacity: 0;
}
}
@keyframes chat-emoji-burst-blur-b89f13f4 {
0%, 12% { filter: blur(0);
}
100% { filter: blur(var(--burst-blur));
}
}


.chat-message-row-self .chat-message-interactions,
.floating-chat-message--self .chat-message-interactions {
  align-items: flex-end;
}
.chat-message-row-self .chat-message-hover-layer,
.floating-chat-message--self .chat-message-hover-layer {
  left: auto;
  right: 0;
  align-items: flex-end;
}
.chat-message-row-self .chat-message-hover-tools,
.floating-chat-message--self .chat-message-hover-tools {
  flex-direction: row-reverse;
}


.chat-message-text[data-v-db132c7e] {
  white-space: pre-wrap;
  word-break: break-word;
}
.chat-message-text--single-line[data-v-db132c7e] {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 16px;
  line-height: 16px;
}
.chat-message-text-part[data-v-db132c7e] {
  display: inline;
}
.chat-message-text-emoji[data-v-db132c7e] {
  vertical-align: -0.15em;
  margin: 0 1px;
}
.chat-message-text--jumbo .chat-message-text-emoji[data-v-db132c7e] {
  vertical-align: middle;
  margin: 0 2px;
}


.chat-message-reply-quote[data-v-099e8ac6] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
  margin-bottom: 6px;
  padding: 6px 8px 6px 10px;
  border: none;
  border-left: 3px solid #EEE8DC;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  text-align: left;
  font: inherit;
}
.chat-message-reply-quote--self[data-v-099e8ac6] {
  border-left-color: #b7cbd8;
  background: rgba(21, 18, 14, 0.28);
}
.chat-message-reply-quote-author[data-v-099e8ac6] {
  font-size: 11px;
  font-weight: 600;
  color: #EEE8DC;
  line-height: 1.2;
}
.chat-message-reply-quote--self .chat-message-reply-quote-author[data-v-099e8ac6] {
  color: #b7cbd8;
}
.chat-message-reply-quote-text[data-v-099e8ac6] {
  font-size: 12px;
  line-height: 1.35;
  color: #888;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.chat-message-reply-quote--self .chat-message-reply-quote-text[data-v-099e8ac6] {
  color: rgba(238, 232, 220, 0.62);
}


.chat-composer-reply-bar[data-v-119905ec] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-bottom: 0;
  background: transparent;
}
.chat-composer-reply-content[data-v-119905ec] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-left: 2px solid #b7cbd8;
  padding-left: 10px;
}
.chat-composer-reply-label[data-v-119905ec] {
  font-size: 11px;
  color: #b7cbd8;
  line-height: 1.2;
}
.chat-composer-reply-author[data-v-119905ec] {
  font-size: 12px;
  font-weight: 600;
  color: #ECE8DD;
  line-height: 1.2;
}
.chat-composer-reply-text[data-v-119905ec] {
  font-size: 12px;
  color: #888;
  line-height: 1.35;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.chat-composer-reply-cancel[data-v-119905ec] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 999px;
  background: transparent;
  color: #b0b0b0;
  cursor: pointer;
}
.chat-composer-reply-cancel[data-v-119905ec]:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
.chat-composer-reply-cancel-icon[data-v-119905ec] {
  width: 16px;
  height: 16px;
}


.chat-composer-edit-bar[data-v-3381bb56] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-bottom: 0;
  background: transparent;
}
.chat-composer-edit-content[data-v-3381bb56] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-left: 2px solid #b7cbd8;
  padding-left: 10px;
}
.chat-composer-edit-label[data-v-3381bb56] {
  font-size: 11px;
  color: #b7cbd8;
  line-height: 1.2;
}
.chat-composer-edit-text[data-v-3381bb56] {
  font-size: 12px;
  color: #d0d0d0;
  line-height: 1.35;
  overflow: hidden;
}
.chat-composer-edit-cancel[data-v-3381bb56] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 999px;
  background: transparent;
  color: #b0b0b0;
  cursor: pointer;
}
.chat-composer-edit-cancel[data-v-3381bb56]:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
.chat-composer-edit-cancel-icon[data-v-3381bb56] {
  width: 16px;
  height: 16px;
}


.chat-ephemeral-picker-anchor[data-v-0daf4a78] {
  position: relative;
  flex-shrink: 0;
}
.chat-composer-icon-btn[data-v-0daf4a78] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  background: transparent;
  color: #928787;
  cursor: pointer;
  flex-shrink: 0;
}
.chat-composer-icon-btn[data-v-0daf4a78]:hover:not(:disabled) {
  color: #ffffff;
}
.chat-composer-icon-btn[data-v-0daf4a78]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.chat-ephemeral-icon[data-v-0daf4a78] {
  width: 16px;
  height: 16px;
  display: block;
  color: inherit;
}
.chat-ephemeral-picker[data-v-0daf4a78] {
  position: absolute;
  right: 0;
  bottom: calc(100% + 8px);
  min-width: 160px;
  padding: 6px;
  border-radius: 6px;
  border: 0;
  background:
    linear-gradient(165deg, rgba(238, 232, 220, 0.06), transparent 60%),
    rgba(46, 34, 24, 0.42);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  z-index: 20;
}
.chat-ephemeral-picker-item[data-v-0daf4a78] {
  display: block;
  width: 100%;
  padding: 8px 10px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #EEE8DC;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}
.chat-ephemeral-picker-item[data-v-0daf4a78]:hover,
.chat-ephemeral-picker-item--active[data-v-0daf4a78] {
  background: rgba(238, 232, 220, 0.1);
}


.chat-message-ephemeral[data-v-72fd311a] {
  display: inline-flex;
  align-items: center;
  color: #888;
}
.chat-message-ephemeral-icon[data-v-72fd311a] {
  width: 11px;
  height: 11px;
}


.chat-manage-menu[data-v-5effa9f2] {
  position: relative;
  flex-shrink: 0;
}
.chat-manage-menu-trigger[data-v-5effa9f2] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: rgba(238, 232, 220, 0.78);
  cursor: pointer;
}
.chat-manage-menu-trigger[data-v-5effa9f2]:hover,
.chat-manage-menu-trigger.is-open[data-v-5effa9f2] {
  background: rgba(238, 232, 220, 0.07);
  color: #eee8dc;
}
.chat-manage-menu-icon[data-v-5effa9f2] {
  width: 15px;
  height: 15px;
  display: block;
}
.chat-manage-menu-dropdown[data-v-5effa9f2] {
  --hw-beige: #eee8dc;
  --hw-tint-rgb: 238, 232, 220;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  min-width: 188px;
  padding: 6px;
  border: 0;
  border-radius: 6px;
  background:
    linear-gradient(165deg, rgba(238, 232, 220, 0.06), transparent 60%),
    rgba(46, 34, 24, 0.42);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  z-index: 40;
  font-family: "Fustat", sans-serif;
  animation: island-menu-in-5effa9f2 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes island-menu-in-5effa9f2 {
from {
    opacity: 0;
    transform: translateY(-6px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.chat-manage-menu-item[data-v-5effa9f2] {
  display: block;
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: #eee8dc;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.2;
  padding: 8px 10px;
  cursor: pointer;
}
.chat-manage-menu-item[data-v-5effa9f2]:hover {
  background: rgba(238, 232, 220, 0.07);
}
.chat-manage-menu-item--danger[data-v-5effa9f2] {
  color: #f97373;
}


.chat-message-file[data-v-bb1d4ae0] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
}
.chat-message-file--image[data-v-bb1d4ae0] {
  flex-direction: column;
  align-items: stretch;
}
.chat-message-file-image-block[data-v-bb1d4ae0] {
  position: relative;
  width: 100%;
  max-width: 280px;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.2);
}
.chat-message-file-image[data-v-bb1d4ae0] {
  display: block;
  width: 100%;
  max-height: 280px;
  -o-object-fit: contain;
     object-fit: contain;
  vertical-align: middle;
}
.chat-message-file-image-placeholder[data-v-bb1d4ae0] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  background: rgba(238, 232, 220, 0.06);
}
.chat-message-file-image-placeholder-icon[data-v-bb1d4ae0] {
  width: 28px;
  height: 28px;
  color: #928787;
  opacity: 0.7;
}
.chat-message-file-download--overlay[data-v-bb1d4ae0] {
  position: absolute;
  top: 8px;
  right: 8px;
  background: rgba(25, 25, 25, 0.72);
  color: #EEE8DC;
  backdrop-filter: blur(4px);
}
.chat-message-file-download--overlay[data-v-bb1d4ae0]:hover:not(:disabled) {
  background: rgba(25, 25, 25, 0.88);
}
.chat-message-bubble-self .chat-message-file-download--overlay[data-v-bb1d4ae0] {
  background: rgba(255, 255, 255, 0.82);
  color: #191919;
}
.chat-message-bubble-self .chat-message-file-download--overlay[data-v-bb1d4ae0]:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.95);
}
.chat-message-file-icon-wrap[data-v-bb1d4ae0] {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(238, 232, 220, 0.08);
}
.chat-message-file-icon[data-v-bb1d4ae0] {
  width: 18px;
  height: 18px;
  color: #EEE8DC;
}
.chat-message-bubble-self .chat-message-file-icon-wrap[data-v-bb1d4ae0] {
  background: rgba(25, 25, 25, 0.08);
}
.chat-message-bubble-self .chat-message-file-icon[data-v-bb1d4ae0] {
  color: #191919;
}
.chat-message-file-body[data-v-bb1d4ae0] {
  min-width: 0;
  flex: 1;
}
.chat-message-file-name[data-v-bb1d4ae0] {
  font-size: 13px;
  font-weight: 600;
  word-break: break-word;
}
.chat-message-file-meta[data-v-bb1d4ae0] {
  margin-top: 2px;
  font-size: 11px;
  color: #928787;
}
.chat-message-bubble-self .chat-message-file-meta[data-v-bb1d4ae0] {
  color: rgba(25, 25, 25, 0.55);
}
.chat-message-file-caption[data-v-bb1d4ae0] {
  margin-top: 6px;
  font-size: 13px;
  width: 100%;
}
.chat-message-file-download[data-v-bb1d4ae0] {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 999px;
  background: rgba(238, 232, 220, 0.1);
  color: #EEE8DC;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.chat-message-file-download[data-v-bb1d4ae0]:disabled {
  opacity: 0.5;
  cursor: default;
}
.chat-message-bubble-self .chat-message-file-download[data-v-bb1d4ae0] {
  background: rgba(25, 25, 25, 0.08);
  color: #191919;
}
.chat-message-file-download-icon[data-v-bb1d4ae0] {
  width: 16px;
  height: 16px;
}


.chat-composer-input-wrap[data-v-1df99a37] {
  position: relative;
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: stretch;
}
.chat-composer-mirror[data-v-1df99a37],
.chat-composer-input--overlay[data-v-1df99a37] {
  word-break: break-word;
  font-size: 14px;
  line-height: 20px;
  padding: 6px 0;
  min-height: 32px;
  box-sizing: border-box;
}
.chat-composer-mirror[data-v-1df99a37] {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.chat-composer-input--overlay[data-v-1df99a37] {
  position: relative;
  width: 100%;
  color: transparent;
  background: transparent;
  resize: none;
  border: none;
  outline: none;
  overflow-y: hidden;
}
.chat-composer-input--overlay[data-v-1df99a37]::-moz-placeholder {
  color: rgba(238, 232, 220, 0.72);
  opacity: 1;
}
.chat-composer-input--overlay[data-v-1df99a37]::placeholder {
  color: rgba(238, 232, 220, 0.72);
  opacity: 1;
}
.chat-composer-mirror[data-v-1df99a37] .chat-inline-emoji {
  width: 1.15em;
  height: 1.15em;
  vertical-align: -0.15em;
  display: inline;
  -o-object-fit: contain;
     object-fit: contain;
}


.chat-typing-dots[data-v-5b21c284] {
  display: inline-flex;
  align-items: center;
}
.chat-typing-dots--bubble[data-v-5b21c284] {
  gap: 4px;
  height: 12px;
}
.chat-typing-dots--compact[data-v-5b21c284] {
  gap: 3px;
  height: 10px;
}
.chat-typing-dots-dot[data-v-5b21c284] {
  display: block;
  border-radius: 999px;
  background: #b8b3a8;
  animation: chat-typing-bounce-5b21c284 0.84s ease-in-out infinite;
}
.chat-typing-dots--bubble .chat-typing-dots-dot[data-v-5b21c284] {
  width: 7px;
  height: 7px;
}
.chat-typing-dots--compact .chat-typing-dots-dot[data-v-5b21c284] {
  width: 5px;
  height: 5px;
}
.chat-typing-dots-dot[data-v-5b21c284]:nth-child(2) {
  animation-delay: 0.14s;
}
.chat-typing-dots-dot[data-v-5b21c284]:nth-child(3) {
  animation-delay: 0.28s;
}
@keyframes chat-typing-bounce-5b21c284 {
0%,
  80%,
  100% {
    transform: translateY(0) scale(0.82);
    opacity: 0.7;
}
40% {
    transform: translateY(-5px) scale(1.08);
    opacity: 1;
}
}


.chat-typing-bubble-row[data-v-4260c146] {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  padding: 4px 20px 10px;
  flex-shrink: 0;
}
.chat-typing-bubble-avatars[data-v-4260c146] {
  display: flex;
  align-items: center;
}
.chat-typing-bubble-avatar[data-v-4260c146] {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  color: #191919;
  margin-left: -8px;
}
.chat-typing-bubble-avatar[data-v-4260c146]:first-child {
  margin-left: 0;
}
.chat-typing-bubble[data-v-4260c146] {
  background: rgba(238, 232, 220, 0.08);
  border: none;
  border-radius: 6px;
  border-bottom-left-radius: 6px;
  padding: 10px 14px;
  min-width: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


.chat-voice-player[data-v-785abf20] {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 220px;
  padding: 10px 12px;
  border-radius: 16px;
  background: #252525;
}
.chat-voice-play[data-v-785abf20] {
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 999px;
  background: rgba(238, 232, 220, 0.18);
  color: #EEE8DC;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.chat-voice-play[data-v-785abf20]:disabled {
  cursor: default;
  opacity: 0.7;
}
.chat-voice-glyph[data-v-785abf20] {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
.chat-voice-spinner[data-v-785abf20] {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(238, 232, 220, 0.25);
  border-top-color: #EEE8DC;
  border-radius: 999px;
  animation: chat-voice-spin-785abf20 0.7s linear infinite;
}
@keyframes chat-voice-spin-785abf20 {
to { transform: rotate(360deg);
}
}
.chat-voice-track[data-v-785abf20] {
  flex: 1;
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.12);
  overflow: hidden;
}
.chat-voice-fill[data-v-785abf20] {
  height: 100%;
  width: 100%;
  background: #EEE8DC;
  transform-origin: left center;
  transform: scaleX(0);
}
.chat-voice-time[data-v-785abf20] {
  flex-shrink: 0;
  font-size: 12px;
  color: #888;
  font-variant-numeric: tabular-nums;
}
.chat-voice-player audio[data-v-785abf20] {
  display: none;
}


.floating-chat-window[data-v-5b6fc0b9] {
  --hw-beige: #eee8dc;
  --hw-tint-rgb: 238, 232, 220;
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  width: 340px;
  height: 460px;
  border: 0;
  border-radius: 6px;
  background: #1b1813;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.34);
  overflow: hidden;
  font-family: "Fustat", sans-serif;
  transition: height 1.18s cubic-bezier(0.36, 0.04, 0.12, 1);
}
.floating-chat-window[data-v-5b6fc0b9]::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  opacity: 0.2;
  mix-blend-mode: overlay;
  filter: contrast(1.35) brightness(1.04);
  background-color: transparent;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='fcg' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23fcg)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='fcg2' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23fcg2)'/%3E%3C/svg%3E");
  background-size: 48px 48px, 88px 88px;
}
.floating-chat-window[data-v-5b6fc0b9] > * {
  position: relative;
  z-index: 1;
}
.floating-chat-window--minimized[data-v-5b6fc0b9] {
  height: 52px;
}
.floating-chat-collapse[data-v-5b6fc0b9] {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.84s cubic-bezier(0.36, 0.04, 0.12, 1);
}
.floating-chat-window--minimized .floating-chat-collapse[data-v-5b6fc0b9] {
  opacity: 0;
  pointer-events: none;
}
.floating-chat-header[data-v-5b6fc0b9] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 10px 8px;
  border-bottom: 1px solid rgba(238, 232, 220, 0.12);
  flex-shrink: 0;
  z-index: 3;
  transition: border-color 0.84s cubic-bezier(0.36, 0.04, 0.12, 1);
}
.floating-chat-window--minimized .floating-chat-header[data-v-5b6fc0b9] {
  border-bottom-color: transparent;
}
.floating-chat-header-main[data-v-5b6fc0b9] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 0;
  cursor: pointer;
}
.floating-chat-avatar[data-v-5b6fc0b9] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 600;
  color: #191919;
}
.floating-chat-presence-dot[data-v-5b6fc0b9] {
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #6b7280;
  border: 1.5px solid #201e1b;
  box-sizing: border-box;
  z-index: 2;
}
.floating-chat-presence-dot.is-online[data-v-5b6fc0b9] {
  background: #22c55e;
}
.floating-chat-presence-dot.is-dnd[data-v-5b6fc0b9] {
  background: #f59e0b;
}
.floating-chat-avatar--header[data-v-5b6fc0b9] {
  width: 26px;
  height: 26px;
}
.floating-chat-avatar--message[data-v-5b6fc0b9] {
  width: 24px;
  height: 24px;
  font-size: 9px;
}
.floating-chat-avatar-hash[data-v-5b6fc0b9] {
  width: 14px;
  height: 14px;
}
.floating-chat-header-text[data-v-5b6fc0b9] {
  flex: 1;
  min-width: 0;
}
.floating-chat-title[data-v-5b6fc0b9] {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.floating-chat-title-name[data-v-5b6fc0b9] {
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #f7f7f5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.floating-chat-subtitle[data-v-5b6fc0b9] {
  font-size: 0.6875rem;
  font-weight: 400;
  color: rgba(238, 232, 220, 0.74);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.floating-chat-header-actions[data-v-5b6fc0b9] {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}
.floating-chat-icon-btn[data-v-5b6fc0b9] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: rgba(238, 232, 220, 0.78);
  cursor: pointer;
}
.floating-chat-icon-btn[data-v-5b6fc0b9]:hover {
  background: rgba(238, 232, 220, 0.07);
  color: #eee8dc;
}
.floating-chat-action-icon[data-v-5b6fc0b9] {
  width: 15px;
  height: 15px;
  display: block;
}
.floating-chat-messages[data-v-5b6fc0b9] {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.floating-chat-screenshot-banner[data-v-5b6fc0b9] {
  margin: 0 0 8px;
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(232, 168, 74, 0.16);
  border: 1px solid rgba(232, 168, 74, 0.45);
  color: #e8a84a;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}
.floating-chat-event-row[data-v-5b6fc0b9] {
  display: flex;
  justify-content: center;
  padding: 4px 0;
}
.floating-chat-event[data-v-5b6fc0b9] {
  text-align: center;
  font-size: 0.6875rem;
  font-weight: 400;
  color: rgba(238, 232, 220, 0.74);
}
.floating-chat-loading[data-v-5b6fc0b9] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  text-align: center;
  color: #c4bfb4;
  font-size: 12px;
}
.floating-chat-loading--top[data-v-5b6fc0b9] {
  flex: 0 0 auto;
  padding: 8px 16px;
}
.floating-chat-message[data-v-5b6fc0b9] {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.floating-chat-message--grouped[data-v-5b6fc0b9] {
  margin-top: 0;
}
.floating-chat-avatar--hidden[data-v-5b6fc0b9] {
  visibility: hidden;
  pointer-events: none;
}
.floating-chat-message--self[data-v-5b6fc0b9] {
  flex-direction: row-reverse;
}
.floating-chat-message-body[data-v-5b6fc0b9] {
  max-width: 80%;
  display: flex;
  flex-direction: column;
}
.floating-chat-message-meta[data-v-5b6fc0b9] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 2px;
}
.floating-chat-message-author[data-v-5b6fc0b9] {
  font-size: 0.625rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: rgba(238, 232, 220, 0.74);
}
.floating-chat-message-time[data-v-5b6fc0b9] {
  font-size: 0.625rem;
  color: rgba(238, 232, 220, 0.68);
  white-space: nowrap;
}
.floating-chat-bubble--self .floating-chat-message-time[data-v-5b6fc0b9],
.floating-chat-bubble--self .floating-chat-message-edited[data-v-5b6fc0b9],
.floating-chat-bubble--self[data-v-5b6fc0b9] .chat-message-receipt--sent,
.floating-chat-bubble--self[data-v-5b6fc0b9] .chat-message-receipt--delivered {
  color: #3f3b35;
}
.floating-chat-bubble--self.floating-chat-bubble--bare .floating-chat-message-time[data-v-5b6fc0b9],
.floating-chat-bubble--self.floating-chat-bubble--bare .floating-chat-message-edited[data-v-5b6fc0b9],
.floating-chat-bubble--self.floating-chat-bubble--bare[data-v-5b6fc0b9] .chat-message-receipt--sent,
.floating-chat-bubble--self.floating-chat-bubble--bare[data-v-5b6fc0b9] .chat-message-receipt--delivered {
  color: rgba(238, 232, 220, 0.68);
}
.floating-chat-bubble-wrap[data-v-5b6fc0b9] {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  overflow: visible;
}
.floating-chat-message--self .floating-chat-bubble-wrap[data-v-5b6fc0b9] {
  align-items: flex-end;
}
.floating-chat-message--highlight[data-v-5b6fc0b9] {
  animation: chat-message-highlight-5b6fc0b9 1.5s ease;
}
@keyframes chat-message-highlight-5b6fc0b9 {
0%, 100% { background: transparent;
}
20% { background: rgba(238, 232, 220, 0.16);
}
}
.floating-chat-bubble[data-v-5b6fc0b9] {
  padding: 8px 10px;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.16);
  border: 0;
  color: #f7f7f5;
  font-size: 0.8125rem;
  line-height: 1.45;
  word-break: break-word;
}
.floating-chat-bubble--self[data-v-5b6fc0b9] {
  background: #eee8dc;
  border-color: transparent;
  color: #191919;
}
.floating-chat-bubble--bare[data-v-5b6fc0b9] {
  background: transparent;
  padding: 0;
}
.floating-chat-message-edited[data-v-5b6fc0b9] {
  margin-left: 6px;
  font-style: italic;
  color: #c4bfb4;
}
.floating-chat-message-edited--self[data-v-5b6fc0b9] {
  margin-right: 0;
  color: #3f3b35;
}
.floating-chat-message-deleted[data-v-5b6fc0b9] {
  font-style: italic;
  color: #c4bfb4;
}
.floating-chat-bubble--deleted[data-v-5b6fc0b9] {
  opacity: 0.85;
}
.floating-chat-bubble-footer[data-v-5b6fc0b9] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  margin-top: 4px;
  line-height: 1;
}
.floating-chat-typing[data-v-5b6fc0b9] {
  padding: 4px 12px 0;
  font-size: 0.6875rem;
  color: rgba(238, 232, 220, 0.74);
  flex-shrink: 0;
}
.floating-chat-blocked-banner[data-v-5b6fc0b9] {
  flex-shrink: 0;
  padding: 12px 16px;
  border-top: 1px solid rgba(238, 232, 220, 0.12);
}
.floating-chat-blocked-banner-text[data-v-5b6fc0b9] {
  margin: 0 0 10px;
  font-size: 12px;
  color: #c4bfb4;
}
.floating-chat-blocked-unblock-btn[data-v-5b6fc0b9] {
  border: none;
  border-radius: 6px;
  padding: 7px 12px;
  font-size: 0.8125rem;
  font-weight: 500;
  background: #eee8dc;
  color: #191919;
  cursor: pointer;
}
.floating-chat-composer[data-v-5b6fc0b9] {
  flex-shrink: 0;
  padding: 8px 10px 10px;
  border-top: 1px solid rgba(238, 232, 220, 0.12);
  position: relative;
  z-index: 5;
}
.chat-file-input-hidden[data-v-5b6fc0b9] {
  display: none;
}
.floating-chat-composer-inner[data-v-5b6fc0b9] {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  padding: 6px 8px;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.1);
  border: 0;
}
.floating-chat-composer-emoji-anchor[data-v-5b6fc0b9] {
  position: relative;
  flex-shrink: 0;
  z-index: 50;
  overflow: visible;
}
.floating-chat-emoji-btn[data-v-5b6fc0b9] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: rgba(238, 232, 220, 0.78);
  cursor: pointer;
  flex-shrink: 0;
}
.floating-chat-emoji-btn[data-v-5b6fc0b9]:hover,
.floating-chat-emoji-btn--active[data-v-5b6fc0b9] {
  color: #eee8dc;
  background: rgba(238, 232, 220, 0.08);
}
.floating-chat-emoji-btn[data-v-5b6fc0b9]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.floating-chat-emoji-icon[data-v-5b6fc0b9] {
  width: 16px;
  height: 16px;
}
.floating-chat-input[data-v-5b6fc0b9] {
  max-height: 96px;
}
.floating-chat-composer[data-v-5b6fc0b9] .chat-composer-input--overlay::-moz-placeholder {
  color: #c4bfb4;
}
.floating-chat-composer[data-v-5b6fc0b9] .chat-composer-input--overlay::placeholder {
  color: #c4bfb4;
}
.floating-chat-send-btn[data-v-5b6fc0b9] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: #eee8dc;
  color: #191919;
  cursor: pointer;
  flex-shrink: 0;
}
.floating-chat-send-btn[data-v-5b6fc0b9]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.floating-chat-send-btn[data-v-5b6fc0b9]:not(:disabled):hover {
  opacity: 0.9;
}
.floating-chat-send-icon[data-v-5b6fc0b9] {
  width: 16px;
  height: 16px;
}
@media (max-width: 767px) {
.floating-chat-window[data-v-5b6fc0b9] {
    width: calc(100vw - 24px);
    height: 60vh;
}
.floating-chat-window--minimized[data-v-5b6fc0b9] {
    height: 52px;
}
}


.local-ai-chat-panel[data-v-20b4a3c4] {
  width: 100%;
  min-height: 0;
}
.local-ai-chat-panel--compact .ai-chat-messages[data-v-20b4a3c4] {
  padding: 12px;
}
.local-ai-chat-panel--compact .ai-chat-input-row[data-v-20b4a3c4] {
  padding: 10px 12px;
}
.ai-chat-action-btn[data-v-20b4a3c4] {
  padding: 8px 14px;
  border-radius: 10px;
  border: 1px solid rgba(42, 42, 42, 0.8);
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff;
  font-size: 13px;
  cursor: pointer;
}
.ai-chat-action-btn[data-v-20b4a3c4]:hover {
  background: rgba(255, 255, 255, 0.1);
}
.ai-chat-cache-bar[data-v-20b4a3c4] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 20px;
  border-bottom: 1px solid;
}
.ai-chat-cache-bar-copy[data-v-20b4a3c4] {
  min-width: 0;
  font-size: 12px;
  line-height: 1.4;
}
.ai-chat-cache-bar-label[data-v-20b4a3c4] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.ai-chat-cache-clear-btn[data-v-20b4a3c4] {
  flex-shrink: 0;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(248, 113, 113, 0.45);
  background: rgba(248, 113, 113, 0.12);
  color: #fca5a5;
  font-size: 12px;
  cursor: pointer;
}
.ai-chat-cache-clear-btn[data-v-20b4a3c4]:hover:not(:disabled) {
  background: rgba(248, 113, 113, 0.2);
}
.ai-chat-cache-clear-btn[data-v-20b4a3c4]:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.ai-chat-state[data-v-20b4a3c4] {
  flex: 1;
  display: grid;
  place-items: center;
  padding: 24px;
}
.ai-chat-state-card[data-v-20b4a3c4] {
  width: min(480px, 100%);
  border: 1px solid;
  border-radius: 16px;
  padding: 32px 24px;
  text-align: center;
}
.ai-chat-state-icon[data-v-20b4a3c4] {
  font-size: 40px;
  margin-bottom: 12px;
}
.ai-chat-state-card h2[data-v-20b4a3c4] {
  font-size: 18px;
  margin: 0 0 8px;
}
.ai-chat-state-card p[data-v-20b4a3c4] {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}
.ai-chat-spinner[data-v-20b4a3c4] {
  width: 32px;
  height: 32px;
  margin: 0 auto 16px;
  border: 3px solid rgba(255, 255, 255, 0.15);
  border-top-color: #EEE8DC;
  border-radius: 50%;
  animation: ai-chat-spin-20b4a3c4 0.8s linear infinite;
}
@keyframes ai-chat-spin-20b4a3c4 {
to { transform: rotate(360deg);
}
}
.ai-chat-progress-track[data-v-20b4a3c4] {
  margin-top: 16px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}
.ai-chat-progress-fill[data-v-20b4a3c4] {
  height: 100%;
  background: #EEE8DC;
  transition: width 0.2s ease;
}
.ai-chat-meta[data-v-20b4a3c4] {
  flex-shrink: 0;
  padding: 10px 20px;
  border-bottom: 1px solid;
  font-size: 12px;
  line-height: 1.4;
}
.ai-chat-performance[data-v-20b4a3c4] {
  flex-shrink: 0;
  padding: 14px 20px 16px;
  border-bottom: 1px solid;
}
.ai-chat-model-info[data-v-20b4a3c4] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ai-chat-model-info-main[data-v-20b4a3c4] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.ai-chat-model-info-meta[data-v-20b4a3c4] {
  font-size: 12px;
  line-height: 1.4;
}
.ai-chat-family-row[data-v-20b4a3c4] {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}
.ai-chat-family-btn[data-v-20b4a3c4] {
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(42, 42, 42, 0.8);
  background: rgba(255, 255, 255, 0.04);
  color: #b0b0b0;
  font-size: 12px;
  cursor: pointer;
}
.ai-chat-family-btn-active[data-v-20b4a3c4] {
  background: rgba(238, 232, 220, 0.15);
  color: #ffffff;
  border-color: rgba(238, 232, 220, 0.35);
}
.ai-chat-family-btn[data-v-20b4a3c4]:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.ai-chat-performance-top[data-v-20b4a3c4] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}
.ai-chat-performance-title[data-v-20b4a3c4] {
  font-size: 14px;
  font-weight: 600;
}
.ai-chat-performance-badge[data-v-20b4a3c4] {
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(238, 232, 220, 0.15);
  color: #EEE8DC;
  font-size: 11px;
  font-weight: 500;
}
.ai-chat-performance-sub[data-v-20b4a3c4] {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.45;
}
.ai-chat-model-dropdown[data-v-20b4a3c4] {
  position: relative;
  margin-bottom: 12px;
}
.ai-chat-model-dropdown-label[data-v-20b4a3c4] {
  display: block;
  margin-bottom: 8px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.ai-chat-model-dropdown-trigger[data-v-20b4a3c4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 12px 14px;
  border: 1px solid;
  border-radius: 12px;
  text-align: left;
  cursor: pointer;
}
.ai-chat-model-dropdown-trigger[data-v-20b4a3c4]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ai-chat-model-dropdown-current[data-v-20b4a3c4] {
  min-width: 0;
  flex: 1;
}
.ai-chat-model-dropdown-current-top[data-v-20b4a3c4],
.ai-chat-model-dropdown-option-top[data-v-20b4a3c4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.ai-chat-model-dropdown-name[data-v-20b4a3c4] {
  font-size: 13px;
  font-weight: 600;
  word-break: break-word;
}
.ai-chat-model-dropdown-current-meta[data-v-20b4a3c4],
.ai-chat-model-dropdown-option-meta[data-v-20b4a3c4] {
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.45;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.ai-chat-model-dropdown-option-sub[data-v-20b4a3c4] {
  margin-top: 4px;
  font-size: 11px;
}
.ai-chat-model-dropdown-chevron[data-v-20b4a3c4] {
  flex-shrink: 0;
  color: #928787;
  font-size: 12px;
}
.ai-chat-model-dropdown-menu[data-v-20b4a3c4] {
  position: absolute;
  z-index: 20;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  max-height: 320px;
  overflow-y: auto;
  padding: 6px;
  border: 0;
  border-radius: 6px;
  background:
    linear-gradient(165deg, rgba(238, 232, 220, 0.06), transparent 60%),
    rgba(46, 34, 24, 0.42);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}
.ai-chat-model-dropdown-option[data-v-20b4a3c4] {
  display: block;
  width: 100%;
  padding: 8px 10px;
  border: none;
  border-radius: 6px;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.ai-chat-model-dropdown-option[data-v-20b4a3c4]:hover {
  background: rgba(238, 232, 220, 0.07);
}
.ai-chat-model-dropdown-option-active[data-v-20b4a3c4] {
  background: rgba(238, 232, 220, 0.08);
}
.ai-chat-moderation-badge[data-v-20b4a3c4] {
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.ai-chat-moderation-badge--jailbroken[data-v-20b4a3c4] {
  background: rgba(248, 113, 113, 0.15);
  color: #fca5a5;
}
.ai-chat-moderation-badge--unfiltered[data-v-20b4a3c4] {
  background: rgba(251, 191, 36, 0.15);
  color: #fcd34d;
}
.ai-chat-moderation-badge--standard[data-v-20b4a3c4] {
  background: rgba(110, 176, 232, 0.15);
  color: #93c5fd;
}
.ai-chat-tier-picker[data-v-20b4a3c4] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}
.ai-chat-tier-chip[data-v-20b4a3c4] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid rgba(42, 42, 42, 0.8);
  background: rgba(255, 255, 255, 0.04);
  color: #b0b0b0;
  font-size: 12px;
  cursor: pointer;
  min-width: 88px;
}
.ai-chat-tier-chip-active[data-v-20b4a3c4] {
  background: rgba(238, 232, 220, 0.15);
  color: #ffffff;
  border-color: rgba(238, 232, 220, 0.35);
}
.ai-chat-tier-chip[data-v-20b4a3c4]:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.ai-chat-tier-chip-label[data-v-20b4a3c4] {
  font-weight: 600;
}
.ai-chat-tier-chip-meta[data-v-20b4a3c4] {
  font-size: 11px;
  opacity: 0.85;
}
.ai-chat-model-params[data-v-20b4a3c4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
  font-size: 11px;
  line-height: 1.4;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.ai-chat-model-params-sep[data-v-20b4a3c4] {
  opacity: 0.55;
}
.ai-chat-memory-note[data-v-20b4a3c4] {
  margin-bottom: 12px;
  font-size: 11px;
  line-height: 1.45;
}
.ai-chat-memory-note-warn[data-v-20b4a3c4] {
  font-weight: 500;
}
.ai-chat-downloads[data-v-20b4a3c4] {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid;
}
.ai-chat-downloads-toggle[data-v-20b4a3c4] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 0;
  border: none;
  background: transparent;
  font-size: 12px;
  cursor: pointer;
  text-align: left;
}
.ai-chat-downloads-summary[data-v-20b4a3c4] {
  margin-left: auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 11px;
}
.ai-chat-downloads-chevron[data-v-20b4a3c4] {
  width: 12px;
  text-align: center;
}
.ai-chat-downloads-panel[data-v-20b4a3c4] {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ai-chat-downloads-empty[data-v-20b4a3c4] {
  font-size: 12px;
}
.ai-chat-download-row[data-v-20b4a3c4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid;
  border-radius: 10px;
}
.ai-chat-download-main[data-v-20b4a3c4] {
  min-width: 0;
}
.ai-chat-download-name[data-v-20b4a3c4] {
  font-size: 12px;
  font-weight: 600;
  word-break: break-word;
}
.ai-chat-download-active[data-v-20b4a3c4] {
  margin-left: 8px;
  padding: 1px 6px;
  border-radius: 999px;
  background: rgba(238, 232, 220, 0.15);
  color: #EEE8DC;
  font-size: 10px;
  font-weight: 500;
}
.ai-chat-download-meta[data-v-20b4a3c4] {
  margin-top: 4px;
  font-size: 11px;
}
.ai-chat-download-remove[data-v-20b4a3c4] {
  flex-shrink: 0;
  padding: 7px 10px;
  border-radius: 8px;
  border: 1px solid rgba(248, 113, 113, 0.35);
  background: rgba(248, 113, 113, 0.08);
  color: #fca5a5;
  font-size: 11px;
  cursor: pointer;
}
.ai-chat-download-remove[data-v-20b4a3c4]:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.ai-chat-performance-actions[data-v-20b4a3c4] {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}
.ai-chat-tier-btn[data-v-20b4a3c4] {
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid rgba(42, 42, 42, 0.8);
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff;
  font-size: 12px;
  cursor: pointer;
}
.ai-chat-tier-btn[data-v-20b4a3c4]:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.1);
}
.ai-chat-tier-btn[data-v-20b4a3c4]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.ai-chat-performance-bar[data-v-20b4a3c4] {
  margin-top: 4px;
}
.ai-chat-performance-track[data-v-20b4a3c4] {
  position: relative;
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: visible;
}
.ai-chat-performance-fill[data-v-20b4a3c4] {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(110, 176, 232, 0.55), rgba(238, 232, 220, 0.85));
  transition: width 0.25s ease;
}
.ai-chat-performance-marker[data-v-20b4a3c4] {
  position: absolute;
  top: 50%;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  margin-top: -6px;
  border-radius: 50%;
  background: #EEE8DC;
  box-shadow: 0 0 0 3px rgba(238, 232, 220, 0.2);
  transition: left 0.25s ease;
}
.ai-chat-performance-labels[data-v-20b4a3c4] {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  font-size: 11px;
}
.ai-chat-messages[data-v-20b4a3c4] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ai-chat-message-label[data-v-20b4a3c4] {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #928787;
  margin-bottom: 6px;
}
.ai-chat-message-body[data-v-20b4a3c4] {
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid;
  font-size: 14px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
.ai-chat-message-body--markdown[data-v-20b4a3c4] {
  white-space: normal;
}
.ai-chat-message-body--markdown[data-v-20b4a3c4] p {
  margin: 0 0 0.75em;
}
.ai-chat-message-body--markdown[data-v-20b4a3c4] p:last-child {
  margin-bottom: 0;
}
.ai-chat-message-body--markdown[data-v-20b4a3c4] h1,
.ai-chat-message-body--markdown[data-v-20b4a3c4] h2,
.ai-chat-message-body--markdown[data-v-20b4a3c4] h3,
.ai-chat-message-body--markdown[data-v-20b4a3c4] h4 {
  margin: 1em 0 0.5em;
  font-weight: 600;
  line-height: 1.3;
}
.ai-chat-message-body--markdown[data-v-20b4a3c4] h1 { font-size: 1.25em;
}
.ai-chat-message-body--markdown[data-v-20b4a3c4] h2 { font-size: 1.15em;
}
.ai-chat-message-body--markdown[data-v-20b4a3c4] h3,
.ai-chat-message-body--markdown[data-v-20b4a3c4] h4 { font-size: 1.05em;
}
.ai-chat-message-body--markdown[data-v-20b4a3c4] h1:first-child,
.ai-chat-message-body--markdown[data-v-20b4a3c4] h2:first-child,
.ai-chat-message-body--markdown[data-v-20b4a3c4] h3:first-child {
  margin-top: 0;
}
.ai-chat-message-body--markdown[data-v-20b4a3c4] ul,
.ai-chat-message-body--markdown[data-v-20b4a3c4] ol {
  margin: 0.5em 0 0.75em;
  padding-left: 1.4em;
}
.ai-chat-message-body--markdown[data-v-20b4a3c4] li {
  margin: 0.25em 0;
}
.ai-chat-message-body--markdown[data-v-20b4a3c4] li > ul,
.ai-chat-message-body--markdown[data-v-20b4a3c4] li > ol {
  margin: 0.25em 0;
}
.ai-chat-message-body--markdown[data-v-20b4a3c4] blockquote {
  margin: 0.75em 0;
  padding-left: 0.9em;
  border-left: 3px solid rgba(238, 232, 220, 0.35);
  color: #b0b0b0;
}
.ai-chat-message-body--markdown[data-v-20b4a3c4] hr {
  margin: 1em 0;
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.ai-chat-message-body--markdown[data-v-20b4a3c4] pre {
  margin: 0.75em 0;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.25);
  overflow-x: auto;
  white-space: pre-wrap;
}
.ai-chat-message-body--markdown[data-v-20b4a3c4] code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.92em;
}
.ai-chat-message-body--markdown[data-v-20b4a3c4] p code,
.ai-chat-message-body--markdown[data-v-20b4a3c4] li code {
  padding: 0.1em 0.35em;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.22);
}
.ai-chat-message-body--markdown[data-v-20b4a3c4] a {
  color: #93c5fd;
  text-decoration: underline;
}
.ai-chat-message-body--markdown[data-v-20b4a3c4] strong {
  font-weight: 600;
  color: #f5f5f5;
}
.ai-chat-message-body--streaming[data-v-20b4a3c4] {
  padding: 8px 12px;
  white-space: pre-wrap;
}
.ai-chat-message--live[data-v-20b4a3c4] {
  margin-top: -4px;
}
.ai-chat-typing-row[data-v-20b4a3c4] {
  align-self: flex-start;
  padding: 0;
  margin: 0;
}
.ai-chat-typing-text[data-v-20b4a3c4] {
  font-size: 13px;
  line-height: 1.4;
  color: #928787;
}
.ai-chat-loading-row[data-v-20b4a3c4] {
  align-self: flex-start;
  padding: 0;
  margin: 0 0 8px;
  width: min(100%, 520px);
}
.ai-chat-loading-text[data-v-20b4a3c4] {
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 8px;
}
.ai-chat-message-user[data-v-20b4a3c4] {
  align-self: flex-end;
  max-width: min(720px, 85%);
}
.ai-chat-message-assistant[data-v-20b4a3c4] {
  align-self: flex-start;
  max-width: min(720px, 92%);
}
.ai-chat-error[data-v-20b4a3c4] {
  font-size: 13px;
  padding: 8px 12px;
}
.ai-chat-input-row[data-v-20b4a3c4] {
  flex-shrink: 0;
  display: flex;
  gap: 10px;
  padding: 16px 20px;
  border-top: 1px solid;
}
.ai-chat-input[data-v-20b4a3c4] {
  flex: 1;
  min-height: 44px;
  max-height: 160px;
  resize: vertical;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid;
  font-size: 14px;
  outline: none;
}
.ai-chat-input[data-v-20b4a3c4]:focus {
  box-shadow: 0 0 0 2px rgba(238, 232, 220, 0.25);
}
.ai-chat-send-btn[data-v-20b4a3c4] {
  align-self: flex-end;
  padding: 10px 18px;
  border: none;
  border-radius: 12px;
  background: #EEE8DC;
  color: #191919;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.ai-chat-send-btn[data-v-20b4a3c4]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ai-chat-retry-btn[data-v-20b4a3c4] {
  margin-top: 16px;
  padding: 10px 18px;
  border: none;
  border-radius: 12px;
  background: #EEE8DC;
  color: #191919;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.ai-chat-settings-link[data-v-20b4a3c4] {
  display: inline-block;
  margin-top: 16px;
  padding: 10px 18px;
  border-radius: 12px;
  background: #EEE8DC;
  color: #191919;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}


.floating-chat-window[data-v-e8262efc] {
  display: flex;
  flex-direction: column;
  width: 380px;
  height: min(560px, calc(100vh - 120px));
  border: 1px solid #2a2a2a;
  border-radius: 12px;
  background: #202020;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.45);
  overflow: hidden;
  font-family: "Fustat", sans-serif;
}
.floating-chat-window--minimized[data-v-e8262efc] {
  height: auto;
}
.floating-chat-header[data-v-e8262efc] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(42, 42, 42, 0.5);
  flex-shrink: 0;
}
.floating-chat-window--minimized .floating-chat-header[data-v-e8262efc] {
  border-bottom: none;
}
.floating-chat-header-main[data-v-e8262efc] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 0;
  cursor: pointer;
}
.floating-chat-avatar[data-v-e8262efc] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  flex-shrink: 0;
}
.floating-chat-avatar--header[data-v-e8262efc] {
  width: 32px;
  height: 32px;
}
.floating-chat-header-text[data-v-e8262efc] {
  flex: 1;
  min-width: 0;
}
.floating-chat-title[data-v-e8262efc] {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.floating-chat-title-name[data-v-e8262efc] {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.floating-chat-subtitle[data-v-e8262efc] {
  font-size: 10px;
  color: #928787;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.floating-chat-header-actions[data-v-e8262efc] {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}
.floating-chat-icon-btn[data-v-e8262efc] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #928787;
  cursor: pointer;
}
.floating-chat-icon-btn[data-v-e8262efc]:hover {
  background: #202020;
}
.floating-chat-action-icon[data-v-e8262efc] {
  width: 16px;
  height: 16px;
}
.floating-local-ai-window[data-v-e8262efc] {
  width: 380px;
}
@media (max-width: 767px) {
.floating-local-ai-window[data-v-e8262efc] {
    width: calc(100vw - 24px);
    max-width: 380px;
}
}
.floating-local-ai-panel[data-v-e8262efc] {
  flex: 1;
  min-height: 0;
}
.floating-local-ai-avatar[data-v-e8262efc] {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.floating-local-ai-avatar-label[data-v-e8262efc] {
  line-height: 1;
}


.chat-sidebar-preview[data-v-641cfdef] {
  overflow: hidden;
  min-width: 0;
  max-width: 100%;
  height: 16px;
  line-height: 16px;
}


.floating-chat-root[data-v-0935a169] {
  font-family: "Fustat", sans-serif;
}
.floating-chat-windows[data-v-0935a169] {
  position: fixed;
  right: calc(20px + var(--ark-portable-video-clearance, 0px));
  bottom: 20px;
  z-index: 60;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  gap: 12px;
  transition: right 0.28s cubic-bezier(0.32, 0.06, 0.12, 1);
}
@media (max-width: 1023px) {
.floating-chat-windows[data-v-0935a169] {
    bottom: 88px;
}
}
@media (max-width: 767px) {
.floating-chat-windows[data-v-0935a169] {
    right: calc(12px + var(--ark-portable-video-clearance, 0px));
    left: 12px;
    justify-content: flex-end;
}
}
.floating-chat-launcher[data-v-0935a169] {
  --hw-beige: #eee8dc;
  --hw-tint-rgb: 238, 232, 220;
  position: fixed;
  top: calc(var(--app-header-bar-height) + var(--app-header-top-offset) + 16px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 61;
  display: flex;
  flex-direction: column;
  width: min(300px, calc(100vw - 32px));
  max-height: 60vh;
  padding: 6px;
  border: 0;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.075);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
  overflow: hidden;
  animation: island-chat-in-0935a169 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes island-chat-in-0935a169 {
from {
    opacity: 0;
    transform: translateX(-50%) translateY(-6px);
}
to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}
}
.floating-chat-launcher-header[data-v-0935a169] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 8px 6px;
  flex-shrink: 0;
}
.floating-chat-launcher-title[data-v-0935a169] {
  font-size: 0.625rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(238, 232, 220, 0.42);
}
.floating-chat-avatar[data-v-0935a169] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 600;
  color: #191919;
}
.floating-chat-presence-dot[data-v-0935a169] {
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #6b7280;
  border: 1.5px solid #191919;
  box-sizing: border-box;
  z-index: 2;
}
.floating-chat-presence-dot.is-online[data-v-0935a169] {
  background: #22c55e;
}
.floating-chat-presence-dot.is-dnd[data-v-0935a169] {
  background: #f59e0b;
}
.floating-chat-avatar--picker[data-v-0935a169] {
  width: 22px;
  height: 22px;
  font-size: 8px;
}
.floating-chat-avatar-hash[data-v-0935a169] {
  width: 14px;
  height: 14px;
}
.floating-chat-icon-btn[data-v-0935a169] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: rgba(238, 232, 220, 0.55);
  cursor: pointer;
}
.floating-chat-icon-btn[data-v-0935a169]:hover {
  background: rgba(238, 232, 220, 0.07);
  color: #eee8dc;
}
.floating-chat-action-icon[data-v-0935a169] {
  width: 16px;
  height: 16px;
}
.floating-chat-picker[data-v-0935a169] {
  flex: 1;
  overflow-y: auto;
}
.floating-chat-picker-item[data-v-0935a169] {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #eee8dc;
  text-align: left;
  font: inherit;
  cursor: pointer;
  overflow: hidden;
}
.floating-chat-picker-item[data-v-0935a169]:hover {
  background: rgba(238, 232, 220, 0.07);
}
.floating-chat-picker-body[data-v-0935a169] {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.floating-chat-picker-top[data-v-0935a169] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.floating-chat-picker-name[data-v-0935a169] {
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #f7f7f5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.floating-chat-picker-time[data-v-0935a169] {
  font-size: 0.6875rem;
  font-weight: 400;
  color: #d2cdc2;
  flex-shrink: 0;
}
.floating-chat-picker-preview[data-v-0935a169] {
  margin-top: 2px;
  font-size: 0.75rem;
  line-height: 1.35;
  height: auto;
  color: #e8e4da;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.floating-chat-picker-badge[data-v-0935a169] {
  min-width: 9px;
  width: 9px;
  height: 9px;
  padding: 0;
  border-radius: 999px;
  background: #A6372F;
  color: transparent;
  font-size: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.floating-chat-mode-toggle[data-v-0935a169] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
  padding: 0 4px 6px;
}
.floating-chat-mode-btn[data-v-0935a169] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 8px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: rgba(238, 232, 220, 0.55);
  font-size: 0.75rem;
  font-weight: 400;
  cursor: pointer;
}
.floating-chat-mode-btn-active[data-v-0935a169] {
  background: rgba(238, 232, 220, 0.07);
  color: #eee8dc;
}
.floating-chat-filter-row[data-v-0935a169] {
  display: flex;
  gap: 2px;
  padding: 0 4px 6px;
}
.floating-chat-filter-btn[data-v-0935a169] {
  flex: 1;
  border: none;
  border-radius: 6px;
  padding: 5px 6px;
  font-size: 0.6875rem;
  font-weight: 400;
  color: rgba(238, 232, 220, 0.48);
  background: transparent;
  cursor: pointer;
}
.floating-chat-filter-btn-active[data-v-0935a169] {
  background: rgba(238, 232, 220, 0.07);
  color: #eee8dc;
}
.chat-blocked-badge[data-v-0935a169] {
  margin-left: 6px;
  font-size: 10px;
  font-weight: 600;
  color: #928787;
}
.floating-chat-search-wrap[data-v-0935a169] {
  position: relative;
  margin: 0 4px 6px;
  flex-shrink: 0;
}
.floating-chat-search-icon[data-v-0935a169] {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  color: rgba(238, 232, 220, 0.42);
  pointer-events: none;
}
.floating-chat-search-input[data-v-0935a169] {
  width: 100%;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.06);
  border: 0;
  padding: 7px 10px 7px 32px;
  font-size: 0.8125rem;
  color: #eee8dc;
  outline: none;
}
.floating-chat-search-input[data-v-0935a169]:focus {
  background: rgba(238, 232, 220, 0.09);
}
.floating-chat-search-snippet[data-v-0935a169] {
  font-size: 0.75rem;
  line-height: 1.35;
  color: #e8e4da;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.floating-chat-search-sender[data-v-0935a169] {
  color: #b8b0a6;
  font-weight: 500;
}
.floating-chat-picker-section-label[data-v-0935a169] {
  padding: 8px 12px 4px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #928787;
}
.floating-chat-picker-empty--section[data-v-0935a169] {
  padding: 8px 12px 12px;
}
.floating-chat-picker-empty[data-v-0935a169] {
  padding: 16px 10px;
  text-align: center;
  font-size: 0.75rem;
  color: rgba(238, 232, 220, 0.48);
}
.floating-local-ai-avatar[data-v-0935a169] {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.floating-local-ai-avatar-label[data-v-0935a169] {
  line-height: 1;
}
.floating-chat-picker-new[data-v-0935a169] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  margin: 2px 0 0;
  padding: 8px 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #eee8dc;
  font-size: 0.8125rem;
  font-weight: 400;
  cursor: pointer;
  flex-shrink: 0;
}
.floating-chat-picker-new[data-v-0935a169]:hover {
  background: rgba(238, 232, 220, 0.07);
}
.floating-chat-dialog-overlay[data-v-0935a169] {
  position: fixed;
  inset: 0;
  z-index: 70;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(0, 0, 0, 0.62);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.floating-chat-dialog[data-v-0935a169] {
  --hw-tint-rgb: 238, 232, 220;
  width: 100%;
  max-width: 360px;
  padding: 14px;
  border-radius: 6px;
  border: 0;
  background: rgba(238, 232, 220, 0.075);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
}
.floating-chat-dialog-header[data-v-0935a169] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.floating-chat-dialog-header h3[data-v-0935a169] {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #eee8dc;
}
.floating-chat-dialog-choice[data-v-0935a169],
.floating-chat-dialog-link[data-v-0935a169],
.floating-chat-dialog-submit[data-v-0935a169] {
  width: 100%;
  margin-top: 6px;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 0.8125rem;
  cursor: pointer;
}
.floating-chat-dialog-choice[data-v-0935a169] {
  border: 0;
  background: rgba(238, 232, 220, 0.06);
  color: #eee8dc;
  text-align: left;
}
.floating-chat-dialog-link[data-v-0935a169] {
  border: none;
  background: transparent;
  color: #eee8dc;
}
.floating-chat-dialog-select[data-v-0935a169],
.floating-chat-dialog-input[data-v-0935a169] {
  width: 100%;
  margin-top: 8px;
  padding: 8px 10px;
  border-radius: 6px;
  border: 0;
  background: rgba(238, 232, 220, 0.06);
  color: #eee8dc;
  font-size: 0.8125rem;
}
.floating-chat-dialog-members[data-v-0935a169] {
  max-height: 180px;
  overflow-y: auto;
  margin-top: 8px;
}
.floating-chat-dialog-member[data-v-0935a169] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  font-size: 13px;
  color: #eee8dc;
}
.floating-chat-dialog-submit[data-v-0935a169] {
  border: none;
  background: #eee8dc;
  color: #191919;
  font-weight: 500;
}
.floating-chat-dialog-submit[data-v-0935a169]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}


.create-space-kicker[data-v-4844a21a] {
  margin: 0 0 6px;
  font-size: 0.6875rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(238, 232, 220, 0.48);
}
.create-space-title[data-v-4844a21a] {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 500;
  letter-spacing: 0.01em;
}
.create-space-lead[data-v-4844a21a] {
  margin: 6px 0 0;
  font-size: 0.8125rem;
  line-height: 1.45;
}
.create-space-dots[data-v-4844a21a] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
}
.create-space-dots li[data-v-4844a21a] {
  height: 2px;
  border-radius: 999px;
  background: rgba(238, 232, 220, 0.12);
}
.create-space-dots li.is-done[data-v-4844a21a] {
  background: rgba(183, 203, 216, 0.42);
}
.create-space-dots li.is-on[data-v-4844a21a] {
  background: #b7cbd8;
}
.create-space-step[data-v-4844a21a] {
  margin-top: 18px;
}
.create-space-input[data-v-4844a21a] {
  width: 100%;
  box-sizing: border-box;
  min-height: 40px;
  background: rgba(238, 232, 220, 0.08);
  border: 1px solid rgba(238, 232, 220, 0.12);
  border-radius: 6px;
  color: #eee8dc;
  font-size: 14px;
  line-height: 1.4;
  padding: 8px 14px;
}
.create-space-input[data-v-4844a21a]::-moz-placeholder {
  color: rgba(238, 232, 220, 0.42);
}
.create-space-input[data-v-4844a21a]::placeholder {
  color: rgba(238, 232, 220, 0.42);
}
.create-space-input[data-v-4844a21a]:focus {
  outline: none;
  border-color: rgba(238, 232, 220, 0.28);
}
.create-space-row[data-v-4844a21a] {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 10px;
}
.create-space-step .ark-fg-sec[data-v-4844a21a] {
  margin-top: 14px;
}
.create-space-textarea[data-v-4844a21a] {
  resize: vertical;
  min-height: 88px;
}
.create-space-hint[data-v-4844a21a] {
  margin: 10px 0 0;
  font-size: 0.8125rem;
  line-height: 1.45;
}
.create-space-logo[data-v-4844a21a] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 148px;
  border: 1px dashed rgba(238, 232, 220, 0.18);
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.06);
  cursor: pointer;
  overflow: hidden;
  transition: background 0.16s ease, border-color 0.16s ease;
}
.create-space-logo[data-v-4844a21a]:hover {
  background: rgba(183, 203, 216, 0.1);
  border-color: rgba(183, 203, 216, 0.32);
}
.create-space-logo-empty[data-v-4844a21a] {
  color: rgba(238, 232, 220, 0.48);
  font-size: 0.8125rem;
}
.create-space-logo-img[data-v-4844a21a] {
  width: 100%;
  height: 148px;
  -o-object-fit: cover;
     object-fit: cover;
}
.create-space-text-btn[data-v-4844a21a] {
  margin-top: 10px;
  background: none;
  border: none;
  color: rgba(238, 232, 220, 0.62);
  cursor: pointer;
  padding: 0;
  font-size: 0.8125rem;
}
.create-space-text-btn[data-v-4844a21a]:hover {
  color: #eee8dc;
}
.create-space-people[data-v-4844a21a] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
  max-height: 220px;
  overflow-y: auto;
}
.create-space-person[data-v-4844a21a] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.06);
  cursor: pointer;
}
.create-space-person[data-v-4844a21a]:hover,
.create-space-person[data-v-4844a21a]:has(input:checked) {
  background: rgba(238, 232, 220, 0.1);
}
.create-space-person input[data-v-4844a21a] {
  accent-color: #b7cbd8;
}
.create-space-person-avatar[data-v-4844a21a] {
  width: 28px;
  height: 28px;
  font-size: 11px;
}
.create-space-person-copy[data-v-4844a21a] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  font-size: 0.8125rem;
}
.create-space-person-copy span[data-v-4844a21a]:last-child {
  font-size: 0.75rem;
}
.create-space-error[data-v-4844a21a] {
  margin: 14px 0 0;
  color: #f87171;
  font-size: 0.8125rem;
}
.create-space-nav[data-v-4844a21a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid rgba(238, 232, 220, 0.08);
}
.create-space-ghost[data-v-4844a21a],
.create-space-next[data-v-4844a21a] {
  min-height: 40px;
  border: 0;
  cursor: pointer;
  font-size: 0.8125rem;
  padding: 8px 16px;
  border-radius: 6px;
}
.create-space-ghost[data-v-4844a21a] {
  background: transparent;
  color: rgba(238, 232, 220, 0.72);
}
.create-space-ghost[data-v-4844a21a]:hover:not(:disabled) {
  background: rgba(238, 232, 220, 0.06);
  color: #eee8dc;
}
.create-space-next[data-v-4844a21a] {
  background: rgba(238, 232, 220, 0.14);
  color: #eee8dc;
}
.create-space-next[data-v-4844a21a]:hover:not(:disabled) {
  background: rgba(238, 232, 220, 0.2);
}
.create-space-ghost[data-v-4844a21a]:disabled,
.create-space-next[data-v-4844a21a]:disabled {
  opacity: 0.4;
  cursor: default;
}
.create-space-meter[data-v-4844a21a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
.create-space-meter-label[data-v-4844a21a] {
  margin: 0 0 8px;
  font-size: 0.8125rem;
}
.create-space-stepper[data-v-4844a21a] {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  padding: 2px;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.06);
}
.create-space-stepper-btn[data-v-4844a21a] {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #eee8dc;
  font-size: 1.05rem;
  line-height: 1;
  cursor: pointer;
}
.create-space-stepper-btn[data-v-4844a21a]:hover:not(:disabled) {
  background: rgba(238, 232, 220, 0.1);
}
.create-space-stepper-btn[data-v-4844a21a]:disabled {
  opacity: 0.35;
  cursor: default;
}
.create-space-stepper-value[data-v-4844a21a] {
  min-width: 2.2ch;
  text-align: center;
  color: #eee8dc;
  font-size: 0.9375rem;
  font-variant-numeric: tabular-nums;
}
.create-space-chips[data-v-4844a21a] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 18px;
}
.create-space-chip[data-v-4844a21a] {
  border: 0;
  background: rgba(238, 232, 220, 0.06);
  color: rgba(238, 232, 220, 0.62);
  border-radius: 6px;
  padding: 7px 12px;
  font-size: 0.8125rem;
  cursor: pointer;
}
.create-space-chip[data-v-4844a21a]:hover {
  background: rgba(238, 232, 220, 0.1);
  color: #eee8dc;
}
.create-space-chip.is-on[data-v-4844a21a] {
  background: rgba(183, 203, 216, 0.22);
  box-shadow: inset 0 0 0 1px rgba(183, 203, 216, 0.45);
  color: #eee8dc;
}
.create-space-receipt[data-v-4844a21a] {
  margin: 18px 0 0;
  padding: 12px 14px;
  background: rgba(238, 232, 220, 0.06);
  border-radius: 6px;
}
.create-space-receipt > div[data-v-4844a21a] {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 0.8125rem;
  color: rgba(238, 232, 220, 0.62);
  padding: 5px 0;
}
.create-space-receipt dt[data-v-4844a21a],
.create-space-receipt dd[data-v-4844a21a] {
  margin: 0;
}
.create-space-receipt .is-total[data-v-4844a21a] {
  margin-top: 4px;
  padding-top: 10px;
  border-top: 1px solid rgba(238, 232, 220, 0.1);
  color: #eee8dc;
  font-size: 0.875rem;
  font-weight: 500;
}
.sr-only[data-v-4844a21a] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}


.app-sidebar-panel[data-v-6843aac3] {
  width: 220px;
  overflow: hidden;
  overflow-x: hidden;
  background-color: transparent;
}
.app-sidebar-panel.is-rail-collapsed[data-v-6843aac3] {
  overflow-x: hidden;
  overflow-y: visible;
}
@media (min-width: 768px) {
.app-sidebar-panel[data-v-6843aac3] {
    width: var(--app-sidebar-width);
}
}
.app-page-stage[data-v-6843aac3] {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.app-main-with-sidebar[data-v-6843aac3] {
  padding-left: 0;
}
@media (min-width: 768px) {
.app-main-with-sidebar[data-v-6843aac3] {
    padding-left: var(--app-sidebar-width);
}
}
.company-switcher-select[data-v-6843aac3] .vs__dropdown-toggle {
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  color: rgb(203, 213, 225);
  min-height: 36px;
}
.company-switcher-select[data-v-6843aac3] .vs__selected {
  color: rgb(203, 213, 225);
}
.company-switcher-select[data-v-6843aac3] .vs__dropdown-menu {
  background-color: #0b0d14;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.company-switcher-select[data-v-6843aac3] .vs__dropdown-option--highlight {
  background-color: rgba(255, 255, 255, 0.1);
}
.company-switcher-select[data-v-6843aac3] .vs__open-indicator {
  fill: rgb(148, 163, 184);
}
.space-pending-banner[data-v-6843aac3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 12px 16px 0;
  padding: 10px 14px;
  border-radius: 12px;
  background: rgba(180, 83, 9, 0.18);
  border: 1px solid rgba(251, 191, 36, 0.35);
  color: #fde68a;
  font-size: 0.875rem;
}
.space-pending-banner p[data-v-6843aac3] {
  margin: 0;
}
.space-pending-banner-undo[data-v-6843aac3] {
  flex-shrink: 0;
  border: none;
  background: none;
  color: #eee8dc;
  cursor: pointer;
  font-size: 0.8125rem;
  text-decoration: underline;
  padding: 0;
}
.space-pending-banner-undo[data-v-6843aac3]:disabled {
  opacity: 0.4;
  cursor: default;
}


.app-nav-side-menu[data-v-6c575dc1] {
  position: relative;
  width: 100%;
  flex-shrink: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: transparent;
  padding-top: var(--app-header-top-offset);
  overflow: hidden;
  overflow-x: hidden;
}
.nav-workspace-row[data-v-6c575dc1] {
  box-sizing: border-box;
  height: var(--app-header-bar-height);
  min-height: var(--app-header-bar-height);
  flex-shrink: 0;
}
.nav-workspace-block[data-v-6c575dc1] {
  position: relative;
}
.nav-workspace-switcher[data-v-6c575dc1] {
  display: flex;
  align-items: center;
  gap: 10px;
  width: calc(100% - 16px);
  margin: 0 8px 4px;
  padding: 8px 28px 8px 8px;
  border: none;
  background: transparent;
  color: inherit;
  cursor: pointer;
  border-radius: 8px;
  text-align: left;
  transition:
    gap var(--app-sidebar-duration) var(--app-sidebar-ease),
    padding var(--app-sidebar-duration) var(--app-sidebar-ease),
    width var(--app-sidebar-duration) var(--app-sidebar-ease),
    margin var(--app-sidebar-duration) var(--app-sidebar-ease);
}
.nav-workspace-switcher[data-v-6c575dc1]:hover {
  background: rgba(255, 255, 255, 0.05);
}
.nav-workspace-logo[data-v-6c575dc1] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  flex-shrink: 0;
}
.nav-workspace-person[data-v-6c575dc1] {
  font-size: 11px;
  font-weight: 600;
  color: #fff;
}
.nav-workspace-name[data-v-6c575dc1] {
  min-width: 0;
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--ark-text);
  max-width: 110px;
  opacity: 1;
  transition:
    opacity var(--app-sidebar-duration) var(--app-sidebar-ease),
    max-width var(--app-sidebar-duration) var(--app-sidebar-ease);
}
.nav-workspace-switch[data-v-6c575dc1] {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  margin-left: auto;
  opacity: 0.7;
  color: #eee8dc;
  transition:
    opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.78s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-workspace-switcher:hover .nav-workspace-switch[data-v-6c575dc1],
.is-workspace .nav-workspace-switch[data-v-6c575dc1] {
  opacity: 1;
}
.is-workspace .nav-workspace-switch[data-v-6c575dc1] {
  transform: rotate(180deg);
}
.nav-links[data-v-6c575dc1] {
  position: relative;
  flex: 0 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 4px 8px 8px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  background: transparent;
}
.nav-links-wrap[data-v-6c575dc1] {
  position: relative;
  flex: 0 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.has-pw-rule .nav-links-wrap[data-v-6c575dc1]::after {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 8px;
  right: 0;
  width: 1px;
  background: rgba(238, 232, 220, 0.16);
  pointer-events: none;
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  animation: pw-rule-in-6c575dc1 1.85s cubic-bezier(0.4, 0, 0.2, 1) 0.92s both;
}
@keyframes pw-rule-in-6c575dc1 {
from {
    opacity: 0;
    transform: scaleY(0);
}
to {
    opacity: 1;
    transform: scaleY(1);
}
}
@media (max-width: 767px) {
.has-pw-rule .nav-links-wrap[data-v-6c575dc1]::after {
    display: none;
}
}
.nav-link-indicator[data-v-6c575dc1] {
  position: absolute;
  left: 0;
  z-index: 0;
  height: 0;
  width: 0;
  border-radius: 6px;
  pointer-events: none;
  opacity: 0;
  background: rgba(238, 232, 220, 0.045);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}
.nav-link-indicator.is-ready[data-v-6c575dc1] {
  opacity: 1;
  transition:
    top 0.7s cubic-bezier(0.4, 0, 0.2, 1),
    left 0.7s cubic-bezier(0.4, 0, 0.2, 1),
    width 0.7s cubic-bezier(0.4, 0, 0.2, 1),
    height 0.7s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-link-indicator.is-following[data-v-6c575dc1] {
  transition: none;
}
.nav-links.is-reordering .nav-link-indicator[data-v-6c575dc1] {
  opacity: 0;
}
.nav-links-list[data-v-6c575dc1] {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.nav-links.is-reordering[data-v-6c575dc1] {
  cursor: grabbing;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.nav-link-slot[data-v-6c575dc1] {
  position: relative;
  min-width: 0;
  max-width: 100%;
  touch-action: none;
}
.nav-link-slot--origin .nav-link[data-v-6c575dc1],
.nav-link-slot--origin .nav-link-handle[data-v-6c575dc1] {
  visibility: hidden;
}
.nav-link-slot--origin[data-v-6c575dc1]::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 6px;
  border: 1.5px dashed rgba(238, 232, 220, 0.28);
  background: rgba(238, 232, 220, 0.04);
  pointer-events: none;
}
.nav-link-slot--before[data-v-6c575dc1]::before,
.nav-link-slot--after[data-v-6c575dc1]::after {
  content: '';
  position: absolute;
  left: 10px;
  right: 10px;
  height: 2px;
  border-radius: 999px;
  background: rgba(238, 232, 220, 0.55);
  pointer-events: none;
  z-index: 2;
}
.nav-link-slot--before[data-v-6c575dc1]::before {
  top: -1px;
}
.nav-link-slot--after[data-v-6c575dc1]::after {
  bottom: -1px;
}
.nav-link-handle[data-v-6c575dc1] {
  position: absolute;
  top: 50%;
  right: 6px;
  z-index: 4;
  width: 22px;
  height: 22px;
  padding: 5px 6px;
  border: 0;
  border-radius: 7px;
  background: rgba(17, 17, 17, 0.45);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
  cursor: grab;
  touch-action: none;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%);
  transition: opacity 0.16s ease;
}
.nav-link-slot:hover .nav-link-handle[data-v-6c575dc1],
.nav-link-handle[data-v-6c575dc1]:focus-visible,
.nav-links.is-reordering .nav-link-handle[data-v-6c575dc1] {
  opacity: 1;
  pointer-events: auto;
}
.nav-links.is-reordering .nav-link-handle[data-v-6c575dc1] {
  cursor: grabbing;
}
@media (hover: none) {
.nav-link-handle[data-v-6c575dc1] {
    opacity: 0.55;
    pointer-events: auto;
}
}
.nav-link-handle span[data-v-6c575dc1] {
  width: 2.5px;
  height: 2.5px;
  border-radius: 999px;
  background: #eee8dc;
}
.nav-link-ghost[data-v-6c575dc1] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 80;
  padding: 8px 12px;
  border-radius: 18px;
  border: 1px solid rgba(238, 232, 220, 0.16);
  background:
    linear-gradient(165deg, rgba(238, 232, 220, 0.08), transparent 58%),
    rgba(8, 8, 8, 0.72);
  backdrop-filter: blur(16px) saturate(1.2);
  -webkit-backdrop-filter: blur(16px) saturate(1.2);
  color: #eee8dc;
  font-size: 13px;
  font-weight: 500;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.nav-shift-move[data-v-6c575dc1] {
  transition: transform 0.62s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-link[data-v-6c575dc1] {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
  padding: 10px 34px 10px 15px;
  -webkit-user-drag: none;
  user-drag: none;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  color: var(--ark-text-sec);
  transition:
    color 0.55s cubic-bezier(0.4, 0, 0.2, 1),
    padding var(--app-sidebar-duration) var(--app-sidebar-ease),
    gap var(--app-sidebar-duration) var(--app-sidebar-ease);
}
.nav-link-active[data-v-6c575dc1] {
  color: #eee8dc;
  font-weight: 500;
}
.nav-workspace-menu .nav-link-active[data-v-6c575dc1] {
  background: transparent;
  color: #eee8dc;
}
.nav-link[data-v-6c575dc1]:hover {
  color: #eee8dc;
}
.nav-body[data-v-6c575dc1] {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.nav-workspace-menu[data-v-6c575dc1] {
  flex: 0 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  margin: 4px 8px 8px;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: transparent;
  animation: nav-workspace-in-6c575dc1 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes nav-workspace-in-6c575dc1 {
from {
    opacity: 0;
    transform: translateY(14px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.nav-workspace-spaces[data-v-6c575dc1] {
  flex: 0 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.nav-workspace-actions[data-v-6c575dc1] {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 8px;
  padding-top: 8px;
  box-shadow: inset 0 1px 0 rgba(238, 232, 220, 0.08);
}
.nav-workspace-create[data-v-6c575dc1] {
  color: #eee8dc;
  background: transparent;
}
.nav-link-space-logo[data-v-6c575dc1],
.nav-link-space-mark[data-v-6c575dc1] {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  flex-shrink: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.nav-link-space-mark[data-v-6c575dc1] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 650;
  color: #eee8dc;
  background: rgba(238, 232, 220, 0.12);
}
.nav-workspace-menu .nav-link[data-v-6c575dc1] {
  width: 100%;
  cursor: pointer;
}
.nav-link-icon[data-v-6c575dc1] {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}
.nav-link-label[data-v-6c575dc1] {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
  opacity: 1;
  transition:
    opacity var(--app-sidebar-duration) var(--app-sidebar-ease),
    max-width var(--app-sidebar-duration) var(--app-sidebar-ease);
}
.nav-storage[data-v-6c575dc1] {
  display: block;
  margin-top: auto;
  padding: 10px 20px 18px;
  text-decoration: none;
  color: inherit;
}
.nav-storage-usage[data-v-6c575dc1] {
  font-size: 11px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.01em;
  margin-bottom: 8px;
  color: var(--ark-text-sec);
  overflow: hidden;
  white-space: nowrap;
  max-height: 20px;
  opacity: 1;
  transition:
    opacity var(--app-sidebar-duration) var(--app-sidebar-ease),
    max-height var(--app-sidebar-duration) var(--app-sidebar-ease),
    margin-bottom var(--app-sidebar-duration) var(--app-sidebar-ease);
}
.nav-storage:hover .nav-storage-usage[data-v-6c575dc1] {
  color: #eee8dc;
}
.nav-storage-track[data-v-6c575dc1] {
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 999px;
  overflow: hidden;
  opacity: 1;
  transition: opacity var(--app-sidebar-duration) var(--app-sidebar-ease);
}
.nav-storage-meter[data-v-6c575dc1] {
  display: block;
  width: 22px;
  height: 22px;
  margin: 0 auto;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
  transition:
    opacity var(--app-sidebar-duration) var(--app-sidebar-ease),
    max-height var(--app-sidebar-duration) var(--app-sidebar-ease);
}
.nav-storage-meter-fill[data-v-6c575dc1] {
  transform: rotate(-90deg);
  transform-origin: 14px 14px;
}
.nav-storage-loading[data-v-6c575dc1] {
  display: flex;
  align-items: center;
  min-height: 28px;
}
.nav-storage-spinner[data-v-6c575dc1] {
  width: 12px;
  height: 12px;
  border: 1.5px solid rgba(238, 232, 220, 0.16);
  border-top-color: rgba(238, 232, 220, 0.55);
  border-radius: 50%;
  animation: nav-storage-spin-6c575dc1 0.8s linear infinite;
}
@keyframes nav-storage-spin-6c575dc1 {
to { transform: rotate(360deg);
}
}
.nav-collapse-toggle[data-v-6c575dc1] {
  display: none;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  width: 28px;
  height: 28px;
  margin: 2px 16px 4px;
  padding: 0;
  border: none;
  border-radius: 999px;
  background: transparent;
  color: rgba(238, 232, 220, 0.42);
  cursor: pointer;
  opacity: 0;
  transition:
    opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-collapse-toggle svg[data-v-6c575dc1] {
  display: block;
  transition: transform var(--app-sidebar-duration) var(--app-sidebar-ease);
}
.app-nav-side-menu:hover .nav-collapse-toggle[data-v-6c575dc1],
.nav-collapse-toggle[data-v-6c575dc1]:focus-visible {
  opacity: 0.72;
}
.nav-collapse-toggle[data-v-6c575dc1]:hover {
  opacity: 1;
  color: #eee8dc;
}
.is-collapsed:hover .nav-collapse-toggle[data-v-6c575dc1] {
  opacity: 0.85;
}
@media (min-width: 768px) {
.nav-collapse-toggle[data-v-6c575dc1] {
    display: flex;
}
}
.is-collapsed .nav-workspace-block[data-v-6c575dc1] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.is-collapsed .nav-workspace-switcher[data-v-6c575dc1] {
  justify-content: flex-start;
  width: calc(100% - 16px);
  margin: 0 8px 4px;
  padding: 8px 8px 8px 8px;
  gap: 0;
}
.is-collapsed .nav-workspace-switch[data-v-6c575dc1],
.is-collapsed .nav-workspace-switcher:hover .nav-workspace-switch[data-v-6c575dc1],
.is-collapsed.is-workspace .nav-workspace-switch[data-v-6c575dc1] {
  width: 0;
  height: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}
.is-collapsed .nav-collapse-toggle[data-v-6c575dc1] {
  align-self: flex-start;
  margin: 2px 16px 4px;
}
.is-collapsed .nav-workspace-name[data-v-6c575dc1],
.is-collapsed .nav-link-label[data-v-6c575dc1] {
  max-width: 0;
  opacity: 0;
  flex: 0 0 0;
  pointer-events: none;
}
.is-collapsed .nav-workspace-menu[data-v-6c575dc1] {
  margin-left: 6px;
  margin-right: 6px;
  overflow-x: hidden;
  overflow-y: visible;
}
.is-collapsed.is-workspace[data-v-6c575dc1] {
  overflow-x: hidden;
  overflow-y: visible;
}
.is-collapsed.is-workspace .nav-body[data-v-6c575dc1] {
  overflow-x: hidden;
  overflow-y: visible;
}
.is-collapsed .nav-workspace-menu .nav-link[data-v-6c575dc1] {
  position: relative;
  overflow-x: hidden;
}
.is-collapsed .nav-workspace-menu .nav-link-icon[data-v-6c575dc1],
.is-collapsed .nav-workspace-menu .nav-link-space-logo[data-v-6c575dc1],
.is-collapsed .nav-workspace-menu .nav-link-space-mark[data-v-6c575dc1] {
  transition: transform 0.38s cubic-bezier(0.32, 0.06, 0.12, 1);
}
.is-collapsed .nav-workspace-menu .nav-link[data-v-6c575dc1]:hover,
.is-collapsed .nav-workspace-menu .nav-link[data-v-6c575dc1]:focus,
.is-collapsed .nav-workspace-menu .nav-link[data-v-6c575dc1]:focus-visible {
  z-index: 4;
}
.is-collapsed .nav-workspace-menu .nav-link:hover .nav-link-icon[data-v-6c575dc1],
.is-collapsed .nav-workspace-menu .nav-link:focus .nav-link-icon[data-v-6c575dc1],
.is-collapsed .nav-workspace-menu .nav-link:focus-visible .nav-link-icon[data-v-6c575dc1],
.is-collapsed .nav-workspace-menu .nav-link:hover .nav-link-space-logo[data-v-6c575dc1],
.is-collapsed .nav-workspace-menu .nav-link:focus .nav-link-space-logo[data-v-6c575dc1],
.is-collapsed .nav-workspace-menu .nav-link:focus-visible .nav-link-space-logo[data-v-6c575dc1],
.is-collapsed .nav-workspace-menu .nav-link:hover .nav-link-space-mark[data-v-6c575dc1],
.is-collapsed .nav-workspace-menu .nav-link:focus .nav-link-space-mark[data-v-6c575dc1],
.is-collapsed .nav-workspace-menu .nav-link:focus-visible .nav-link-space-mark[data-v-6c575dc1] {
  transform: scale(1.22);
}
.nav-workspace-tip[data-v-6c575dc1] {
  position: fixed;
  z-index: 80;
  padding: 5px 8px;
  border-radius: 6px;
  background: color-mix(in srgb, #15120e 88%, #eee8dc);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28);
  color: #eee8dc;
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.25;
  white-space: nowrap;
  pointer-events: none;
  transform: translateY(-50%);
}
.is-collapsed .nav-links[data-v-6c575dc1] {
  margin-left: 8px;
  margin-right: 8px;
  align-items: stretch;
}
.is-collapsed .nav-link[data-v-6c575dc1] {
  justify-content: flex-start;
  gap: 0;
  padding: 10px 8px 10px 15px;
}
.is-collapsed .nav-link-handle[data-v-6c575dc1] {
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0;
  padding: 0;
}
.is-collapsed .nav-collapse-toggle svg[data-v-6c575dc1] {
  transform: rotate(180deg);
}
.is-collapsed .nav-storage[data-v-6c575dc1] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 8px 10px 6px 20px;
}
.is-collapsed .nav-storage-usage[data-v-6c575dc1],
.is-collapsed .nav-storage-track[data-v-6c575dc1] {
  width: 0;
  overflow: hidden;
}
.is-collapsed .nav-storage-usage[data-v-6c575dc1] {
  max-height: 0;
  margin-bottom: 0;
  opacity: 0;
  pointer-events: none;
}
.is-collapsed .nav-storage-track[data-v-6c575dc1] {
  opacity: 0;
  height: 0;
  pointer-events: none;
}
.is-collapsed .nav-storage-meter[data-v-6c575dc1] {
  opacity: 1;
  max-height: 22px;
  flex-shrink: 0;
}


.fade-enter-active[data-v-8dc2dadc], .fade-leave-active[data-v-8dc2dadc] { transition: opacity .2s ease;
}
.fade-enter[data-v-8dc2dadc], .fade-leave-to[data-v-8dc2dadc] { opacity: 0;
}
.link-with-underline[data-v-8dc2dadc] {
  position: relative;
  display: inline-block;
}
.link-with-underline[data-v-8dc2dadc]::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -8px; /* visual gap below text without affecting layout */
  height: 2px;
  width: 0;
  background: currentColor;
  opacity: 0.9;
  transition: width .25s ease;
}
.group:hover .link-with-underline[data-v-8dc2dadc]::after,
.link-with-underline.font-semibold[data-v-8dc2dadc]::after { /* show for active */
  width: 80%;
}

/* Enable underline on direct hover for submenu links */
.link-with-underline[data-v-8dc2dadc]:hover::after {
  width: 80%;
}


.coachmark-root[data-v-fdba54f8] {
  position: fixed;
  inset: 0;
  z-index: 10050;
  pointer-events: auto;
}
.coachmark-svg[data-v-fdba54f8] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto;
}
.coachmark-highlight-ring[data-v-fdba54f8] {
  position: fixed;
  pointer-events: none;
  box-shadow: 0 0 0 2px var(--coachmark-border);
  transition: top 0.2s ease, left 0.2s ease, width 0.2s ease, height 0.2s ease;
}
.coachmark-tooltip[data-v-fdba54f8] {
  position: fixed;
  z-index: 10051;
  background: var(--coachmark-section);
  border: 1px solid var(--coachmark-border);
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  pointer-events: auto;
}
.coachmark-title[data-v-fdba54f8] {
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--coachmark-text);
}
.coachmark-desc[data-v-fdba54f8] {
  margin: 0 0 14px;
  font-size: 12px;
  line-height: 1.45;
  color: var(--coachmark-text-secondary);
}
.coachmark-footer[data-v-fdba54f8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.coachmark-progress[data-v-fdba54f8] {
  font-size: 12px;
  color: var(--coachmark-text-tertiary);
  white-space: nowrap;
}
.coachmark-actions[data-v-fdba54f8] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.coachmark-btn[data-v-fdba54f8] {
  border: none;
  border-radius: 8px;
  padding: 7px 12px;
  font-size: 13px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.coachmark-btn-ghost[data-v-fdba54f8] {
  background: transparent;
  color: var(--coachmark-text-secondary);
}
.coachmark-btn-ghost[data-v-fdba54f8]:hover {
  background: rgba(255, 255, 255, 0.08);
  color: var(--coachmark-text);
}
.coachmark-btn-primary[data-v-fdba54f8] {
  background: var(--coachmark-accent);
  color: var(--coachmark-background);
  font-weight: 600;
}
.coachmark-btn-primary[data-v-fdba54f8]:hover {
  background: var(--coachmark-accent-hover);
}
.coachmark-fade-enter-active[data-v-fdba54f8],
.coachmark-fade-leave-active[data-v-fdba54f8] {
  transition: opacity 0.2s ease;
}
.coachmark-fade-enter[data-v-fdba54f8],
.coachmark-fade-leave-to[data-v-fdba54f8] {
  opacity: 0;
}


.portable-video[data-v-a11f28f6] {
  position: fixed;
  z-index: 80;
  border-radius: 6px;
  overflow: hidden;
  background: rgba(21, 18, 14, 0.92);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
  color: #eee8dc;
}
.portable-video-bar[data-v-a11f28f6] {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 6px 0 10px;
  cursor: grab;
}
.portable-video-title[data-v-a11f28f6] {
  flex: 1;
  min-width: 0;
  font-size: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.portable-video-icon[data-v-a11f28f6] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  background: none;
  color: rgba(238, 232, 220, 0.7);
  cursor: pointer;
}
.portable-video-icon svg[data-v-a11f28f6] {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.portable-video-icon[data-v-a11f28f6]:hover {
  color: #eee8dc;
}
.portable-video-screen[data-v-a11f28f6] {
  position: relative;
  background: rgba(238, 232, 220, 0.06);
}
.portable-video-media[data-v-a11f28f6] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background: transparent;
}
.portable-video-play[data-v-a11f28f6] {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(21, 18, 14, 0.45);
  color: #eee8dc;
  cursor: pointer;
}
.portable-video-play svg[data-v-a11f28f6] {
  width: 16px;
  height: 16px;
  margin-left: 2px;
  fill: currentColor;
}


html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}
#layout {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
.main-content,
  .main-content1 {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 0;
    display: flex;
    flex-direction: column;
}
body.password-modal-open .app-sidebar {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: none !important;
}
  

.home-widgets {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  container-type: inline-size;
  container-name: home-widgets;
  --hw-beige: #eee8dc;
  --hw-accent: #b7cbd8;
}
.home-today-masthead.is-resume-only {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  margin-left: auto;
  height: auto;
}
.home-widgets-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 18px;
}
.home-widgets-edit,
.widget-picker-done {
  border: 0;
  background: transparent;
  color: #eee8dc;
  border-radius: 0;
  padding: 8px 2px;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  cursor: pointer;
}
.home-widgets-edit:hover,
.home-widgets-edit:focus-visible,
.widget-picker-done:hover,
.widget-picker-done:focus-visible {
  background: transparent;
  opacity: 0.62;
}
.home-widgets-grid {
  display: grid;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
  grid-template-columns: 1fr;
  gap: 14px;
  align-items: stretch;
  grid-auto-rows: min-content;
}
.home-widgets-grid.is-masonry {
  position: relative;
  gap: 0;
}
.home-widget-slot {
  position: relative;
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  touch-action: none;
}
.home-widget-slot > .home-widget {
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}
.home-widget-slot > .home-widget > .lib-visual,
.home-widget-slot > .home-widget > .chats-list,
.home-widget-slot > .home-widget > .music-player,
.home-widget-slot > .home-widget > .board-lists,
.home-widget-slot > .home-widget > .board-empty,
.home-widget-slot > .home-widget > .sec-body {
  flex: 1 1 auto;
  min-height: 0;
}
.home-widget-slot > .home-widget > .lib-visual:not(.lib-visual--sheets) {
  display: flex;
  flex-direction: column;
}
.home-widget .notes-list,
.home-widget--drive .drive-list,
.home-widget--movies .movies-rail,
.home-widget-slot > .home-widget > .chats-list {
  flex: 1 1 auto;
  min-height: 0;
}
.home-widget .notes-list,
.home-widget-slot > .home-widget > .chats-list {
  justify-content: space-between;
}
.home-widget--drive .drive-list {
  height: 100%;
  align-content: space-between;
}
.home-widget-slot > .home-widget > .music-player {
  align-content: center;
}
.home-widget-slot > .home-widget--music:not(.home-widget--compact) .music-player {
  grid-template-columns: minmax(64px, min(18%, 120px)) minmax(0, 1fr);
}
.home-widget-slot > .home-widget--music:not(.home-widget--compact) .music-cover {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.home-widgets-grid.is-masonry .home-widget-slot {
  transition:
    top 0.28s cubic-bezier(0.22, 1, 0.36, 1),
    left 0.28s cubic-bezier(0.22, 1, 0.36, 1),
    width 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
.home-widgets-grid.is-reordering .home-widget-slot,
.home-widgets-grid.is-reordering .home-widget-slot--origin {
  transition: none;
}
.hw-shift-move {
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
.home-widget-slot--tall,
.home-widget-slot--tall > .home-widget {
  height: 100%;
}
.home-widgets-grid.is-reordering .hw-shift-move {
  transition: none;
}
.home-widget-slot--origin {
  pointer-events: none;
  min-height: 96px;
}
.home-widget-slot--origin .home-widget,
.home-widget-slot--origin .home-widget-handle {
  visibility: hidden;
}
.home-widget-slot--origin::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 6px;
  border: 1.5px dashed rgba(238, 232, 220, 0.55);
  background: rgba(238, 232, 220, 0.07);
  pointer-events: none;
}
.home-widget-slot--target .home-widget {
  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.22),
    0 0 0 0.5px rgba(238, 232, 220, 0.28);
}
.home-widget-drop {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 70;
  pointer-events: none;
  border-radius: 6px;
  border: 1.5px dashed rgba(238, 232, 220, 0.72);
  background: rgba(238, 232, 220, 0.1);
  box-shadow: inset 0 0 0 1px rgba(238, 232, 220, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #eee8dc;
  font-size: 0.6875rem;
  font-weight: 650;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.home-widget-drop--swap {
  background: rgba(238, 232, 220, 0.14);
}
.home-widget-ghost {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 80;
  pointer-events: none;
  border-radius: 6px;
  --hw-tint-rgb: 238, 232, 220;
  border: 0;
  background: rgba(238, 232, 220, 0.05);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.32);
  display: flex;
  align-items: flex-end;
  padding: 18px 20px;
  will-change: transform;
  transition: none;
}
.home-widget-ghost-label {
  color: #eee8dc;
  font-size: 0.75rem;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.home-widget-handle {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 4;
  width: 36px;
  height: 36px;
  padding: 9px 11px;
  border: 0;
  border-radius: 0;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background: transparent;
  box-shadow: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  cursor: pointer;
  touch-action: none;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.16s ease;
}
.home-widget-handle:hover,
.home-widget-handle:focus,
.home-widget-handle:focus-visible {
  background: transparent;
  box-shadow: none;
}
.home-widget-slot:hover .home-widget-handle,
.home-widget-slot.is-menu .home-widget-handle,
.home-widget-handle:focus-visible,
.home-widgets-grid.is-reordering .home-widget-handle {
  opacity: 1;
  pointer-events: auto;
}
.home-widget-slot.is-menu {
  z-index: 8;
}
.home-widget-menu {
  --hw-beige: #eee8dc;
  position: absolute;
  top: 38px;
  right: 8px;
  z-index: 6;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.home-widget-menu-item {
  display: block;
  width: auto;
  min-height: 36px;
  margin: 0;
  padding: 8px 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #eee8dc;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-align: right;
  white-space: nowrap;
  cursor: pointer;
}
.home-widget-menu-item:hover,
.home-widget-menu-item:focus-visible {
  background: transparent;
  opacity: 0.62;
}
@media (hover: none) {
.home-widget-handle {
    opacity: 0.55;
    pointer-events: auto;
}
}
.home-widget-handle span {
  width: 3.5px;
  height: 3.5px;
  border-radius: 999px;
  background: #eee8dc;
}
.home-widgets-grid.is-reordering {
  cursor: grabbing;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.home-widgets-grid.is-reordering .home-widget {
  pointer-events: none;
}
.home-widgets-grid.is-reordering .home-widget-handle {
  cursor: grabbing;
}
.home-widgets-grid.is-settled .home-widget,
.home-widgets-grid.is-reordering .home-widget,
.home-widgets-grid.is-settled .home-value,
.home-widgets-grid.is-reordering .home-value,
.home-widgets-grid.is-settled .today-number,
.home-widgets-grid.is-settled .movies-card,
.home-widgets-grid.is-settled .photos-shot,
.home-widgets-grid.is-settled .drive-row,
.home-widgets-grid.is-settled .notes-item,
.home-widgets-grid.is-settled .lib-track,
.home-widgets-grid.is-settled .chats-row,
.home-widgets-grid.is-settled .board-list,
.home-widgets-grid.is-settled .board-task,
.home-widgets-grid.is-settled .sec-line,
.home-widgets-grid.is-settled .music-cover,
.home-widgets-grid.is-settled .music-title,
.home-widgets-grid.is-settled .music-controls {
  animation: none;
}
@container home-widgets (min-width: 420px) {
.home-widgets-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-flow: dense;
}
.home-widget-slot--third,
  .home-widget-slot--half {
    grid-column: span 1;
}
.home-widget-slot--twoThirds,
  .home-widget-slot--wide {
    grid-column: span 2;
}
}
@container home-widgets (min-width: 520px) {
.home-widgets-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-auto-flow: dense;
}
.home-widget-slot {
    grid-column: span 3;
}
.home-widget-slot--third {
    grid-column: span 2;
}
.home-widget-slot--half {
    grid-column: span 3;
}
.home-widget-slot--twoThirds {
    grid-column: span 4;
}
.home-widget-slot--wide {
    grid-column: span 6;
}
}
.home-widget img {
  -webkit-user-drag: none;
  user-drag: none;
  pointer-events: none;
}
.home-widget {
  --hw-tint: rgb(var(--hw-tint-rgb, 238, 232, 220));
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  padding: 18px 20px 20px;
  border: 0;
  border-radius: 6px;
  text-align: left;
  color: inherit;
  font: inherit;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: rgba(238, 232, 220, 0.045);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  transition:
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  animation: home-widget-in 0.62s cubic-bezier(0.22, 1, 0.36, 1) backwards;
  animation-delay: calc(var(--hw-i, 0) * 70ms);
}
.home-widget:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14);
}
@keyframes home-widget-in {
from {
    opacity: 0;
    transform: translateY(16px) scale(0.985);
}
to {
    opacity: 1;
    transform: none;
}
}
.home-widget:focus-visible {
  outline: 2px solid #eee8dc;
  outline-offset: 3px;
}
.home-today-masthead,
.home-widget--today.home-today-masthead {
  position: relative;
  z-index: 1;
  margin-bottom: 8px;
  animation: none;
}
.home-today-masthead.is-resume-only {
  justify-self: end;
  align-self: start;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  margin-bottom: 0;
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  pointer-events: none;
  background: transparent;
  box-shadow: none;
}
.home-today-masthead.is-resume-only .today-resume {
  pointer-events: auto;
  grid-column: auto;
  width: -moz-max-content;
  width: max-content;
}
.home-widget--today {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: end;
  -moz-column-gap: 32px;
       column-gap: 32px;
  padding: 10px 4px 6px;
  background: transparent;
  box-shadow: none;
  cursor: default;
  overflow: visible;
}
.home-widget--today:hover {
  transform: none;
  box-shadow: none;
}
.home-widget--movies {
  padding: 16px 0 0;
  overflow-x: hidden;
  overflow-y: visible;
}
.home-widget--music {
  cursor: default;
}
.home-widget--chats {
  cursor: default;
}
.home-widget--music audio {
  display: none;
}
.home-widget--team {
  cursor: default;
}
.home-team-masthead {
  min-width: 0;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  justify-self: start;
  align-self: end;
  display: flex;
  align-items: flex-end;
  padding: 0 0 2px;
}
.home-team-faces {
  display: flex;
  align-items: center;
  gap: 6px;
}
.home-team-face {
  position: relative;
  width: 28px;
  height: 28px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  overflow: visible;
  cursor: default;
}
.home-team-face.is-chat {
  cursor: pointer;
}
.home-team-face:hover {
  z-index: 3;
}
.home-team-name {
  position: absolute;
  left: 0;
  bottom: calc(100% + 8px);
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.2;
  color: #eee8dc;
  transition: opacity 0.14s ease;
}
.home-team-face:hover .home-team-name,
.home-team-face:focus-visible .home-team-name {
  opacity: 1;
}
.home-team-avatar {
  width: 28px;
  height: 28px;
  font-size: 9px;
  border-radius: 999px;
}
.home-team-more-wrap {
  position: relative;
  margin-left: 4px;
}
.home-team-more {
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  font-size: 0.75rem;
  color: rgba(238, 232, 220, 0.55);
  letter-spacing: 0.02em;
  cursor: pointer;
}
.home-team-more:hover,
.home-team-more.is-open,
.home-team-more:focus-visible {
  color: #eee8dc;
}
.home-team-menu {
  --hw-beige: #eee8dc;
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  z-index: 20;
  min-width: 196px;
  max-height: min(280px, 50vh);
  overflow: auto;
  padding: 6px;
  border: 0;
  border-radius: 8px;
  background:
    linear-gradient(165deg, rgba(238, 232, 220, 0.06), transparent 60%),
    rgba(46, 34, 24, 0.52);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
  animation: home-team-menu-in 0.12s cubic-bezier(0.22, 0, 0.12, 1);
}
@keyframes home-team-menu-in {
from {
    opacity: 0;
    transform: translateY(-4px);
}
to {
    opacity: 1;
    transform: none;
}
}
.home-team-menu-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 34px;
  padding: 5px 8px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #eee8dc;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-align: left;
  cursor: default;
}
.home-team-menu-item.is-chat {
  cursor: pointer;
}
.home-team-menu-item.is-chat:hover,
.home-team-menu-item.is-chat:focus-visible {
  background: rgba(238, 232, 220, 0.07);
}
.home-team-menu-avatar {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  font-size: 8px;
  border-radius: 999px;
}
.home-team-menu-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lib-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
.lib-head--icon {
  justify-content: flex-start;
  margin-bottom: 10px;
}
.home-widget-kicker-icon {
  display: flex;
  width: 13px;
  height: 13px;
  color: rgba(var(--hw-tint-rgb), 0.4);
}
.home-widget-kicker-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.lib-visual--sheets {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 12px;
  align-items: start;
}
.home-widget--movies .lib-head {
  padding: 0 20px;
  margin-bottom: 12px;
}
.movies-rail {
  --movies-poster: 108px;
  display: flex;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  padding: 8px 20px 16px;
  scrollbar-width: none;
}
.movies-rail::-webkit-scrollbar {
  display: none;
}
.movies-card {
  position: relative;
  flex: 0 0 var(--movies-poster);
  width: var(--movies-poster);
  min-width: 0;
  max-width: var(--movies-poster);
  aspect-ratio: 2 / 3;
  justify-self: start;
  align-self: start;
  overflow: hidden;
  border-radius: 4px;
  background: #111;
  color: #eee8dc;
}
.movies-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.movies-info {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 4px;
  padding: 28px 10px 12px;
  background: linear-gradient(180deg, transparent 28%, rgba(0, 0, 0, 0.88));
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.22s ease, transform 0.22s ease;
  pointer-events: none;
}
.movies-card:hover .movies-info,
.movies-card:focus-visible .movies-info {
  opacity: 1;
  transform: none;
}
.movies-title {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.movies-meta,
.movies-desc,
.movies-play {
  font-size: 0.6875rem;
  line-height: 1.3;
  color: rgba(238, 232, 220, 0.78);
}
.movies-desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.movies-play {
  margin-top: 4px;
  color: var(--hw-tint);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.music-player {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}
.music-queue {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 4px;
}
.music-queue-item {
  width: 100%;
  padding: 8px 10px;
  border-radius: 6px;
  color: #d4d4d4;
  font: inherit;
  font-size: 0.8125rem;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.music-cover {
  width: 64px;
  height: 64px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  overflow: hidden;
  background: #111;
  cursor: pointer;
}
.music-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.music-main {
  min-width: 0;
}
.music-title {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  font: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.music-controls {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
}
.music-play {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #eee8dc;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.music-play:disabled {
  opacity: 0.5;
  cursor: wait;
}
.music-play svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}
.music-meter {
  min-width: 0;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}
.music-scrub {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  flex: 1;
  min-width: 0;
  height: 4px;
  margin: 0;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(to right, #eee8dc var(--music-progress, 0%), rgba(238, 232, 220, 0.18) var(--music-progress, 0%));
  cursor: pointer;
}
.music-scrub:disabled {
  opacity: 0.45;
  cursor: default;
}
.music-scrub::-webkit-slider-runnable-track {
  height: 4px;
  background: linear-gradient(to right, #eee8dc var(--music-progress, 0%), rgba(238, 232, 220, 0.18) var(--music-progress, 0%));
  border: 0;
  border-radius: 999px;
}
.music-scrub::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  margin-top: -4px;
  border: 0;
  border-radius: 999px;
  background: #eee8dc;
}
.music-scrub::-moz-range-track {
  height: 4px;
  background: linear-gradient(to right, #eee8dc var(--music-progress, 0%), rgba(238, 232, 220, 0.18) var(--music-progress, 0%));
  border: 0;
  border-radius: 999px;
}
.music-scrub::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border: 0;
  border-radius: 999px;
  background: #eee8dc;
}
.music-time,
.music-error {
  margin-top: 0;
  font-size: 0.6875rem;
  color: rgba(238, 232, 220, 0.62);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}
.music-error {
  color: #f8b4b4;
}
.lib-track {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  font-size: 0.875rem;
}
.lib-tracks { min-width: 0; display: flex; flex-direction: column; gap: 8px;
}
.home-widget--photos {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.home-widget--photos .lib-visual {
  display: flex;
  flex-direction: column;
}
.photos-strip {
  display: grid;
  gap: 6px;
  width: 100%;
}
.home-widget--photos .photos-strip {
  flex: 0 0 auto;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  height: auto;
}
.photos-shot {
  position: relative;
  min-width: 0;
  width: 148px;
  max-width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 6px;
  background: #111;
}
.photos-shot img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.drive-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.drive-row {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 10px;
  padding: 8px 6px;
  border-radius: 6px;
}
.drive-badge {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 40px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 4px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 7px;
  font-size: 0.5625rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: #1a1714;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.22);
}
.drive-badge::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: -1;
  opacity: 0.86;
  mix-blend-mode: overlay;
  filter: contrast(2.05) brightness(1.2);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g2' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g2)'/%3E%3C/svg%3E");
  background-size: 48px 48px, 90px 90px;
}
.drive-badge--pdf { background: #f4b4a8;
}
.drive-badge--xls { background: #a8e6c8;
}
.drive-badge--doc { background: #b4d0f4;
}
.drive-badge--file { background: #eee8dc;
}
.drive-copy {
  min-width: 0;
}
.drive-name {
  color: #fff;
  font-size: 0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.drive-kind {
  margin-top: 2px;
  color: #808080;
  font-size: 0.75rem;
}
.lib-sheet-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  width: 84px;
}
.lib-sheet-grid i {
  display: block;
  height: 16px;
  border-radius: 3px;
  background: rgba(var(--hw-tint-rgb), 0.32);
}
.lib-sheet-grid i:nth-child(3n+1) { background: rgba(var(--hw-tint-rgb), 0.5);
}
.notes-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.notes-item {
  padding: 6px 0;
  border-radius: 0;
  background: transparent;
}
.notes-title {
  color: #eee8dc;
  font-size: 0.9375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notes-preview {
  margin-top: 4px;
  color: #808080;
  font-size: 0.8125rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sec-body {
  display: grid;
  grid-template-columns: 112px 1fr;
  gap: 12px;
  align-items: center;
}
.sec-rings svg {
  width: 112px;
  height: 112px;
  transform: rotate(-90deg);
}
.sec-track {
  fill: none;
  stroke: rgba(255, 255, 255, 0.08);
  stroke-width: 8;
}
.sec-ring {
  fill: none;
  stroke-width: 8;
  stroke-linecap: round;
}
.sec-ring--mfa { stroke: var(--hw-tint);
}
.sec-ring--alert { stroke: rgba(var(--hw-tint-rgb), 0.72);
}
.sec-ring--link { stroke: rgba(var(--hw-tint-rgb), 0.4);
}
.sec-copy { min-width: 0;
}
.sec-line {
  font-size: 0.8125rem;
  color: #d4d4d4;
  margin-bottom: 8px;
}
.home-widget-kicker {
  font-size: 0.6875rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(var(--hw-tint-rgb), 0.72);
  font-weight: 600;
}
.home-widget-empty,
.today-empty {
  color: #808080;
  font-size: 0.875rem;
  line-height: 1.4;
}
.home-widget-shimmer {
  height: 86px;
  border-radius: 6px;
  background: linear-gradient(90deg, rgba(255,255,255,0.04), rgba(255,255,255,0.1), rgba(255,255,255,0.04));
  background-size: 200% 100%;
  animation: home-widget-shimmer 1.2s ease-in-out infinite;
}
@keyframes home-widget-shimmer {
to { background-position: -200% 0;
}
}
.today-date {
  min-width: 0;
  max-width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px 28px;
}
.today-date-stack {
  min-width: 0;
}
.today-weekday,
.today-month,
.today-greeting {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
}
.today-weekday {
  font-size: 0.8125rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #eee8dc;
}
.today-number {
  font-family: "Fustat", sans-serif;
  font-size: 4.75rem;
  line-height: 0.86;
  font-weight: 550;
  letter-spacing: -0.04em;
  color: #fff;
  margin: 4px 0 2px;
}
.today-month,
.today-greeting {
  font-size: 0.9375rem;
  letter-spacing: 0.08em;
  color: #b0b0b0;
}
.today-greeting {
  margin: 0 0 4px;
  color: #eee8dc;
}
.today-resume {
  grid-column: 2;
  min-width: 0;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  justify-self: end;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 10px;
}
.today-resume-kicker {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.3;
  color: #b0b0b0;
}
.today-resume-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.today-resume-row {
  display: grid;
  grid-template-columns: 28px 10.5rem auto;
  align-items: baseline;
  -moz-column-gap: 10px;
       column-gap: 10px;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  margin: 0;
  padding: 2px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.today-resume-icon,
.today-resume-file {
  width: 28px;
  color: rgba(238, 232, 220, 0.42);
  line-height: 1;
  transition: color 0.2s ease;
}
.today-resume-icon {
  font-size: 0.875rem;
}
.today-resume-file {
  font-size: 0.625rem;
  font-weight: 750;
  letter-spacing: 0.04em;
}
.today-resume-title {
  min-width: 0;
  max-width: 14rem;
  font-size: 0.9375rem;
  color: #d4d4d4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.today-resume-row--now .today-resume-title {
  color: #eee8dc;
}
.today-resume-when {
  flex-shrink: 0;
  margin-left: 94px;
  font-size: 0.8125rem;
  color: #808080;
  text-align: right;
  white-space: nowrap;
}
.today-resume-kind {
  flex-shrink: 0;
  font-size: 0.625rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #808080;
}
.chats-head,
.board-head {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-bottom: 16px;
}
.board-head {
  justify-content: space-between;
}
.chats-unread {
  width: 9px;
  min-width: 9px;
  height: 9px;
  margin-left: auto;
  padding: 0;
  border-radius: 999px;
  background: #A6372F;
  color: transparent;
  font-size: 0;
  display: inline-flex;
  flex-shrink: 0;
}
.chats-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.chats-row {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 6px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.chats-more {
  align-self: flex-start;
  margin: 2px 0 0;
  padding: 4px 2px;
  border: 0;
  background: transparent;
  color: rgba(var(--hw-tint-rgb), 0.88);
  font: inherit;
  font-size: 0.8125rem;
  cursor: pointer;
}
.chats-more:hover,
.chats-more:focus-visible {
  color: #eee8dc;
}
.chats-avatar {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  border-radius: 999px;
  overflow: hidden;
}
.chats-copy {
  min-width: 0;
}
.chats-name {
  font-size: 0.875rem;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chats-preview {
  font-size: 0.75rem;
  color: #b0b0b0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-name {
  font-size: 0.75rem;
  color: #b0b0b0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-lists {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.board-list {
  min-width: 0;
}
.board-list-label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: #eee8dc;
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  flex-shrink: 0;
}
.board-task {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 7px;
}
.board-check {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  border: 1.5px solid #eee8dc;
  flex-shrink: 0;
  margin-top: 2px;
}
.board-task-title {
  font-size: 0.8125rem;
  color: #fff;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.board-task--ghost {
  color: #808080;
  font-size: 0.75rem;
}
.board-empty {
  display: grid;
  gap: 12px;
}
.board-lists--ghost {
  opacity: 0.45;
}
.board-ghost-line {
  display: block;
  height: 8px;
  width: 70%;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
}
.home-quiet {
  min-height: calc(100vh - 180px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 12px 4px 48px;
  max-width: 560px;
}
.home-quiet-weekday,
.home-quiet-month,
.home-quiet-hello {
  font-family: "Fustat", sans-serif;
  font-weight: 400;
}
.home-quiet-weekday {
  font-size: 0.75rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #eee8dc;
}
.home-quiet-number {
  font-family: 'Fustat', 'Inter', sans-serif;
  font-size: clamp(5.5rem, 14vw, 8rem);
  line-height: 0.82;
  font-weight: 400;
  color: #fff;
  margin: 8px 0 4px;
}
.home-quiet-month {
  font-size: 1rem;
  letter-spacing: 0.08em;
  color: #b0b0b0;
}
.home-quiet-copy {
  margin-top: 36px;
  padding-top: 28px;
  border-top: 1px solid rgba(238, 232, 220, 0.14);
}
.home-quiet-hello {
  margin: 0;
  font-size: 1.75rem;
  line-height: 1.2;
  letter-spacing: 0.08em;
  color: #eee8dc;
}
.home-quiet-body {
  margin: 10px 0 0;
  font-size: 1rem;
  line-height: 1.45;
  color: #808080;
}
.home-quiet-doors {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 32px;
}
.home-quiet-door {
  width: 100%;
  padding: 16px 18px;
  border-radius: 10px;
  border: 1px solid rgba(238, 232, 220, 0.16);
  background: rgba(238, 232, 220, 0.05);
  color: #eee8dc;
  font: inherit;
  font-size: 1rem;
  text-align: left;
  cursor: pointer;
}
.home-quiet-door:hover {
  border-color: rgba(238, 232, 220, 0.4);
  background: rgba(238, 232, 220, 0.1);
}
.home-quiet-door:focus-visible {
  outline: 2px solid #eee8dc;
  outline-offset: 3px;
}
.home-quiet-weekday,
.home-quiet-number,
.home-quiet-month,
.home-quiet-hello,
.home-quiet-body,
.home-quiet-door {
  animation: home-value-in 0.56s cubic-bezier(0.22, 1, 0.36, 1) backwards;
}
.home-quiet-weekday { animation-delay: 40ms;
}
.home-quiet-number { animation-name: home-day-in; animation-delay: 90ms;
}
.home-quiet-month { animation-delay: 140ms;
}
.home-quiet-hello { animation-delay: 220ms;
}
.home-quiet-body { animation-delay: 280ms;
}
.home-quiet-door:nth-child(1) { animation-delay: 360ms;
}
.home-quiet-door:nth-child(2) { animation-delay: 420ms;
}
.home-quiet-door:nth-child(3) { animation-delay: 480ms;
}
.home-widgets-empty {
  width: 100%;
  min-height: 120px;
  border-radius: 10px;
  border: 1px dashed rgba(238, 232, 220, 0.28);
  background: rgba(238, 232, 220, 0.04);
  color: #b0b0b0;
  padding: 24px;
  text-align: left;
  cursor: pointer;
}
.widget-picker {
  --hw-beige: #eee8dc;
  --hw-tint-rgb: 238, 232, 220;
  position: fixed;
  inset: 0;
  z-index: 80;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
@media (min-width: 768px) {
.widget-picker {
    left: var(--app-sidebar-width);
}
}
.widget-picker-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(0, 0, 0, 0.58);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.widget-picker-sheet {
  position: relative;
  width: min(420px, 100%);
  max-height: min(88vh, 640px);
  overflow: auto;
  padding: 22px 22px 16px;
  border: 0;
  border-radius: 6px;
  background: #2a2926;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.42);
  color: #eee8dc;
}
.widget-picker-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
.widget-picker-title {
  font-family: 'Fustat', 'Inter', sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  color: #eee8dc;
}
.widget-picker-hint {
  max-width: 28ch;
  margin: 6px 0 0;
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: rgba(238, 232, 220, 0.72);
}
.widget-picker-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px 20px;
}
.widget-option {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  min-height: 40px;
  margin: 0;
  padding: 8px 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(238, 232, 220, 0.58);
  text-align: left;
  cursor: pointer;
}
.widget-option--on {
  color: #eee8dc;
}
.widget-option:hover,
.widget-option:focus-visible {
  color: #eee8dc;
}
.widget-option .home-widget-kicker-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: currentColor;
}
.widget-option-name {
  min-width: 0;
  color: inherit;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home-widget--compact.home-widget--today {
  grid-template-columns: 1fr;
  align-items: start;
  gap: 16px;
}
.home-widget--compact .today-resume {
  justify-self: stretch;
  width: 100%;
}
.home-widget--compact .today-number {
  font-size: 3rem;
}
.home-widget--compact .today-greeting {
  margin: 0 0 2px;
}
.home-widget--compact .today-resume-kicker {
  font-size: 0.75rem;
}
.home-widget--compact .today-resume-row {
  padding: 4px 0;
}
.home-widget--compact .team-list {
  max-height: none;
  gap: 6px;
}
.home-widget--compact .home-team-row {
  padding: 6px 8px;
  gap: 8px;
}
.home-widget--compact .team-count {
  max-width: 42%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home-widget--compact .movies-rail,
.home-widget-slot--third .movies-rail,
.home-widget-slot--half .movies-rail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, var(--movies-poster)));
  justify-content: start;
  align-content: start;
  height: auto;
  padding: 0 16px 14px;
  gap: 6px;
  overflow: hidden;
}
.home-widget-slot--third .movies-rail,
.home-widget--third .movies-rail {
  grid-template-columns: repeat(2, minmax(0, var(--movies-poster)));
}
.home-widget-slot--twoThirds .movies-rail,
.home-widget--twoThirds .movies-rail,
.home-widget-slot--wide .movies-rail,
.home-widget--wide .movies-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, var(--movies-poster)));
  justify-content: start;
  align-content: start;
  height: auto;
  padding: 0 16px 14px;
  gap: 8px;
  overflow: hidden;
}
.home-widget-slot--wide .movies-rail,
.home-widget--wide .movies-rail {
  grid-template-columns: repeat(auto-fill, var(--movies-poster));
}
.home-widget-slot--third .drive-list,
.home-widget--third .drive-list {
  grid-template-columns: 1fr;
}
.home-widget-slot--third .sec-body,
.home-widget--third .sec-body {
  grid-template-columns: 1fr;
}
.home-widget-slot--third .sec-rings svg,
.home-widget--third .sec-rings svg {
  width: 64px;
  height: 64px;
}
.home-widget-slot--third .lib-visual--sheets,
.home-widget--third .lib-visual--sheets {
  grid-template-columns: 1fr;
}
.home-widget-slot--third .lib-sheet-grid,
.home-widget--third .lib-sheet-grid {
  display: none;
}
.home-widget--compact .movies-card,
.home-widget-slot--third .movies-card,
.home-widget-slot--half .movies-card,
.home-widget-slot--twoThirds .movies-card,
.home-widget-slot--wide .movies-card,
.home-widget--wide .movies-card,
.home-widget--third .movies-card,
.home-widget--half .movies-card,
.home-widget--twoThirds .movies-card {
  flex: none;
  width: 100%;
  min-width: 0;
  max-width: var(--movies-poster);
  height: auto;
  justify-self: stretch;
  align-self: start;
}
.home-widget--compact .movies-desc {
  display: none;
}
.home-widget--compact .lib-visual--sheets {
  grid-template-columns: 1fr;
}
.home-widget--compact .lib-sheet-grid {
  display: none;
}
.home-widget--compact .notes-preview {
  -webkit-line-clamp: 1;
}
.home-widget--compact .sec-body {
  grid-template-columns: 72px 1fr;
  gap: 10px;
}
.home-widget--compact .sec-rings svg {
  width: 72px;
  height: 72px;
}
.home-widget--compact .sec-line {
  font-size: 0.75rem;
  margin-bottom: 4px;
}
.home-widget--compact .music-player {
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 10px;
}
.home-widget--compact .music-cover {
  width: 48px;
  height: 48px;
}
.home-widget--compact .music-time {
  font-size: 0.625rem;
}
.home-widget--compact .chats-row {
  padding: 4px 0;
}
.home-widget--compact .board-lists {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
.home-widget--today {
    grid-template-columns: 1fr;
    align-items: start;
    padding: 6px 2px 8px;
}
.today-resume {
    grid-column: 1;
    justify-self: stretch;
    width: 100%;
    order: 1;
}
.home-team-masthead {
    grid-column: 1;
    justify-self: start;
    width: -moz-max-content;
    width: max-content;
    order: 2;
    padding: 10px 0 0;
}
.today-number {
    font-size: 3.5rem;
}
.board-lists {
    grid-template-columns: 1fr;
}
.lib-visual--sheets,
  .sec-body {
    grid-template-columns: 1fr;
}
.movies-rail {
    --movies-poster: 96px;
}
}
.today-weekday { --v: 0;
}
.today-number { --v: 1;
}
.today-month { --v: 2;
}
.today-greeting { --v: 3;
}
.today-resume-kicker { --v: 4;
}
.music-cover { --v: 0;
}
.music-title { --v: 1;
}
.music-controls { --v: 2;
}
.team-count,
.chats-unread { --v: 0;
}
.home-team-row:nth-child(1),
.movies-card:nth-child(1),
.photos-shot:nth-child(1),
.drive-row:nth-child(1),
.notes-item:nth-child(1),
.lib-track:nth-child(1),
.chats-row:nth-child(1),
.board-list:nth-child(1),
.sec-line:nth-child(1) { --v: 0;
}
.home-team-row:nth-child(2),
.movies-card:nth-child(2),
.photos-shot:nth-child(2),
.drive-row:nth-child(2),
.notes-item:nth-child(2),
.lib-track:nth-child(2),
.chats-row:nth-child(2),
.board-list:nth-child(2),
.sec-line:nth-child(2) { --v: 1;
}
.home-team-row:nth-child(3),
.movies-card:nth-child(3),
.photos-shot:nth-child(3),
.drive-row:nth-child(3),
.lib-track:nth-child(3),
.chats-row:nth-child(3),
.board-list:nth-child(3),
.sec-line:nth-child(3) { --v: 2;
}
.home-team-row:nth-child(4),
.movies-card:nth-child(4),
.photos-shot:nth-child(4),
.drive-row:nth-child(4) { --v: 3;
}
.photos-shot:nth-child(5) { --v: 4;
}
.photos-shot:nth-child(6) { --v: 5;
}
.photos-shot:nth-child(7) { --v: 6;
}
.photos-shot:nth-child(8) { --v: 7;
}
.drive-row:nth-child(5) { --v: 4;
}
.drive-row:nth-child(6) { --v: 5;
}
.home-team-row:nth-child(5),
.movies-card:nth-child(5) { --v: 4;
}
.home-team-row:nth-child(6),
.movies-card:nth-child(6) { --v: 5;
}
.home-team-row:nth-child(7),
.movies-card:nth-child(7) { --v: 6;
}
.home-team-row:nth-child(8),
.movies-card:nth-child(8) { --v: 7;
}
.today-weekday,
.today-number,
.today-month,
.today-greeting,
.today-resume-kicker,
.today-resume-row,
.home-team-row,
.movies-card,
.photos-shot,
.drive-row,
.notes-item,
.lib-track,
.chats-row,
.chats-more,
.chats-unread,
.board-list,
.board-task,
.sec-line,
.music-cover,
.music-title,
.music-controls {
  animation: home-value-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) backwards;
  animation-delay: calc(0.14s + (var(--hw-i, 0) * 70ms) + (var(--v, 0) * 55ms));
}
@keyframes home-value-in {
from {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: none;
}
}
.today-number {
  animation-name: home-day-in;
}
@keyframes home-day-in {
from {
    opacity: 0;
    transform: translateY(14px) scale(0.88);
}
to {
    opacity: 1;
    transform: none;
}
}
.movies-card {
  animation-name: home-poster-in;
  transition: transform 0.22s ease;
}
@keyframes home-poster-in {
from {
    opacity: 0;
    transform: translateX(20px);
}
to {
    opacity: 1;
    transform: none;
}
}
.movies-card:hover,
.movies-card:focus-visible {
  transform: scale(1.06);
  z-index: 2;
}
.photos-shot {
  transition: transform 0.22s ease;
}
.photos-shot:hover {
  transform: scale(1.03);
}
.drive-row,
.music-queue-item {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 0;
  box-shadow: none;
}
.drive-row,
.notes-item,
.lib-track,
.chats-row,
.today-resume-row,
.music-queue-item {
  transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}
.drive-row:hover,
.music-queue-item:hover {
  background: rgba(255, 255, 255, 0.055);
}
.chats-row:hover .chats-name,
.chats-row:focus-visible .chats-name {
  color: #fff;
}
.chats-row:hover .chats-preview,
.chats-row:focus-visible .chats-preview {
  color: #d4d4d4;
}
.today-resume-row:hover .today-resume-title,
.today-resume-row:focus-visible .today-resume-title,
.home-team-row--clickable:hover .home-team-name,
.home-team-row--clickable:focus-visible .home-team-name {
  color: #fff;
}
.today-resume-row:hover .today-resume-icon,
.today-resume-row:hover .today-resume-file,
.today-resume-row:focus-visible .today-resume-icon,
.today-resume-row:focus-visible .today-resume-file {
  color: #c4d4e2;
}
.drive-row:hover {
  transform: translateX(3px);
}
.home-team-masthead .person-avatar-dot.is-online {
  animation: home-dot-pulse 3.4s ease-in-out infinite;
}
@keyframes home-dot-pulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.12);
}
50% { box-shadow: 0 0 0 2px rgba(34, 197, 94, 0);
}
}
.sec-ring {
  animation: home-ring-draw 0.9s ease backwards;
  animation-delay: calc(0.28s + (var(--hw-i, 0) * 70ms));
}
@keyframes home-ring-draw {
from { stroke-dashoffset: 80;
}
to { stroke-dashoffset: 0;
}
}
.music-play {
  transition: color 0.16s ease;
}
.music-play:hover {
  color: #fff;
}
.music-bar-fill {
  transition: width 0.16s linear;
}
@media (prefers-reduced-motion: reduce) {
.hw-shift-move,
  .home-widget-ghost {
    transition: none !important;
}
.home-quiet-weekday,
  .home-quiet-number,
  .home-quiet-month,
  .home-quiet-hello,
  .home-quiet-body,
  .home-quiet-door,
  .home-widget,
  .home-widget-shimmer,
  .today-weekday,
  .today-number,
  .today-month,
  .today-greeting,
  .today-resume-row,
  .home-team-row,
  .team-count,
  .movies-card,
  .photos-shot,
  .drive-row,
  .notes-item,
  .lib-track,
  .chats-row,
  .chats-more,
  .chats-unread,
  .board-list,
  .board-task,
  .sec-line,
  .sec-ring,
  .music-cover,
  .music-title,
  .music-controls,
  .music-play,
  .music-bar-fill,
  .home-widget--team .person-avatar-dot.is-online {
    transition: none !important;
    animation: none !important;
}
}


.home-root[data-v-040e2ab9] {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
.home-scroll[data-v-040e2ab9] {
  flex: 1;
  min-height: 0;
  min-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: calc(var(--app-header-bar-height) + var(--app-header-top-offset) + 8px) 16px 24px;
  scrollbar-width: thin;
}
@media (min-width: 768px) {
.home-scroll[data-v-040e2ab9] {
    padding: calc(var(--app-header-bar-height) + var(--app-header-top-offset) + 8px) 32px 32px;
}
}
.home-content[data-v-040e2ab9] {
  min-height: -moz-min-content;
  min-height: min-content;
  min-width: 0;
  max-width: 100%;
  overflow-x: clip;
}
.home-space-delete[data-v-040e2ab9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 20px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(180, 83, 9, 0.2);
  border: 1px solid rgba(251, 191, 36, 0.4);
  color: #fde68a;
  font-size: 0.9375rem;
}
.home-space-delete p[data-v-040e2ab9] {
  margin: 0;
}
.home-space-delete-undo[data-v-040e2ab9] {
  flex-shrink: 0;
  border: none;
  background: none;
  color: #eee8dc;
  cursor: pointer;
  font-size: 0.875rem;
  text-decoration: underline;
  padding: 0;
}
.home-space-delete-undo[data-v-040e2ab9]:disabled {
  opacity: 0.4;
  cursor: default;
}





svg[data-v-1b3d416b] {
  width: 300px;
  height: 300px;
}


[data-v-c219520a] .confirm-panel {
  background:
    linear-gradient(165deg, rgba(238, 232, 220, 0.07), transparent 58%),
    rgba(46, 34, 24, 0.58);
  backdrop-filter: blur(20px) saturate(1.25);
  -webkit-backdrop-filter: blur(20px) saturate(1.25);
  border: 1px solid rgba(238, 232, 220, 0.08);
  box-shadow: none;
}
.confirm-body[data-v-c219520a] {
  text-align: left;
}
.confirm-title[data-v-c219520a] {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: #eee8dc;
}
.confirm-message[data-v-c219520a] {
  margin: 8px 0 0;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: rgba(238, 232, 220, 0.62);
  word-break: break-word;
}
.confirm-actions[data-v-c219520a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid rgba(238, 232, 220, 0.08);
}
.confirm-btn[data-v-c219520a] {
  min-height: 40px;
  padding: 8px 16px;
  border: 0;
  border-radius: 6px;
  font-size: 0.8125rem;
  cursor: pointer;
}
.confirm-btn--ghost[data-v-c219520a] {
  background: transparent;
  color: rgba(238, 232, 220, 0.72);
}
.confirm-btn--ghost[data-v-c219520a]:hover {
  background: rgba(238, 232, 220, 0.06);
  color: #eee8dc;
}
.confirm-btn--primary[data-v-c219520a] {
  background: rgba(238, 232, 220, 0.14);
  color: #eee8dc;
}
.confirm-btn--primary[data-v-c219520a]:hover {
  background: rgba(238, 232, 220, 0.2);
}
.confirm-btn--danger[data-v-c219520a] {
  background: transparent;
  color: #f97373;
}
.confirm-btn--danger[data-v-c219520a]:hover {
  background: rgba(239, 68, 68, 0.12);
  color: #fca5a5;
}


.peer-checked .peer-checked\:bg-slate-800[data-v-c2bc1f52] {
    background-color: #2d3748;
}
.peer-checked .peer-checked\:after\:translate-x-full[data-v-c2bc1f52] {
    transform: translateX(100%);
}
.peer-checked .peer-checked\:after\:border-white[data-v-c2bc1f52] {
    border-color: white;
}
  

.nav-shortcuts-picker[data-v-70a7cde3] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.nav-shortcuts-picker__row[data-v-70a7cde3] {
  display: flex;
  gap: 8px;
}
.nav-shortcuts-picker__btn[data-v-70a7cde3] {
  flex: 1;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  border: 0;
  background: rgba(238, 232, 220, 0.06);
  color: rgba(238, 232, 220, 0.88);
  cursor: pointer;
}
.nav-shortcuts-picker__btn[data-v-70a7cde3]:hover {
  background: rgba(238, 232, 220, 0.1);
  color: #eee8dc;
}
.nav-shortcuts-picker__btn--active[data-v-70a7cde3] {
  background: rgba(238, 232, 220, 0.16);
  color: #eee8dc;
}
.nav-shortcuts-picker--compact .nav-shortcuts-picker__btn[data-v-70a7cde3] {
  padding: 8px 10px;
}


.chat-blocked-settings-list[data-v-77726a4e] {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.chat-blocked-settings-row[data-v-77726a4e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(238, 232, 220, 0.08);
}


.offline-ai-info-banner[data-v-3c5b3442] {
  border: 1px solid;
  border-radius: 0.75rem;
  padding: 0.875rem 1rem;
}
.offline-ai-info-banner--warn[data-v-3c5b3442] {
  border-color: rgba(251, 191, 36, 0.35);
}
.offline-ai-recommendation[data-v-3c5b3442] {
  border: 1px solid;
  border-radius: 0.75rem;
  padding: 1rem;
}
.offline-ai-badge[data-v-3c5b3442] {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #191919;
  background: #a78bfa;
}
.offline-ai-spec-list[data-v-3c5b3442] {
  list-style: disc;
  padding-left: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.6;
}
.offline-ai-toggle-row[data-v-3c5b3442] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid;
  border-radius: 0.75rem;
  padding: 0.875rem 1rem;
}
.offline-ai-toggle-row--disabled[data-v-3c5b3442] {
  opacity: 0.65;
}
.offline-ai-toggle[data-v-3c5b3442] {
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
}
.offline-ai-cache-row[data-v-3c5b3442] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-top: 0.25rem;
  border-top: 1px solid;
}
.offline-ai-cache-clear[data-v-3c5b3442] {
  font-size: 0.8125rem;
  color: #f87171;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.offline-ai-cache-clear[data-v-3c5b3442]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.offline-ai-download[data-v-3c5b3442] {
  border: 1px solid;
  border-radius: 0.75rem;
  padding: 0.875rem 1rem;
}
.offline-ai-progress-track[data-v-3c5b3442] {
  margin-top: 0.75rem;
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}
.offline-ai-progress-fill[data-v-3c5b3442] {
  height: 100%;
  background: #eee8dc;
  transition: width 0.2s ease;
}


.settings-root {
  font-family: "Fustat", sans-serif;
  background: transparent;
  color: #eee8dc;
}
.settings-stage {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding:
    calc(var(--app-header-bar-height) + var(--app-header-top-offset) + 8px)
    20px
    24px;
  overflow: hidden;
}
@media (max-width: 767px) {
.settings-stage {
    padding:
      calc(var(--app-header-bar-height) + var(--app-header-top-offset) + 8px)
      12px
      16px;
}
}
.settings-sheet {
  width: 100%;
  max-width: 64rem;
  margin: 0 auto;
  flex: 1;
  min-height: 0;
  display: flex;
  border-radius: 10px;
  background: rgba(238, 232, 220, 0.1);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
  overflow: hidden;
}
.settings-rail {
  width: 220px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 14px 10px;
  border-right: 1px solid rgba(238, 232, 220, 0.08);
  overflow-y: auto;
}
.settings-rail-btn {
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  color: rgba(238, 232, 220, 0.84);
  font: inherit;
  font-size: 0.8125rem;
  letter-spacing: 0.02em;
  padding: 8px 10px;
  border-radius: 6px;
  cursor: pointer;
}
.settings-rail-btn:hover,
.settings-rail-btn.is-on {
  background: rgba(238, 232, 220, 0.08);
  color: #eee8dc;
}
.settings-panel {
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  padding: 22px 24px 28px;
}
.settings-panel-head {
  margin-bottom: 22px;
}
.settings-panel-title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: #eee8dc;
}
.settings-panel-lead,
.settings-hint {
  margin: 6px 0 0;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: rgba(238, 232, 220, 0.8);
}
.settings-body,
.settings-stack {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 32rem;
}
.settings-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.settings-label,
.settings-row-title {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #eee8dc;
}
.settings-input,
.settings-readonly {
  width: 100%;
  box-sizing: border-box;
  min-height: 40px;
  padding: 8px 14px;
  border-radius: 6px;
  border: 1px solid rgba(238, 232, 220, 0.12);
  background: rgba(238, 232, 220, 0.08);
  color: #eee8dc;
  font: inherit;
  font-size: 0.875rem;
  color-scheme: dark;
}
.settings-input:focus {
  outline: none;
  border-color: rgba(238, 232, 220, 0.28);
}
.settings-input::-moz-placeholder {
  color: rgba(238, 232, 220, 0.58);
}
.settings-input::placeholder {
  color: rgba(238, 232, 220, 0.58);
}
select.settings-input {
  cursor: pointer;
}
.settings-input--code {
  text-align: center;
  letter-spacing: 0.28em;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.settings-readonly {
  display: flex;
  align-items: center;
  color: rgba(238, 232, 220, 0.9);
}
.settings-row,
.settings-session {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.settings-session {
  padding: 12px 0;
  border-bottom: 1px solid rgba(238, 232, 220, 0.08);
}
.settings-session-top {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.settings-avatar-row {
  display: flex;
  align-items: center;
  gap: 16px;
}
.settings-avatar {
  width: 56px;
  height: 56px;
  border-radius: 999px;
  overflow: hidden;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  background: rgba(238, 232, 220, 0.08);
  color: #eee8dc;
  font-size: 1.125rem;
}
.settings-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.settings-avatar-actions {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.settings-btn-row,
.settings-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.settings-actions {
  padding-top: 8px;
}
.settings-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 8px 16px;
  border: 1px solid rgba(238, 232, 220, 0.28);
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.2);
  color: #eee8dc;
  cursor: pointer;
  font: inherit;
  font-size: 0.8125rem;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.settings-btn:hover:not(:disabled) {
  background: rgba(238, 232, 220, 0.28);
  border-color: rgba(238, 232, 220, 0.4);
}
.settings-btn--primary {
  background: rgba(238, 232, 220, 0.28);
  border-color: rgba(238, 232, 220, 0.34);
  color: #eee8dc;
}
.settings-btn--primary:hover:not(:disabled) {
  background: rgba(238, 232, 220, 0.36);
  border-color: rgba(238, 232, 220, 0.44);
}
.settings-btn--danger {
  color: #f97373;
  border-color: rgba(239, 68, 68, 0.28);
  background: rgba(239, 68, 68, 0.1);
}
.settings-btn--danger:hover:not(:disabled) {
  background: rgba(239, 68, 68, 0.18);
  border-color: rgba(239, 68, 68, 0.4);
  color: #fca5a5;
}
.settings-btn:disabled {
  opacity: 0.4;
  cursor: default;
}
.settings-note {
  margin: 0;
  font-size: 0.8125rem;
  color: rgba(238, 232, 220, 0.88);
}
.settings-note--danger {
  color: #f97373;
}
.settings-pill {
  flex-shrink: 0;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 0.6875rem;
  letter-spacing: 0.02em;
  color: rgba(238, 232, 220, 0.82);
  background: rgba(238, 232, 220, 0.08);
}
.settings-pill.is-on {
  color: #eee8dc;
  background: rgba(183, 203, 216, 0.18);
}
.settings-strength {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.75rem;
  color: rgba(238, 232, 220, 0.7);
}
.settings-strength-track {
  flex: 1;
  height: 3px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(238, 232, 220, 0.08);
}
.settings-strength-fill {
  height: 100%;
  background: rgba(238, 232, 220, 0.4);
}
.settings-strength-fill.is-weak { background: #f97373;
}
.settings-strength-fill.is-fair { background: rgba(238, 232, 220, 0.45);
}
.settings-strength-fill.is-good { background: #b7cbd8;
}
.settings-strength-fill.is-strong { background: #eee8dc;
}
.settings-recovery {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px 0;
  border-top: 1px solid rgba(238, 232, 220, 0.08);
}
.settings-recovery-code,
.settings-secret {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.75rem;
  word-break: break-all;
  color: #eee8dc;
  background: rgba(238, 232, 220, 0.08);
  border-radius: 6px;
  padding: 8px 10px;
}
.settings-qr {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.settings-qr-img {
  width: 176px;
  height: 176px;
  background: #fff;
  border-radius: 6px;
  padding: 8px;
}
.settings-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
@media (max-width: 767px) {
.settings-sheet {
    flex-direction: column;
}
.settings-rail {
    width: 100%;
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    border-right: 0;
    border-bottom: 1px solid rgba(238, 232, 220, 0.08);
    padding: 10px;
}
.settings-rail-btn {
    width: auto;
    white-space: nowrap;
}
.settings-panel {
    padding: 18px 16px 24px;
}
}


.button-36[data-v-708755c8] {
  background-image: linear-gradient(92.88deg, #455EB5 9.16%, #5643CC 43.89%, #673FD7 64.72%);
  border-radius: 8px;
  border-style: none;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  flex-shrink: 0;
  font-family: "Inter UI","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: 2.5rem;
  padding: 0 1.6rem;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.25) 0 3px 8px;
  transition: all .5s;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}
.button-36[data-v-708755c8]:hover {
  box-shadow: rgba(80, 63, 205, 0.5) 0 1px 30px;
  transition-duration: .1s;
}



.drive-preview-toast[data-v-7f18caa8] {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 80;
  width: min(100%, 22rem);
  padding: 14px 16px;
  border-radius: 8px;
  background: rgba(21, 18, 14, 0.94);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
  color: #eee8dc;
}
.drive-preview[data-v-7f18caa8] {
  position: fixed;
  inset: 0;
  z-index: 70;
  display: flex;
  flex-direction: column;
}
.drive-preview-scrim[data-v-7f18caa8] {
  position: absolute;
  inset: 0;
  background: rgba(21, 18, 14, 0.55);
}
.drive-preview-shell[data-v-7f18caa8] {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  margin: 58px 20px 20px;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(21, 18, 14, 0.92);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.4);
  color: #eee8dc;
}
.drive-preview-top[data-v-7f18caa8] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 52px;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(238, 232, 220, 0.08);
}
.drive-preview-back[data-v-7f18caa8],
.drive-preview-icon[data-v-7f18caa8] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #eee8dc;
  cursor: pointer;
}
.drive-preview-back svg[data-v-7f18caa8],
.drive-preview-icon svg[data-v-7f18caa8] {
  width: 18px;
  height: 18px;
}
.drive-preview-heading[data-v-7f18caa8] {
  flex: 1;
  min-width: 0;
}
.drive-preview-title[data-v-7f18caa8] {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: #eee8dc;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.drive-preview-meta[data-v-7f18caa8] {
  margin: 2px 0 0;
  font-size: 0.75rem;
  color: rgba(238, 232, 220, 0.55);
}
.drive-preview-actions[data-v-7f18caa8] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.drive-preview-download[data-v-7f18caa8] {
  padding: 8px 14px;
  border: 0;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.12);
  color: #eee8dc;
  font-size: 0.8125rem;
  cursor: pointer;
}
.drive-preview-download[data-v-7f18caa8]:hover {
  background: rgba(238, 232, 220, 0.18);
}
.drive-preview-download[data-v-7f18caa8]:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.drive-preview-quiet[data-v-7f18caa8] {
  padding: 6px 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: rgba(238, 232, 220, 0.7);
  font-size: 0.75rem;
  cursor: pointer;
}
.drive-preview-history[data-v-7f18caa8] {
  padding: 10px 16px 12px;
  border-bottom: 1px solid rgba(238, 232, 220, 0.08);
}
.drive-preview-history-toggle[data-v-7f18caa8] {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  border: 0;
  background: none;
  color: rgba(238, 232, 220, 0.72);
  font-size: 0.8125rem;
  cursor: pointer;
}
.drive-preview-history-count[data-v-7f18caa8] {
  color: rgba(238, 232, 220, 0.45);
  font-weight: 400;
}
.drive-preview-history-chevron[data-v-7f18caa8] {
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease;
}
.drive-preview-history-chevron.is-open[data-v-7f18caa8] {
  transform: rotate(180deg);
}
.drive-preview-history-list[data-v-7f18caa8] {
  margin-top: 10px;
  max-height: 160px;
  overflow: auto;
}
.drive-preview-history-row[data-v-7f18caa8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.05);
}
.drive-preview-history-row + .drive-preview-history-row[data-v-7f18caa8] {
  margin-top: 6px;
}
.drive-preview-history-copy[data-v-7f18caa8] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  min-width: 0;
  font-size: 0.75rem;
  color: rgba(238, 232, 220, 0.7);
}
.drive-preview-history-id[data-v-7f18caa8] {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.625rem;
  color: rgba(238, 232, 220, 0.4);
}
.drive-preview-history-empty[data-v-7f18caa8] {
  margin: 8px 0 0;
  font-size: 0.75rem;
  color: rgba(238, 232, 220, 0.45);
}
.drive-preview-body[data-v-7f18caa8] {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 20px 22px 24px;
  background: transparent;
}
.drive-preview-media[data-v-7f18caa8] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.045);
  overflow: hidden;
}
.drive-preview-image[data-v-7f18caa8] {
  max-width: 100%;
  max-height: calc(100vh - 180px);
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.drive-preview-video[data-v-7f18caa8],
.drive-preview-frame[data-v-7f18caa8] {
  width: 100%;
  height: calc(100vh - 180px);
  max-height: calc(100vh - 180px);
  border: 0;
  background: #fff;
}
.drive-preview-audio[data-v-7f18caa8] {
  width: min(420px, 100%);
}
.drive-preview-text[data-v-7f18caa8] {
  min-height: 100%;
  padding: 18px 20px;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.045);
}
.drive-preview-text pre[data-v-7f18caa8] {
  margin: 0;
  white-space: pre-wrap;
  font-size: 0.8125rem;
  color: #eee8dc;
}
.drive-preview-empty[data-v-7f18caa8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: min(420px, calc(100vh - 200px));
  padding: 40px 24px;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.045);
  text-align: center;
}
.drive-preview-badge[data-v-7f18caa8] {
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  width: 48px;
  height: 58px;
  margin-bottom: 6px;
  padding-bottom: 8px;
  border-radius: 4px;
  background: #f4b4a8;
  color: #1a1714;
  font-size: 0.625rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.22);
}
.drive-preview-name[data-v-7f18caa8] {
  margin: 0;
  font-size: 0.9375rem;
  color: #eee8dc;
}
.drive-preview-hint[data-v-7f18caa8] {
  margin: 0 0 8px;
  max-width: 28rem;
  font-size: 0.8125rem;
  color: rgba(238, 232, 220, 0.55);
}
.preview-loading[data-v-7f18caa8] {
  width: 100%;
  max-width: 20rem;
  margin: 0 auto;
  text-align: center;
  padding-top: 4rem;
}
.preview-loading-status[data-v-7f18caa8] {
  margin-top: 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #eee8dc;
}
.preview-loading-bar[data-v-7f18caa8] {
  width: 100%;
  height: 0.375rem;
  border-radius: 999px;
  overflow: hidden;
  margin-top: 0.75rem;
  background: rgba(238, 232, 220, 0.12);
}
.preview-loading-bar-fill[data-v-7f18caa8] {
  height: 100%;
  border-radius: 999px;
  transition: width 0.3s ease;
  background: #eee8dc;
}
.preview-loading-percent[data-v-7f18caa8] {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: rgba(238, 232, 220, 0.5);
}
.puzzle-loader[data-v-7f18caa8] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.puzzle-loader-grid[data-v-7f18caa8] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3px;
}
.puzzle-loader--sm .puzzle-loader-grid[data-v-7f18caa8] {
  width: 2.25rem;
  height: 2.25rem;
}
.puzzle-loader--lg .puzzle-loader-grid[data-v-7f18caa8] {
  width: 4.5rem;
  height: 4.5rem;
}
.puzzle-piece[data-v-7f18caa8] {
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.08);
  transition: transform 0.35s cubic-bezier(0.34, 1.4, 0.64, 1), background-color 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease;
}
.puzzle-piece--pending[data-v-7f18caa8] {
  opacity: 0.35;
  animation: puzzle-float-7f18caa8 2.2s ease-in-out infinite;
  animation-delay: var(--piece-delay, 0s);
}
.puzzle-piece--locked[data-v-7f18caa8] {
  opacity: 1;
  background: var(--piece-accent, #EEE8DC);
  transform: scale(1);
  box-shadow: 0 0 10px rgba(238, 232, 220, 0.25);
  animation: puzzle-snap-7f18caa8 0.4s cubic-bezier(0.34, 1.4, 0.64, 1);
}
.puzzle-loader-icon[data-v-7f18caa8] {
  position: absolute;
  width: 38%;
  height: 38%;
  pointer-events: none;
}
.puzzle-loader--sm .puzzle-piece[data-v-7f18caa8] {
  border-radius: 2px;
}
@keyframes puzzle-float-7f18caa8 {
0%, 100% {
    transform: translate(0, 0) rotate(0deg) scale(0.92);
    opacity: 0.25;
}
25% {
    transform: translate(-1px, -2px) rotate(-4deg) scale(0.9);
}
50% {
    transform: translate(1px, 1px) rotate(3deg) scale(0.94);
    opacity: 0.45;
}
75% {
    transform: translate(0, -1px) rotate(-2deg) scale(0.91);
}
}
@keyframes puzzle-snap-7f18caa8 {
0% {
    transform: scale(0.7);
    opacity: 0.5;
}
60% {
    transform: scale(1.08);
}
100% {
    transform: scale(1);
    opacity: 1;
}
}
.puzzle-piece[data-v-7f18caa8]:nth-child(1) { --dx: -3px; --dy: -2px; --rot: -6deg;
}
.puzzle-piece[data-v-7f18caa8]:nth-child(2) { --dx: 0px; --dy: -3px; --rot: 4deg;
}
.puzzle-piece[data-v-7f18caa8]:nth-child(3) { --dx: 3px; --dy: -1px; --rot: -3deg;
}
.puzzle-piece[data-v-7f18caa8]:nth-child(4) { --dx: -2px; --dy: 1px; --rot: 5deg;
}
.puzzle-piece[data-v-7f18caa8]:nth-child(5) { --dx: 0px; --dy: 0px; --rot: -2deg;
}
.puzzle-piece[data-v-7f18caa8]:nth-child(6) { --dx: 2px; --dy: 2px; --rot: 4deg;
}
.puzzle-piece[data-v-7f18caa8]:nth-child(7) { --dx: -3px; --dy: 2px; --rot: -4deg;
}
.puzzle-piece[data-v-7f18caa8]:nth-child(8) { --dx: 1px; --dy: 3px; --rot: 3deg;
}
.puzzle-piece[data-v-7f18caa8]:nth-child(9) { --dx: 3px; --dy: 1px; --rot: -5deg;
}


.page-header[data-v-7fb418a7] {
  flex-shrink: 0;
  box-sizing: border-box;
  padding-top: var(--app-header-top-offset);
  padding-left: var(--app-header-padding-x);
  padding-right: var(--app-header-content-right);
  min-height: calc(var(--app-header-bar-height) + var(--app-header-top-offset));
  background: transparent;
  border: 0;
}
.page-header--inset[data-v-7fb418a7] {
  padding-left: 0;
}
.page-header-toolbar[data-v-7fb418a7] {
  display: flex;
  align-items: center;
  gap: 16px;
  height: var(--app-header-bar-height);
  min-height: var(--app-header-bar-height);
}
.page-header-title-row[data-v-7fb418a7] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex-shrink: 0;
}
.page-header-title[data-v-7fb418a7] {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  line-height: 1;
}
.page-header-meta[data-v-7fb418a7] {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}
.page-header-actions[data-v-7fb418a7] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  margin-left: auto;
}


/* Documents layout (HomeContent-style) */
.documents-root[data-v-e5703e46] {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  overflow-x: hidden;
}
.documents-inner[data-v-e5703e46] {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  overflow-x: hidden;
}
.documents-scroll[data-v-e5703e46] {
  flex: 1;
  min-height: 0;
  min-width: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 16px 20px 20px;
  scrollbar-width: thin;
}
.documents-content[data-v-e5703e46] {
  min-height: -moz-min-content;
  min-height: min-content;
  min-width: 0;
  max-width: 100%;
}
.documents-toolbar[data-v-e5703e46] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.documents-tabs[data-v-e5703e46] {
  display: flex;
  gap: 4px;
}
.documents-tab-btn[data-v-e5703e46] {
  padding: 0 10px 0 0;
  font-size: 0.8125rem;
  line-height: 1.3;
  font-weight: 400;
  background: none;
  border: none;
  border-radius: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #b0b0b0;
}
.documents-tab-btn[data-v-e5703e46]:hover {
  color: #eee8dc;
}
.documents-tab-active[data-v-e5703e46] {
  background: transparent;
  color: #eee8dc;
}
.documents-tab-icon[data-v-e5703e46] {
  width: 14px;
  height: 14px;
}
.documents-toolbar-right[data-v-e5703e46] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  flex: 1;
  min-width: 0;
  justify-content: flex-end;
}
.documents-actions[data-v-e5703e46] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  flex-shrink: 0;
}
.documents-action-btn[data-v-e5703e46] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
  white-space: nowrap;
}
.documents-action-btn[data-v-e5703e46]:not(.documents-action-btn--primary):hover {
  background: rgba(255, 255, 255, 0.08) !important;
}
.documents-action-btn--primary[data-v-e5703e46] {
  border-color: transparent;
}
.documents-search-wrap[data-v-e5703e46] {
  position: relative;
  flex: 1;
  max-width: 240px;
}
.documents-search-icon[data-v-e5703e46] {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  color: #808080;
}
.documents-search-input[data-v-e5703e46] {
  width: 100%;
  padding: 8px 12px 8px 36px;
  font-size: 13px;
  border-radius: 6px;
  border: 0;
  outline: none;
  color: #eee8dc;
  background: rgba(238, 232, 220, 0.06);
}
.documents-search-input[data-v-e5703e46]:focus {
  background: rgba(255, 255, 255, 0.08) !important;
}
.documents-search-input[data-v-e5703e46]::-moz-placeholder {
  color: #928787;
}
.documents-search-input[data-v-e5703e46]::placeholder {
  color: #928787;
}
.home-spinner[data-v-e5703e46] {
  width: 24px;
  height: 24px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-top-color: #fff;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
.documents-grid[data-v-e5703e46] {
  gap: 14px;
}
.documents-library[data-v-e5703e46] {
  min-width: 0;
}
.documents-grid.is-photos[data-v-e5703e46] {
  display: grid;
  align-items: start;
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  gap: 18px 14px;
}
.photos-album-head[data-v-e5703e46] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px;
  min-height: 36px;
}
.photos-album-back[data-v-e5703e46] {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0 0 0 -8px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #eee8dc;
  cursor: pointer;
}
.photos-album-back svg[data-v-e5703e46] {
  width: 20px;
  height: 20px;
}
.photos-album-back[data-v-e5703e46]:hover {
  color: #fff;
}
.photos-album-title[data-v-e5703e46] {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #eee8dc;
}
.documents-card.photos-shot[data-v-e5703e46] {
  height: auto;
  padding: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.documents-card.photos-shot[data-v-e5703e46]:hover {
  transform: none;
  box-shadow: none;
}
.photos-shot-frame[data-v-e5703e46] {
  position: relative;
  aspect-ratio: 1;
  border-radius: 6px;
  overflow: hidden;
  background: rgba(238, 232, 220, 0.09);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
}
.photos-shot-frame img[data-v-e5703e46] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.documents-card.photos-shot:hover .photos-shot-frame img[data-v-e5703e46] {
  transform: scale(1.04);
}
.photos-shot-menu[data-v-e5703e46] {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: rgba(21, 18, 14, 0.45);
  color: #eee8dc;
  cursor: pointer;
  opacity: 0;
}
.documents-card.photos-shot:hover .photos-shot-menu[data-v-e5703e46] {
  opacity: 1;
}
.photos-shot-copy[data-v-e5703e46] {
  margin-top: 8px;
  min-width: 0;
}
.photos-shot-name[data-v-e5703e46] {
  font-size: 0.8125rem;
  color: #eee8dc;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.documents-grid.is-drive[data-v-e5703e46] {
  display: grid;
  align-items: start;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
.documents-grid.is-drive .documents-card[data-v-e5703e46] {
  height: auto;
}
.documents-card.drive-file[data-v-e5703e46] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 8px 10px 10px;
}
.documents-card.drive-file .drive-copy[data-v-e5703e46] {
  flex: 1;
}
.documents-card.drive-file .drive-name.is-muted[data-v-e5703e46] {
  opacity: 0.5;
}
.documents-card.drive-file.is-trash .drive-name[data-v-e5703e46],
.documents-card--trash.drive-file .drive-name[data-v-e5703e46] {
  text-decoration: line-through;
}
.drive-file-menu[data-v-e5703e46] {
  margin-left: auto;
  padding: 4px;
  border: 0;
  background: transparent;
  color: rgba(238, 232, 220, 0.45);
  cursor: pointer;
  opacity: 0;
}
.documents-card.drive-file:hover .drive-file-menu[data-v-e5703e46] {
  opacity: 1;
}
.photos-section-label[data-v-e5703e46] {
  grid-column: 1 / -1;
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.3;
  font-weight: 400;
  color: #b0b0b0;
}
.photos-section-label.is-follow[data-v-e5703e46] {
  margin-top: 28px;
}
.photos-album-icon[data-v-e5703e46] {
  width: 13px;
  height: 13px;
  color: rgba(238, 232, 220, 0.4);
}
.documents-card.photos-album[data-v-e5703e46] {
  height: auto;
  padding: 12px;
}
.photos-album-preview[data-v-e5703e46] {
  display: flex;
  gap: 4px;
  margin: 10px 0 12px;
}
.photos-album-preview img[data-v-e5703e46] {
  width: 44px;
  height: 44px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2px;
}
.documents-card[data-v-e5703e46] {
  position: relative;
  height: 12rem;
  padding: 18px 20px 20px;
  border: 0;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.045);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  color: #eee8dc;
  cursor: pointer;
  overflow: hidden;
  isolation: isolate;
  transition:
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.documents-card[data-v-e5703e46]:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14);
}
.documents-card--back[data-v-e5703e46],
.documents-card--folder[data-v-e5703e46] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.documents-card--file[data-v-e5703e46] {
  padding: 0;
}
.documents-card--trash[data-v-e5703e46] {
  opacity: 0.7;
  filter: grayscale(1);
}
.documents-card-title[data-v-e5703e46] {
  margin: 0;
  color: #eee8dc;
  font-weight: 500;
}
.documents-card-menu-btn[data-v-e5703e46] {
  margin: 0;
  padding: 4px;
  border: 0;
  background: transparent;
  color: #eee8dc;
  cursor: pointer;
}


.album-radio[data-v-7c5a685c] {
  accent-color: #eee8dc;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}


.music-check[data-v-2cd0676c] {
  display: grid;
  place-items: center;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(183, 203, 216, 0.75);
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
}
.music-check-dot[data-v-2cd0676c] {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #b7cbd8;
  transform: scale(0);
}
.music-check.is-on .music-check-dot[data-v-2cd0676c] {
  animation: music-check-pop-2cd0676c 0.45s cubic-bezier(0.34, 1.7, 0.64, 1) forwards;
}
@keyframes music-check-pop-2cd0676c {
0% { transform: scale(0);
}
55% { transform: scale(1.45);
}
100% { transform: scale(1);
}
}
.music-text-btn[data-v-2cd0676c] {
  padding: 0;
  border: 0;
  background: transparent;
  color: #b0b0b0;
  font-size: 0.8125rem;
  line-height: 1.3;
  cursor: pointer;
}
.music-text-btn.is-ready[data-v-2cd0676c],
.music-text-btn[data-v-2cd0676c]:hover:not(:disabled) {
  color: #eee8dc;
}
.music-menu-kicker[data-v-2cd0676c] {
  margin: 6px 10px 2px;
  font-size: 11px;
  line-height: 1.3;
  color: rgba(238, 232, 220, 0.72);
}
.music-text-btn[data-v-2cd0676c]:disabled {
  opacity: 0.4;
  cursor: default;
}
.music-menu--anchor[data-v-2cd0676c] {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 40;
  background:
    linear-gradient(165deg, rgba(238, 232, 220, 0.1), transparent 55%),
    rgba(24, 18, 14, 0.96);
  backdrop-filter: blur(24px) saturate(1.25);
  -webkit-backdrop-filter: blur(24px) saturate(1.25);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.38);
}
.music-menu--anchor .music-menu-item[data-v-2cd0676c]:hover,
.music-menu--anchor .music-menu-item[data-v-2cd0676c]:focus-visible {
  background: rgba(238, 232, 220, 0.12);
}
.music-menu[data-v-2cd0676c] {
  --hw-tint-rgb: 238, 232, 220;
  width: 224px;
  padding: 6px;
  border: 0;
  border-radius: 6px;
  background:
    linear-gradient(165deg, rgba(238, 232, 220, 0.06), transparent 60%),
    rgba(46, 34, 24, 0.42);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  font-family: "Fustat", sans-serif;
  animation: music-menu-in-2cd0676c 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.music-menu-item[data-v-2cd0676c] {
  display: block;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #eee8dc;
  text-align: left;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.2;
  cursor: pointer;
}
.music-menu-item[data-v-2cd0676c]:hover,
.music-menu-item[data-v-2cd0676c]:focus-visible {
  background: rgba(238, 232, 220, 0.07);
}
.music-menu-item--danger[data-v-2cd0676c] {
  color: #f97373;
}
@keyframes music-menu-in-2cd0676c {
from {
    opacity: 0;
    transform: translateY(-6px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.music-rise[data-v-2cd0676c] {
  animation: music-rise-2cd0676c 1.05s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.music-rise--late[data-v-2cd0676c] {
  animation-delay: 0.62s;
}
@keyframes music-rise-2cd0676c {
from {
    opacity: 0;
    transform: translateY(16px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@media (prefers-reduced-motion: reduce) {
.music-rise[data-v-2cd0676c],
  .music-rise--late[data-v-2cd0676c] {
    animation: none;
}
}
.music-section-label[data-v-2cd0676c] {
  margin: 0 0 8px;
  font-size: 0.8125rem;
  line-height: 1.3;
  font-weight: 400;
  color: #b0b0b0;
}
.music-album-card[data-v-2cd0676c] {
  cursor: pointer;
}
.album-page[data-v-2cd0676c] {
  position: relative;
  padding-top: calc(var(--app-header-bar-height) + var(--app-header-top-offset) + 28px);
}
.album-back[data-v-2cd0676c] {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0 0 12px -8px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #eee8dc;
  cursor: pointer;
}
.album-hero-cover[data-v-2cd0676c] {
  position: relative;
  display: block;
  width: min(100%, 280px);
  aspect-ratio: 1;
  margin-bottom: 16px;
  border-radius: 6px;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
}
.album-hero-title[data-v-2cd0676c] {
  position: relative;
  margin: 0;
  font-size: 22px;
  font-weight: 500;
  color: #f7f7f5;
}
.album-hero-artist[data-v-2cd0676c] {
  position: relative;
  margin: 4px 0 0;
  font-size: 13px;
  color: rgba(238, 232, 220, 0.62);
}
.album-play[data-v-2cd0676c] {
  position: relative;
  margin: 14px 0 28px;
}
.album-tracks[data-v-2cd0676c] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.album-tracks.is-reordering[data-v-2cd0676c] {
  cursor: grabbing;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.album-track[data-v-2cd0676c] {
  cursor: grab;
  touch-action: none;
}
.album-track.is-origin[data-v-2cd0676c] {
  opacity: 0.28;
  pointer-events: none;
}
.album-track-drop[data-v-2cd0676c] {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 70;
  pointer-events: none;
  border-radius: 999px;
  background: rgba(238, 232, 220, 0.78);
}
.album-track-ghost[data-v-2cd0676c] {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 80;
  display: flex;
  align-items: center;
  padding: 0 14px;
  border-radius: 6px;
  pointer-events: none;
  background: rgba(238, 232, 220, 0.12);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
  color: #f7f7f5;
  font-size: 13px;
  will-change: transform;
}
.album-track-index[data-v-2cd0676c] {
  width: 16px;
  flex-shrink: 0;
  font-size: 12px;
  color: rgba(238, 232, 220, 0.5);
}
.music-albums[data-v-2cd0676c] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(148px, 168px));
  gap: 22px 20px;
  align-items: start;
}
.music-album-card[data-v-2cd0676c] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 12px 12px 10px;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.09);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
  transition: box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
.music-album-card[data-v-2cd0676c]::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0.42;
  mix-blend-mode: overlay;
  filter: contrast(1.4) brightness(1);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='mag' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23mag)'/%3E%3C/svg%3E");
  background-size: 52px 52px;
}
.music-album-card[data-v-2cd0676c] > *:not(.music-album-menu) {
  position: relative;
  z-index: 2;
}
.music-album-card[data-v-2cd0676c]:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.28);
}
.music-album-card:hover .music-album-cover[data-v-2cd0676c] {
  transform: scale(1.04);
}
.music-album-cover[data-v-2cd0676c] {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  margin-bottom: 10px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.music-album-menu[data-v-2cd0676c] {
  position: absolute;
  right: 6px;
  bottom: 8px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: rgba(238, 232, 220, 0.72);
  cursor: pointer;
}
.music-album-menu[data-v-2cd0676c]:hover {
  color: #eee8dc;
}
.music-album-title[data-v-2cd0676c] {
  padding-right: 22px;
  font-size: 13px;
  font-weight: 500;
  color: #f7f7f5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.music-album-artist[data-v-2cd0676c] {
  margin-top: 2px;
  padding-right: 22px;
  font-size: 12px;
  color: rgba(238, 232, 220, 0.62);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.music-player[data-v-2cd0676c] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 100%;
  padding: 72px 28px 48px;
  background: transparent;
}
.music-player-layout[data-v-2cd0676c] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: min(860px, 100%);
}
.music-player-back[data-v-2cd0676c] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0 0 8px -8px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #eee8dc;
  cursor: pointer;
}
.music-player-back svg[data-v-2cd0676c] {
  width: 20px;
  height: 20px;
}
.music-player-back[data-v-2cd0676c]:hover {
  color: #fff;
}
.music-player-stage[data-v-2cd0676c] {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 72px;
  width: 100%;
}
.music-player-card[data-v-2cd0676c] {
  width: min(420px, 100%);
  flex: 1 1 320px;
  background: none;
  box-shadow: none;
}
.music-player-more[data-v-2cd0676c] {
  width: 220px;
  flex-shrink: 0;
  max-height: 420px;
  overflow: auto;
}
.music-player-more-row[data-v-2cd0676c] {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 7px 0;
  border: 0;
  background: none;
  color: #eee8dc;
  text-align: left;
  cursor: pointer;
}
.music-player-more-row img[data-v-2cd0676c] {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  flex-shrink: 0;
}
.music-player-more-row span[data-v-2cd0676c] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.music-player-more-title[data-v-2cd0676c],
.music-player-more-artist[data-v-2cd0676c] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.music-player-more-title[data-v-2cd0676c] {
  font-size: 0.8125rem;
}
.music-player-more-artist[data-v-2cd0676c] {
  font-size: 0.75rem;
  color: #b0b0b0;
}
.music-player-more-row:hover .music-player-more-title[data-v-2cd0676c] {
  color: #eee8dc;
}
.music-player-cover[data-v-2cd0676c] {
  display: block;
  width: 148px;
  height: 148px;
  border-radius: 6px;
  -o-object-fit: cover;
     object-fit: cover;
}
.music-player-copy[data-v-2cd0676c] {
  margin-top: 14px;
}
.music-player-title[data-v-2cd0676c] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 500;
  color: #eee8dc;
}
.music-player-meta[data-v-2cd0676c] {
  margin: 4px 0 0;
  font-size: 0.8125rem;
  color: #b0b0b0;
}
.music-player-progress[data-v-2cd0676c] {
  margin-top: 16px;
}
.music-player-controls[data-v-2cd0676c] {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 16px;
}
.music-player-play[data-v-2cd0676c],
.music-player-skip[data-v-2cd0676c] {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  color: #eee8dc;
  cursor: pointer;
}
.music-player-play[data-v-2cd0676c] {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: rgba(238, 232, 220, 0.1);
}
.music-player-play svg[data-v-2cd0676c],
.music-player-skip svg[data-v-2cd0676c] {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.music-player-skip[data-v-2cd0676c] {
  width: 28px;
  height: 28px;
  padding: 0;
  background: none;
  color: rgba(238, 232, 220, 0.7);
}
.music-player-actions[data-v-2cd0676c] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin-top: 18px;
}
.music-player-action[data-v-2cd0676c] {
  padding: 0;
  border: 0;
  background: none;
  color: #b0b0b0;
  font: inherit;
  font-size: 0.8125rem;
  cursor: pointer;
}
.music-player-action[data-v-2cd0676c]:hover {
  color: #eee8dc;
}
.music-player-action.is-danger[data-v-2cd0676c]:hover {
  color: #f97373;
}
.music-track-card[data-v-2cd0676c] {
  padding: 6px 12px;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.09);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
  transition: background 0.2s ease, box-shadow 0.2s ease;
}
.music-track-card[data-v-2cd0676c]:hover,
.music-track-card.is-selected[data-v-2cd0676c] {
  background: rgba(238, 232, 220, 0.12);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
}
.music-row-pause[data-v-2cd0676c] {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(238, 232, 220, 0.1);
  color: #eee8dc;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.music-row-pause svg[data-v-2cd0676c] {
  width: 14px;
  height: 14px;
  fill: currentColor;
}
.music-row-pause[data-v-2cd0676c]:hover {
  background: rgba(238, 232, 220, 0.16);
}
.music-row-progress[data-v-2cd0676c] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
.music-row-time[data-v-2cd0676c] {
  flex-shrink: 0;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  color: rgba(238, 232, 220, 0.62);
}
.music-row-scrub[data-v-2cd0676c] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  flex: 1;
  min-width: 0;
  height: 4px;
  margin: 0;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(to right, #eee8dc var(--music-progress, 0%), rgba(238, 232, 220, 0.18) var(--music-progress, 0%));
  cursor: pointer;
}
.music-row-scrub[data-v-2cd0676c]::-webkit-slider-runnable-track {
  height: 4px;
  background: transparent;
  border: 0;
}
.music-row-scrub[data-v-2cd0676c]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  margin-top: -4px;
  border: 0;
  border-radius: 999px;
  background: #eee8dc;
}
.music-row-scrub[data-v-2cd0676c]::-moz-range-track {
  height: 4px;
  background: transparent;
  border: 0;
}
.music-row-scrub[data-v-2cd0676c]::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border: 0;
  border-radius: 999px;
  background: #eee8dc;
}


.edit-movie-input[data-v-5b3a2096] {
  background-color: rgb(32, 32, 32);
  border: 1px solid rgb(42, 42, 42);
  color: rgb(255, 255, 255);
}
.edit-movie-input[data-v-5b3a2096]::-moz-placeholder {
  color: rgb(128, 128, 128);
}
.edit-movie-input[data-v-5b3a2096]::placeholder {
  color: rgb(128, 128, 128);
}
.edit-movie-input[data-v-5b3a2096]:focus {
  border-color: rgb(176, 176, 176);
}


.movies-body[data-v-0e7ffbee] {
  padding: 8px var(--app-header-padding-x, 28px) 40px;
}
.movies-label[data-v-0e7ffbee] {
  margin: 0 0 8px;
  font-size: 0.8125rem;
  line-height: 1.3;
  font-weight: 400;
  color: #b0b0b0;
}
.movies-label.is-follow[data-v-0e7ffbee] {
  margin-top: 28px;
}
.movies-folder-grid[data-v-0e7ffbee] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 14px;
  margin-bottom: 8px;
}
.movies-folder.is-drop[data-v-0e7ffbee] {
  background: rgba(238, 232, 220, 0.12);
  box-shadow: 0 0 0 1px rgba(238, 232, 220, 0.28);
}
.movie-card.is-dragging[data-v-0e7ffbee],
.movie-card.is-dragging:hover .movie-poster[data-v-0e7ffbee],
.movie-card.is-dragging:hover .movie-poster img[data-v-0e7ffbee] {
  transform: none;
  opacity: 0.35;
}
.movie-drag-ghost[data-v-0e7ffbee] {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 80;
  width: 72px;
  height: 104px;
  border-radius: 4px;
  overflow: hidden;
  pointer-events: none;
  will-change: transform;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
}
.movie-drag-ghost img[data-v-0e7ffbee] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.movies-folder[data-v-0e7ffbee] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px;
  border: 0;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.045);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  color: #eee8dc;
  text-align: left;
  cursor: pointer;
}
.movies-folder-icon[data-v-0e7ffbee] {
  width: 13px;
  height: 13px;
  color: rgba(238, 232, 220, 0.4);
}
.movies-folder-preview[data-v-0e7ffbee] {
  display: flex;
  gap: 4px;
  margin: 10px 0 12px;
}
.movies-folder-preview img[data-v-0e7ffbee] {
  width: 44px;
  height: 44px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2px;
}
.movies-folder-name[data-v-0e7ffbee] {
  font-size: 0.875rem;
  color: #eee8dc;
}
.movies-folder-count[data-v-0e7ffbee] {
  margin-top: 2px;
  font-size: 0.75rem;
  color: #b0b0b0;
}
.movies-grid[data-v-0e7ffbee] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  gap: 18px 14px;
}
.movie-card[data-v-0e7ffbee] {
  min-width: 0;
  text-align: left;
  cursor: pointer;
  animation: movie-rise-0e7ffbee 0.98s cubic-bezier(0.22, 1, 0.36, 1) backwards;
}
.movie-card:hover .movie-poster[data-v-0e7ffbee] {
  transform: translateY(-4px);
}
.movie-card:hover .movie-poster img[data-v-0e7ffbee] {
  transform: scale(1.04);
}
.movie-poster[data-v-0e7ffbee] {
  position: relative;
  aspect-ratio: 2 / 3;
  border-radius: 6px;
  overflow: hidden;
  background: rgba(238, 232, 220, 0.09);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.movie-poster img[data-v-0e7ffbee] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  -webkit-user-drag: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.movie-more[data-v-0e7ffbee] {
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #eee8dc;
  opacity: 0;
  cursor: pointer;
}
.movie-card:hover .movie-more[data-v-0e7ffbee] {
  opacity: 1;
}
.movie-more svg[data-v-0e7ffbee] {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.movie-title[data-v-0e7ffbee] {
  margin-top: 8px;
  color: #f7f7f5;
  font-size: 13px;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.movie-sub[data-v-0e7ffbee] {
  margin-top: 2px;
  color: rgba(238, 232, 220, 0.62);
  font-size: 12px;
}
.movies-empty[data-v-0e7ffbee] {
  min-height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b0b0b0;
  font-size: 0.8125rem;
}
.movie-back[data-v-0e7ffbee] {
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(238, 232, 220, 0.72);
  font-size: 13px;
  cursor: pointer;
}
.movie-detail[data-v-0e7ffbee] {
  color: #eee8dc;
}
.movie-detail-back[data-v-0e7ffbee] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0 0 8px -8px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #eee8dc;
  cursor: pointer;
}
.movie-detail-back svg[data-v-0e7ffbee] {
  width: 20px;
  height: 20px;
}
.movie-detail-back[data-v-0e7ffbee]:hover {
  color: #fff;
}
.movie-player[data-v-0e7ffbee] {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  padding: 68px var(--app-header-padding-x, 28px) 28px;
  background: transparent;
  color: #eee8dc;
}
.movie-player-top[data-v-0e7ffbee] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
}
.movie-player-top .movie-detail-back[data-v-0e7ffbee] {
  margin: 0;
}
.movie-player-title[data-v-0e7ffbee] {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #eee8dc;
}
.movie-player-screen[data-v-0e7ffbee] {
  position: relative;
  flex: 1;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  border-radius: 6px;
  overflow: hidden;
  background: rgba(238, 232, 220, 0.045);
}
.movie-player-video[data-v-0e7ffbee] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background: transparent;
}
.movie-player-bar[data-v-0e7ffbee] {
  margin-top: 16px;
}
.movie-player-scrub[data-v-0e7ffbee] {
  position: relative;
  height: 3px;
  border-radius: 999px;
  background: rgba(238, 232, 220, 0.22);
  cursor: pointer;
}
.movie-player-scrub-fill[data-v-0e7ffbee] {
  height: 100%;
  border-radius: inherit;
  background: #eee8dc;
}
.movie-player-hovertime[data-v-0e7ffbee] {
  position: absolute;
  top: -22px;
  transform: translateX(-50%);
  color: #eee8dc;
  font-size: 0.75rem;
  pointer-events: none;
  white-space: nowrap;
}
.movie-player-controls[data-v-0e7ffbee] {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 14px;
}
.movie-player-play[data-v-0e7ffbee],
.movie-player-skip[data-v-0e7ffbee] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  color: #eee8dc;
  cursor: pointer;
}
.movie-player-play[data-v-0e7ffbee] {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: rgba(238, 232, 220, 0.1);
}
.movie-player-play svg[data-v-0e7ffbee],
.movie-player-skip svg[data-v-0e7ffbee] {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.movie-player-skip[data-v-0e7ffbee] {
  width: 28px;
  height: 28px;
  background: none;
  color: rgba(238, 232, 220, 0.7);
}
.movie-player-skip[data-v-0e7ffbee]:hover,
.movie-player-play[data-v-0e7ffbee]:hover {
  color: #fff;
}
.movie-player-time[data-v-0e7ffbee] {
  margin-left: auto;
  color: #b0b0b0;
  font-size: 0.8125rem;
  font-variant-numeric: tabular-nums;
}
.movie-player-full[data-v-0e7ffbee] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: none;
  color: rgba(238, 232, 220, 0.7);
  cursor: pointer;
}
.movie-player-full svg[data-v-0e7ffbee] {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.movie-player-full[data-v-0e7ffbee]:hover {
  color: #eee8dc;
}
.movie-player:fullscreen .movie-player-screen[data-v-0e7ffbee],
.movie-player:-webkit-full-screen .movie-player-screen[data-v-0e7ffbee] {
  background: #000;
}
.movie-player-debug[data-v-0e7ffbee] {
  margin-top: 12px;
  color: #b0b0b0;
  font-size: 0.75rem;
}
.movie-detail-row[data-v-0e7ffbee] {
  display: flex;
  align-items: flex-start;
  gap: 28px;
}
.movie-detail-poster[data-v-0e7ffbee] {
  position: relative;
  width: 148px;
  aspect-ratio: 2 / 3;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
  background: rgba(238, 232, 220, 0.09);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
}
.movie-detail-poster img[data-v-0e7ffbee] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.movie-detail-play[data-v-0e7ffbee] {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(21, 18, 14, 0.45);
  color: #eee8dc;
  cursor: pointer;
}
.movie-detail-play svg[data-v-0e7ffbee] {
  width: 18px;
  height: 18px;
  margin-left: 2px;
  fill: currentColor;
}
.movie-detail-play[data-v-0e7ffbee]:hover {
  background: rgba(21, 18, 14, 0.66);
  color: #fff;
}
.movie-detail-copy[data-v-0e7ffbee] {
  flex: 1;
  min-width: 0;
  max-width: 640px;
  padding-top: 4px;
}
.movie-detail-title[data-v-0e7ffbee] {
  margin: 0;
  color: #eee8dc;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
}
.movie-detail-meta[data-v-0e7ffbee] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  margin: 8px 0 0;
  color: #b0b0b0;
  font-size: 0.8125rem;
}
.movie-detail-actions[data-v-0e7ffbee] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
}
.movie-play[data-v-0e7ffbee] {
  padding: 0;
  border: 0;
  background: transparent;
  color: #b0b0b0;
  font: inherit;
  font-size: 0.8125rem;
  cursor: pointer;
}
.movie-play[data-v-0e7ffbee]:hover {
  color: #eee8dc;
}
.movie-detail-more[data-v-0e7ffbee] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: rgba(238, 232, 220, 0.72);
  cursor: pointer;
}
.movie-detail-more svg[data-v-0e7ffbee] {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.movie-detail-more[data-v-0e7ffbee]:hover {
  color: #eee8dc;
}
.movie-detail-description[data-v-0e7ffbee] {
  margin: 22px 0 0;
  max-width: 46rem;
  color: rgba(238, 232, 220, 0.72);
  font-size: 0.8125rem;
  line-height: 1.5;
}
.movie-detail-credits[data-v-0e7ffbee] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid rgba(238, 232, 220, 0.12);
}
.movie-detail-label[data-v-0e7ffbee] {
  margin-bottom: 4px;
  color: #b0b0b0;
  font-size: 0.75rem;
}
.movie-detail-value[data-v-0e7ffbee] {
  color: #eee8dc;
  font-size: 0.8125rem;
  line-height: 1.4;
}
.movies-spinner[data-v-0e7ffbee] {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid rgba(238, 232, 220, 0.16);
  border-top-color: #eee8dc;
  animation: movie-spin-0e7ffbee 0.8s linear infinite;
}
@keyframes movie-rise-0e7ffbee {
from { opacity: 0; transform: translateY(10px);
}
to { opacity: 1; transform: none;
}
}
@keyframes movie-spin-0e7ffbee {
to { transform: rotate(360deg);
}
}
.scrollbar-hide[data-v-0e7ffbee] {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollbar-hide[data-v-0e7ffbee]::-webkit-scrollbar {
  display: none;
}

/* Fade transition to prevent white screen */
.fade-enter-active[data-v-0e7ffbee],
.fade-leave-active[data-v-0e7ffbee] {
  transition: opacity 0.2s ease;
}
.fade-enter-from[data-v-0e7ffbee],
.fade-leave-to[data-v-0e7ffbee] {
  opacity: 0;
}

/* Cover gradient */
.cover-gradient[data-v-0e7ffbee] {
  background-size: cover;
  background-position: center;
  transition: background 0.6s ease;
}


.scanner-container[data-v-712b9e35] {
  position: relative;
}
.scanner-overlay[data-v-712b9e35] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
.scanner-frame[data-v-712b9e35] {
  width: 200px;
  height: 200px;
  border: 2px solid #3b82f6;
  border-radius: 8px;
  position: relative;
}
.scanner-frame[data-v-712b9e35]::before,
.scanner-frame[data-v-712b9e35]::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border: 3px solid #3b82f6;
}
.scanner-frame[data-v-712b9e35]::before {
  top: -3px;
  left: -3px;
  border-right: none;
  border-bottom: none;
}
.scanner-frame[data-v-712b9e35]::after {
  bottom: -3px;
  right: -3px;
  border-left: none;
  border-top: none;
}


.qr-code-container img[data-v-60aa227e] {
  max-width: 100%;
  height: auto;
}


.qr-code-container img[data-v-447510f2] { max-width: 100%; height: auto;
}


.notes-ai-popover[data-v-41a4f672] {
  position: fixed;
  z-index: 9999;
  width: min(340px, calc(100vw - 16px));
  padding: 12px;
  border: 0;
  border-radius: 6px;
  background: rgba(24, 18, 14, 0.96);
  color: #eee8dc;
  backdrop-filter: blur(24px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28);
}
.notes-ai-popover-header[data-v-41a4f672] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 600;
}
.notes-ai-popover-close[data-v-41a4f672] {
  border: none;
  background: transparent;
  color: inherit;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.7;
}
.notes-ai-popover-close[data-v-41a4f672]:hover {
  opacity: 1;
}
.notes-ai-popover-preview[data-v-41a4f672] {
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 1.4;
  font-style: italic;
}
.notes-ai-popover-input[data-v-41a4f672] {
  width: 100%;
  resize: vertical;
  min-height: 52px;
  padding: 8px 10px;
  border: 0;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.08);
  color: #eee8dc;
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 10px;
}
.notes-ai-popover-input[data-v-41a4f672]:focus {
  outline: none;
}
.notes-ai-popover-status[data-v-41a4f672] {
  margin: 0 0 8px;
  font-size: 12px;
}
.notes-ai-popover-error[data-v-41a4f672] {
  margin: 0 0 8px;
  font-size: 12px;
  color: #f97373;
}
.notes-ai-popover-result[data-v-41a4f672] {
  max-height: 160px;
  overflow-y: auto;
  padding: 8px 10px;
  border: 0;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.08);
  color: #eee8dc;
  font-size: 13px;
  line-height: 1.45;
  white-space: pre-wrap;
  margin-bottom: 10px;
}
.notes-ai-popover-actions[data-v-41a4f672] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.notes-ai-popover-btn[data-v-41a4f672] {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #eee8dc;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
}
.notes-ai-popover-btn[data-v-41a4f672]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.notes-ai-popover-btn-primary[data-v-41a4f672] {
  background: transparent;
  color: #eee8dc;
}


.notes-root[data-v-3d897ee6] {
  font-family: "Fustat", sans-serif;
}
.notes-decrypt[data-v-3d897ee6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  font-family: "Fustat", sans-serif;
}
.notes-decrypt-label[data-v-3d897ee6] {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #eee8dc;
}
.notes-wizard-filter[data-v-3d897ee6] {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

/* Wizard loading animation */
.notes-wizard-scene[data-v-3d897ee6] {
  --nw-primary: #3f64ce;
  --nw-skin: #f1c5b4;
  --nw-bg: #ffffff;
  display: flex;
  opacity: 0.45;
  transform: scale(0.48);
  transform-origin: center bottom;
}
.notes-wizard[data-v-3d897ee6] {
  position: relative;
  width: 190px;
  height: 240px;
}
.notes-wizard-body[data-v-3d897ee6] {
  position: absolute;
  bottom: 0;
  left: 68px;
  height: 100px;
  width: 60px;
  background: var(--nw-primary);
}
.notes-wizard-body[data-v-3d897ee6]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px;
  height: 100px;
  width: 60px;
  background: var(--nw-primary);
  transform: skewX(14deg);
}
.notes-wizard-right-arm[data-v-3d897ee6] {
  position: absolute;
  bottom: 74px;
  left: 110px;
  height: 44px;
  width: 90px;
  background: var(--nw-primary);
  border-radius: 22px;
  transform-origin: 16px 22px;
  transform: rotate(70deg);
  animation: nw-right-arm-3d897ee6 10s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.notes-wizard-right-hand[data-v-3d897ee6] {
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--nw-skin);
  transform-origin: center center;
  transform: rotate(-40deg);
  animation: nw-right-hand-3d897ee6 10s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.notes-wizard-right-hand[data-v-3d897ee6]::after {
  content: "";
  position: absolute;
  right: 0;
  top: -8px;
  width: 15px;
  height: 30px;
  border-radius: 10px;
  background: var(--nw-skin);
  transform: translateY(16px);
  animation: nw-right-finger-3d897ee6 10s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.notes-wizard-left-arm[data-v-3d897ee6] {
  position: absolute;
  bottom: 74px;
  left: 26px;
  height: 44px;
  width: 70px;
  background: var(--nw-primary);
  border-bottom-left-radius: 8px;
  transform-origin: 60px 26px;
  transform: rotate(-70deg);
  animation: nw-left-arm-3d897ee6 10s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.notes-wizard-left-hand[data-v-3d897ee6] {
  position: absolute;
  left: -18px;
  top: 0;
  width: 18px;
  height: 30px;
  border-top-left-radius: 35px;
  border-bottom-left-radius: 35px;
  background: var(--nw-skin);
}
.notes-wizard-left-hand[data-v-3d897ee6]::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 15px;
  border-radius: 20px;
  background: var(--nw-skin);
  transform-origin: right bottom;
  transform: scaleX(0);
  animation: nw-left-finger-3d897ee6 10s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.notes-wizard-head[data-v-3d897ee6] {
  position: absolute;
  top: 0;
  left: 14px;
  width: 160px;
  height: 210px;
  transform-origin: center center;
  transform: rotate(-3deg);
  animation: nw-head-3d897ee6 10s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.notes-wizard-beard[data-v-3d897ee6] {
  position: absolute;
  bottom: 0;
  left: 38px;
  height: 106px;
  width: 80px;
  border-bottom-right-radius: 55%;
  background: var(--nw-bg);
}
.notes-wizard-beard[data-v-3d897ee6]::after {
  content: "";
  position: absolute;
  top: 16px;
  left: -10px;
  width: 40px;
  height: 20px;
  border-radius: 20px;
  background: var(--nw-bg);
}
.notes-wizard-face[data-v-3d897ee6] {
  position: absolute;
  bottom: 76px;
  left: 38px;
  height: 30px;
  width: 60px;
  background: var(--nw-skin);
}
.notes-wizard-face[data-v-3d897ee6]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 40px;
  width: 20px;
  height: 40px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background: var(--nw-skin);
}
.notes-wizard-face[data-v-3d897ee6]::after {
  content: "";
  position: absolute;
  top: 16px;
  left: -10px;
  width: 50px;
  height: 20px;
  border-radius: 20px;
  border-bottom-right-radius: 0;
  background: var(--nw-bg);
}
.notes-wizard-adds[data-v-3d897ee6] {
  position: absolute;
  top: 0;
  left: -10px;
  width: 40px;
  height: 20px;
  border-radius: 20px;
  background: var(--nw-skin);
}
.notes-wizard-adds[data-v-3d897ee6]::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 80px;
  width: 15px;
  height: 20px;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
  background: var(--nw-skin);
}
.notes-wizard-hat[data-v-3d897ee6] {
  position: absolute;
  bottom: 106px;
  left: 0;
  width: 160px;
  height: 20px;
  border-radius: 20px;
  background: var(--nw-primary);
}
.notes-wizard-hat[data-v-3d897ee6]::before {
  content: "";
  position: absolute;
  top: -70px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 34px 70px 50px;
  border-color: transparent transparent var(--nw-primary) transparent;
}
.notes-wizard-hat[data-v-3d897ee6]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 160px;
  height: 20px;
  background: var(--nw-primary);
  border-radius: 20px;
}
.notes-wizard-hat-tip[data-v-3d897ee6] {
  position: absolute;
  bottom: 78px;
  left: 79px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 25px 19px;
  border-color: transparent transparent var(--nw-primary) transparent;
  z-index: 1;
}
.notes-wizard-hat-tip[data-v-3d897ee6]::after {
  content: "";
  position: absolute;
  top: 6px;
  left: -4px;
  width: 35px;
  height: 10px;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  background: var(--nw-primary);
  transform: rotate(40deg);
}
.notes-wizard-star[data-v-3d897ee6] {
  position: absolute;
  width: 12px;
  height: 12px;
  z-index: 1;
}
.notes-wizard-star[data-v-3d897ee6]::after,
.notes-wizard-star[data-v-3d897ee6]::before {
  content: "";
  position: absolute;
  background: var(--nw-bg);
  display: block;
  left: 0;
  width: 141.4213%;
  top: 0;
  bottom: 0;
  border-radius: 10%;
  transform: rotate(66.66deg) skewX(45deg);
}
.notes-wizard-star[data-v-3d897ee6]::after {
  transform: rotate(156.66deg) skew(45deg);
}
.notes-wizard-star--first[data-v-3d897ee6] {
  bottom: 28px;
  left: 46px;
}
.notes-wizard-star--second[data-v-3d897ee6] {
  bottom: 40px;
  left: 80px;
}
.notes-wizard-star--third[data-v-3d897ee6] {
  bottom: 15px;
  left: 108px;
}
.notes-wizard-objects[data-v-3d897ee6] {
  position: relative;
  width: 300px;
  height: 240px;
  margin-right: 8px;
}
.notes-wizard-glyph[data-v-3d897ee6] {
  position: absolute;
  background-color: rgba(238, 232, 220, 0.88);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-mode: alpha;
  mask-mode: alpha;
}
.notes-wizard-glyph--a[data-v-3d897ee6] {
  bottom: 4px;
  right: 168px;
  width: 40px;
  height: 68px;
  -webkit-mask-image: url('/images/notes-wizard/a.png');
  mask-image: url('/images/notes-wizard/a.png');
  transform: translateX(-36px) translateY(0);
  animation: nw-path-a-3d897ee6 10s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.notes-wizard-glyph--r[data-v-3d897ee6] {
  bottom: 4px;
  right: 92px;
  width: 27px;
  height: 66px;
  -webkit-mask-image: url('/images/notes-wizard/r.png');
  mask-image: url('/images/notes-wizard/r.png');
  transform: translateX(-18px) translateY(0);
  animation: nw-path-r-3d897ee6 10s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.notes-wizard-glyph--k[data-v-3d897ee6] {
  bottom: 0;
  right: 16px;
  width: 40px;
  height: 88px;
  -webkit-mask-image: url('/images/notes-wizard/k.png');
  mask-image: url('/images/notes-wizard/k.png');
  transform: translateX(0) translateY(0);
  animation: nw-path-k-3d897ee6 10s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes nw-right-arm-3d897ee6 {
0%, 8% { transform: rotate(70deg);
}
22% { transform: rotate(18deg);
}
30%, 72% { transform: rotate(12deg);
}
86%, 100% { transform: rotate(70deg);
}
}
@keyframes nw-left-arm-3d897ee6 {
0%, 8% { transform: rotate(-70deg);
}
22% { transform: rotate(-8deg);
}
30%, 72% { transform: rotate(-14deg);
}
86%, 100% { transform: rotate(-70deg);
}
}
@keyframes nw-right-hand-3d897ee6 {
0%, 8% { transform: rotate(-40deg);
}
22%, 72% { transform: rotate(-18deg);
}
86%, 100% { transform: rotate(-40deg);
}
}
@keyframes nw-right-finger-3d897ee6 {
0%, 8% { transform: translateY(16px);
}
22%, 72% { transform: translateY(4px);
}
86%, 100% { transform: translateY(16px);
}
}
@keyframes nw-left-finger-3d897ee6 {
0%, 8% { transform: scaleX(0);
}
22%, 72% { transform: scaleX(1) rotate(2deg);
}
86%, 100% { transform: scaleX(0);
}
}
@keyframes nw-head-3d897ee6 {
0%, 8% { transform: rotate(-3deg);
}
22% { transform: translateX(-6px) rotate(-6deg);
}
40%, 70% { transform: translateX(-4px) rotate(-4deg);
}
86%, 100% { transform: rotate(-3deg);
}
}
@keyframes nw-path-a-3d897ee6 {
0%, 10% { transform: translateX(-36px) translateY(0) rotate(0deg);
}
26% { transform: translateX(-42px) translateY(-290px) rotate(-3deg);
}
40% { transform: translateX(-38px) translateY(-310px) rotate(2deg);
}
55% { transform: translateX(-44px) translateY(-295px) rotate(-2deg);
}
70% { transform: translateX(-40px) translateY(-315px) rotate(1deg);
}
84% { transform: translateX(-36px) translateY(-40px) rotate(0deg);
}
100% { transform: translateX(-36px) translateY(0) rotate(0deg);
}
}
@keyframes nw-path-r-3d897ee6 {
0%, 12% { transform: translateX(-18px) translateY(0) rotate(0deg);
}
28% { transform: translateX(-22px) translateY(-270px) rotate(2deg);
}
42% { transform: translateX(-16px) translateY(-300px) rotate(-2deg);
}
57% { transform: translateX(-24px) translateY(-280px) rotate(1deg);
}
72% { transform: translateX(-18px) translateY(-305px) rotate(-1deg);
}
86% { transform: translateX(-18px) translateY(-36px) rotate(0deg);
}
100% { transform: translateX(-18px) translateY(0) rotate(0deg);
}
}
@keyframes nw-path-k-3d897ee6 {
0%, 14% { transform: translateX(0) translateY(0) rotate(0deg);
}
30% { transform: translateX(-6px) translateY(-255px) rotate(-2deg);
}
44% { transform: translateX(2px) translateY(-285px) rotate(2deg);
}
59% { transform: translateX(-8px) translateY(-265px) rotate(-1deg);
}
74% { transform: translateX(0) translateY(-295px) rotate(1deg);
}
88% { transform: translateX(0) translateY(-32px) rotate(0deg);
}
100% { transform: translateX(0) translateY(0) rotate(0deg);
}
}
@media (prefers-reduced-motion: reduce) {
.notes-wizard-right-arm[data-v-3d897ee6],
  .notes-wizard-left-arm[data-v-3d897ee6],
  .notes-wizard-right-hand[data-v-3d897ee6],
  .notes-wizard-right-hand[data-v-3d897ee6]::after,
  .notes-wizard-left-hand[data-v-3d897ee6]::after,
  .notes-wizard-head[data-v-3d897ee6],
  .notes-wizard-glyph--a[data-v-3d897ee6],
  .notes-wizard-glyph--r[data-v-3d897ee6],
  .notes-wizard-glyph--k[data-v-3d897ee6] {
    animation: none;
}
}
.notes-save[data-v-3d897ee6] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(238, 232, 220, 0.62);
  font-size: 13px;
}
.notes-save-dot[data-v-3d897ee6] {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #b7cbd8;
}
.notes-header-btn[data-v-3d897ee6] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #eee8dc;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
}
.notes-header-btn[data-v-3d897ee6]:hover {
  color: #f7f7f5;
}
.notes-create-btn[data-v-3d897ee6] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: #eee8dc;
  color: #191919;
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.notes-create-btn svg[data-v-3d897ee6] {
  width: 14px;
  height: 14px;
}
.notes-create-btn[data-v-3d897ee6]:hover {
  opacity: 0.92;
}
.notes-header-btn-danger[data-v-3d897ee6],
.notes-header-btn-danger[data-v-3d897ee6]:hover {
  color: #f97373;
}
.notes-body[data-v-3d897ee6] {
  padding-top: 62px;
}
.notes-list-panel[data-v-3d897ee6] {
  display: flex;
  flex-direction: column;
  width: 300px;
  flex: 0 0 300px;
  flex-shrink: 0;
  min-height: 0;
  overflow: hidden;
  background: transparent;
  border-right: 0;
}
.notes-search-status-wrap[data-v-3d897ee6] {
  padding: 8px 8px 0;
  flex-shrink: 0;
}
.notes-search-status[data-v-3d897ee6] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 6px 8px;
}
.notes-search-status-text[data-v-3d897ee6] {
  margin: 0;
  flex: 1;
  min-width: 0;
  font-size: 11px;
  line-height: 1.35;
  color: rgba(238, 232, 220, 0.62);
}
.notes-search-spinner[data-v-3d897ee6] {
  width: 14px;
  height: 14px;
  margin-top: 2px;
  flex-shrink: 0;
  border: 2px solid;
  border-radius: 999px;
  animation: notes-spin-3d897ee6 0.7s linear infinite;
}
.notes-search-spinner--sm[data-v-3d897ee6] {
  width: 14px;
  height: 14px;
  margin-top: 0;
  border-color: currentColor;
  border-top-color: transparent;
  opacity: 0.7;
}
.notes-search-spinner--lg[data-v-3d897ee6] {
  width: 28px;
  height: 28px;
  margin-top: 0;
}
@keyframes notes-spin-3d897ee6 {
to { transform: rotate(360deg);
}
}
.notes-search-progress[data-v-3d897ee6] {
  margin-top: 6px;
  height: 2px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(238, 232, 220, 0.08);
}
.notes-search-progress-bar[data-v-3d897ee6] {
  height: 100%;
  width: 33%;
  border-radius: 999px;
  animation: notes-pulse-3d897ee6 1.2s ease-in-out infinite;
}
@keyframes notes-pulse-3d897ee6 {
0%, 100% { opacity: 0.45;
}
50% { opacity: 1;
}
}
.notes-library-body[data-v-3d897ee6] {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 8px 12px 32px 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: stretch;
  text-align: left;
}
.notes-library-empty[data-v-3d897ee6] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 16px 8px 16px 12px;
  margin: 0;
  font-size: 11px;
  line-height: 1.4;
  color: rgba(238, 232, 220, 0.62);
  text-align: left;
}
.notes-library-empty--loading[data-v-3d897ee6] {
  flex-direction: column;
  align-items: flex-start;
  padding: 40px 16px 40px 12px;
  font-size: 12px;
  max-width: none;
}
.notes-library-empty--loading p[data-v-3d897ee6] {
  margin: 0;
  max-width: 240px;
  line-height: 1.5;
}
.notes-card[data-v-3d897ee6] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  text-align: left;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  margin: 0;
  padding: 8px 10px 8px 8px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  isolation: isolate;
  transition: background 0.32s cubic-bezier(0.4, 0, 0.2, 1), color 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}
.notes-card[data-v-3d897ee6]:hover,
.notes-card.is-selected[data-v-3d897ee6] {
  background: rgba(238, 232, 220, 0.04);
}
.notes-card.is-selected[data-v-3d897ee6] {
  background: rgba(238, 232, 220, 0.065);
}
.notes-card[data-v-3d897ee6]:focus-visible {
  outline: 2px solid #eee8dc;
  outline-offset: 3px;
}
.notes-card-meta[data-v-3d897ee6] {
  flex: 1;
  min-width: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 3px;
}
.notes-card-line[data-v-3d897ee6] {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
}
.notes-card-line .notes-card-title[data-v-3d897ee6] {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notes-card-line .notes-card-date[data-v-3d897ee6] {
  flex: 1 1 auto;
  min-width: 0;
}
.notes-card-line .notes-card-faces[data-v-3d897ee6] {
  margin-left: auto;
}
.notes-card-title[data-v-3d897ee6] {
  font-size: 13px;
  font-weight: 500;
  color: #f7f7f5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notes-card-date[data-v-3d897ee6] {
  font-size: 0.6875rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: rgba(238, 232, 220, 0.62);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notes-card-faces[data-v-3d897ee6] {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-shrink: 0;
  cursor: default;
}
.notes-card-face[data-v-3d897ee6] {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  overflow: visible;
  font-size: 8px;
  font-weight: 650;
  margin-left: -8px;
  position: relative;
  z-index: 1;
}
.notes-card-face[data-v-3d897ee6]:first-child {
  margin-left: 0;
}
.notes-card-face[data-v-3d897ee6]:nth-child(2) {
  z-index: 2;
}
.notes-card-face[data-v-3d897ee6]:nth-child(3) {
  z-index: 3;
}
.notes-card-face-more[data-v-3d897ee6] {
  position: relative;
  z-index: 4;
  isolation: isolate;
  overflow: hidden;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: -8px;
  padding: 0;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-family: "Fustat", sans-serif;
  font-size: 0.5625rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1;
  color: #eee8dc;
  background: rgba(46, 34, 24, 0.62);
  backdrop-filter: blur(12px) saturate(1.25);
  -webkit-backdrop-filter: blur(12px) saturate(1.25);
}
.notes-card-face-more[data-v-3d897ee6]::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0.62;
  mix-blend-mode: overlay;
  filter: contrast(1.9) brightness(1.12);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='nfmg' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23nfmg)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='nfmg2' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23nfmg2)'/%3E%3C/svg%3E");
  background-size: 28px 28px, 52px 52px;
}
.notes-card-faces-list[data-v-3d897ee6] {
  --hw-tint-rgb: 238, 232, 220;
  position: fixed;
  z-index: 50;
  min-width: 220px;
  max-width: 280px;
  max-height: 260px;
  overflow: auto;
  padding: 6px;
  border-radius: 6px;
  border: 0;
  background:
    linear-gradient(165deg, rgba(238, 232, 220, 0.06), transparent 60%),
    rgba(46, 34, 24, 0.42);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}
.notes-faces-list-enter-active[data-v-3d897ee6] {
  transition:
    opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
}
.notes-faces-list-leave-active[data-v-3d897ee6] {
  transition:
    opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.notes-faces-list-enter-from[data-v-3d897ee6],
.notes-faces-list-enter[data-v-3d897ee6] {
  opacity: 0;
  transform: translateY(-4px);
}
.notes-faces-list-leave-to[data-v-3d897ee6] {
  opacity: 0;
  transform: translateY(-3px);
}
.notes-card-faces-row[data-v-3d897ee6] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 6px;
}
.notes-card-faces-row[data-v-3d897ee6]:hover {
  background: rgba(238, 232, 220, 0.07);
}
.notes-card-faces-row-face[data-v-3d897ee6] {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  overflow: hidden;
  font-size: 8px;
  font-weight: 650;
  flex-shrink: 0;
}
.notes-card-faces-row-name[data-v-3d897ee6] {
  min-width: 0;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #eee8dc;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notes-card-action[data-v-3d897ee6] {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.075);
  color: #eee8dc;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease, background 0.15s ease, color 0.15s ease;
}
.notes-card-action svg[data-v-3d897ee6] {
  width: 14px;
  height: 14px;
}
.notes-card:hover .notes-card-action[data-v-3d897ee6],
.notes-card:focus-within .notes-card-action[data-v-3d897ee6],
.notes-card-action[data-v-3d897ee6]:focus,
.notes-pin.is-pinned[data-v-3d897ee6] {
  opacity: 1;
  pointer-events: auto;
}
.notes-card-action[data-v-3d897ee6]:hover {
  background: rgba(238, 232, 220, 0.12);
}
.notes-card-action--danger[data-v-3d897ee6]:hover {
  background: rgba(249, 115, 115, 0.18);
  color: #f97373;
}
.notes-pin[data-v-3d897ee6] {
  color: rgba(238, 232, 220, 0.62);
}
.notes-pin.is-pinned[data-v-3d897ee6] {
  color: #eee8dc;
  background: rgba(238, 232, 220, 0.075);
}
@media (hover: none) {
.notes-card-action[data-v-3d897ee6] {
    opacity: 1;
    pointer-events: auto;
}
}
.notes-stage[data-v-3d897ee6] {
  flex: 1;
  min-width: 0;
  min-height: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  padding: 0 20px 24px;
  overflow: hidden;
}
.notes-sheet[data-v-3d897ee6] {
  width: 100%;
  max-width: 42rem;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  background: rgba(238, 232, 220, 0.1);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
  overflow: hidden;
}
.notes-sheet--loading[data-v-3d897ee6] {
  align-items: center;
  justify-content: center;
}
.notes-sheet-loading[data-v-3d897ee6] {
  display: grid;
  justify-items: center;
  gap: 12px;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: rgba(238, 232, 220, 0.62);
}
.notes-sheet-spinner[data-v-3d897ee6] {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 2px solid rgba(238, 232, 220, 0.12);
  border-top-color: rgba(238, 232, 220, 0.55);
  animation: notes-sheet-spin-3d897ee6 0.85s linear infinite;
}
@keyframes notes-sheet-spin-3d897ee6 {
to { transform: rotate(360deg);
}
}
.notes-toolbar[data-v-3d897ee6] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  background: transparent;
  flex-shrink: 0;
  border-bottom: 1px solid rgba(238, 232, 220, 0.06);
}
.notes-tool-btn[data-v-3d897ee6] {
  padding: 8px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #b0b0b0;
  cursor: pointer;
}
.notes-tool-btn[data-v-3d897ee6]:hover {
  background: rgba(238, 232, 220, 0.08);
  color: #eee8dc;
}
.notes-tool-btn--close[data-v-3d897ee6] {
  margin-left: auto;
}
.notes-tool-divider[data-v-3d897ee6] {
  width: 1px;
  height: 16px;
  margin: 0 4px;
  background: rgba(238, 232, 220, 0.12);
}
.notes-rich-editor[data-v-3d897ee6] {
  flex: 1;
  min-height: 200px;
  padding: 22px 26px 28px;
  overflow-y: auto;
  outline: none;
  background: transparent;
  color: #f7f7f5;
  font-family: "Fustat", sans-serif;
  font-size: 0.875rem;
  line-height: 1.6;
}
.notes-section-label[data-v-3d897ee6] {
  margin: 0;
  padding: 12px 10px 8px 0;
  font-size: 0.8125rem;
  line-height: 1.3;
  font-weight: 400;
  color: #b0b0b0;
  text-align: left;
}
.notes-section-rail[data-v-3d897ee6] {
  position: relative;
  padding-left: 12px;
  text-align: left;
}
.notes-section-rail[data-v-3d897ee6]::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  background: rgba(238, 232, 220, 0.16);
  pointer-events: none;
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  animation: notes-rule-in-3d897ee6 1.85s cubic-bezier(0.4, 0, 0.2, 1) 0.92s both;
}
@keyframes notes-rule-in-3d897ee6 {
from {
    opacity: 0;
    transform: scaleY(0);
}
to {
    opacity: 1;
    transform: scaleY(1);
}
}
.notes-root input[data-v-3d897ee6]::-moz-placeholder {
  color: #928787;
}
.notes-root input[data-v-3d897ee6]::placeholder {
  color: #928787;
}
[contenteditable][data-v-3d897ee6]:empty::before {
  content: attr(data-placeholder);
  color: rgba(247, 247, 245, 0.42);
}
[contenteditable] h1[data-v-3d897ee6] {
  font-size: 1.375rem;
  font-weight: 700;
  margin: 0.75em 0 0.25em;
}
[contenteditable] h2[data-v-3d897ee6] {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0.6em 0 0.2em;
}
[contenteditable] ul[data-v-3d897ee6],
[contenteditable] ol[data-v-3d897ee6] {
  margin: 0.5em 0;
  padding-left: 1.5em;
}
[contenteditable] li[data-v-3d897ee6] {
  margin: 0.25em 0;
}


.notes-rich-editor strong,
.notes-rich-editor b {
  font-weight: 700 !important;
}
.notes-rich-editor em,
.notes-rich-editor i {
  font-style: italic !important;
}
.notes-rich-editor h1 {
  font-size: 1.375rem !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  margin: 0.75em 0 0.25em !important;
}
.notes-rich-editor h2 {
  font-size: 1.125rem !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  margin: 0.6em 0 0.2em !important;
}
.notes-rich-editor ul,
.notes-rich-editor ol {
  margin: 0.5em 0 !important;
  margin-left: 0 !important;
  list-style-position: outside !important;
}
.notes-rich-editor ul {
  list-style-type: disc !important;
  padding-left: 1.2rem !important;
}
.notes-rich-editor ol {
  list-style-type: decimal !important;
  padding-left: 1.5rem !important;
}
.notes-rich-editor li {
  margin: 0.25em 0 !important;
  display: list-item !important;
}
.notes-rich-editor ol li {
  font-variant-numeric: tabular-nums !important;
}
.notes-rich-editor span[style*='font-weight: bold'],
.notes-rich-editor span[style*='font-weight:bold'],
.notes-rich-editor span[style*='font-weight: 700'],
.notes-rich-editor span[style*='font-weight:700'],
.notes-rich-editor span[style*='font-weight: bolder'],
.notes-rich-editor span[style*='font-weight:bolder'] {
  font-weight: 700 !important;
}


.docs-comment-popover[data-v-6f82a8e8] {
  position: fixed;
  z-index: 9999;
  width: min(320px, calc(100vw - 16px));
  padding: 12px;
  border: 1px solid;
  border-radius: 12px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
  border-left: 3px solid #eee8dc;
}
.docs-comment-popover-head[data-v-6f82a8e8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 600;
}
.docs-comment-popover-close[data-v-6f82a8e8] {
  border: none;
  background: transparent;
  color: inherit;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.7;
}
.docs-comment-popover-close[data-v-6f82a8e8]:hover {
  opacity: 1;
}
.docs-comment-quote[data-v-6f82a8e8] {
  margin: 0 0 10px;
  padding: 6px 8px;
  border-radius: 8px;
  background: rgba(238, 232, 220, 0.08);
  color: #b0b0b0;
  font-size: 12px;
  line-height: 1.4;
  font-style: italic;
}
.docs-comment-thread[data-v-6f82a8e8] {
  max-height: 220px;
  overflow-y: auto;
  margin-bottom: 10px;
}
.docs-comment-msg[data-v-6f82a8e8] {
  margin-bottom: 10px;
}
.docs-comment-msg[data-v-6f82a8e8]:last-child {
  margin-bottom: 0;
}
.docs-comment-msg-meta[data-v-6f82a8e8] {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 3px;
  font-size: 11px;
  color: #b0b0b0;
}
.docs-comment-msg p[data-v-6f82a8e8] {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  white-space: pre-wrap;
}
.docs-comment-input[data-v-6f82a8e8] {
  width: 100%;
  resize: vertical;
  min-height: 56px;
  padding: 8px 10px;
  border: 1px solid;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 10px;
}
.docs-comment-input[data-v-6f82a8e8]:focus {
  outline: none;
  border-color: #eee8dc;
}
.docs-comment-actions[data-v-6f82a8e8] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.docs-comment-btn[data-v-6f82a8e8] {
  padding: 7px 12px;
  border-radius: 8px;
  border: 1px solid #2a2a2a;
  background: transparent;
  color: #b0b0b0;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.docs-comment-btn[data-v-6f82a8e8]:hover {
  color: #fff;
}
.docs-comment-btn[data-v-6f82a8e8]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.docs-comment-btn-primary[data-v-6f82a8e8] {
  background: #eee8dc;
  border-color: #eee8dc;
  color: #191919;
}
.docs-comment-btn-primary[data-v-6f82a8e8]:hover {
  background: #e0d6c6;
  color: #191919;
}
.docs-comment-btn-danger[data-v-6f82a8e8] {
  margin-left: auto;
  color: #f87171;
  border-color: transparent;
}


.docs-root[data-v-5255f8b4] {
  font-family: "Fustat", sans-serif;
}
.docs-open-view[data-v-5255f8b4] {
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  flex: 1;
  overflow: hidden;
}
.docs-open-stage[data-v-5255f8b4] {
  position: relative;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding:
    calc(var(--app-header-bar-height) + var(--app-header-top-offset) + 8px)
    20px
    24px;
  overflow: hidden;
}
@media (max-width: 767px) {
.docs-open-stage[data-v-5255f8b4] {
    padding:
      calc(var(--app-header-bar-height) + var(--app-header-top-offset) + 8px)
      12px
      16px;
}
}
.docs-view-enter-active[data-v-5255f8b4] {
  transition:
    opacity 0.68s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.68s cubic-bezier(0.22, 1, 0.36, 1);
}
.docs-view-leave-active[data-v-5255f8b4] {
  transition:
    opacity 0.32s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}
.docs-view-enter-from[data-v-5255f8b4],
.docs-view-enter[data-v-5255f8b4] {
  opacity: 0;
  transform: translateY(10px);
}
.docs-view-leave-to[data-v-5255f8b4] {
  opacity: 0;
  transform: translateY(-6px);
}
.docs-open-sheet[data-v-5255f8b4] {
  width: 100%;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  background: rgba(238, 232, 220, 0.1);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
  overflow: visible;
  opacity: 0;
  transform: translateY(12px);
}
.docs-open-sheet--loading[data-v-5255f8b4] {
  position: absolute;
  inset: 0;
  z-index: 5;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transform: none;
}
.docs-sheet-loading[data-v-5255f8b4] {
  display: grid;
  justify-items: center;
  gap: 12px;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: rgba(238, 232, 220, 0.62);
}
.docs-sheet-spinner[data-v-5255f8b4] {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 2px solid rgba(238, 232, 220, 0.12);
  border-top-color: rgba(238, 232, 220, 0.55);
  animation: docs-sheet-spin-5255f8b4 0.85s linear infinite;
}
@keyframes docs-sheet-spin-5255f8b4 {
to { transform: rotate(360deg);
}
}
.docs-open-sheet--ready[data-v-5255f8b4] {
  opacity: 1;
  transform: none;
  transition:
    opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
.docs-view-enter-active[data-v-5255f8b4],
  .docs-view-leave-active[data-v-5255f8b4] {
    transition: opacity 0.18s ease;
}
.docs-view-enter-from[data-v-5255f8b4],
  .docs-view-enter[data-v-5255f8b4],
  .docs-view-leave-to[data-v-5255f8b4] {
    transform: none;
}
.docs-open-sheet[data-v-5255f8b4],
  .docs-open-sheet--ready[data-v-5255f8b4] {
    opacity: 1;
    transform: none;
    transition: opacity 0.18s ease;
}
.docs-card[data-v-5255f8b4] {
    animation: none;
}
}
.docs-toolbar[data-v-5255f8b4] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: transparent;
  flex-shrink: 0;
  position: relative;
  z-index: 6;
  border-bottom: 1px solid rgba(238, 232, 220, 0.06);
  border-radius: 10px 10px 0 0;
}
.docs-toolbar-title[data-v-5255f8b4] {
  min-width: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: #eee8dc;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.docs-toolbar-live[data-v-5255f8b4] {
  flex-shrink: 0;
  font-size: 0.6875rem;
  letter-spacing: 0.02em;
  color: rgba(238, 232, 220, 0.48);
}
.docs-toolbar-people[data-v-5255f8b4] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 0;
}
.docs-toolbar-people .docs-peer-avatar[data-v-5255f8b4] {
  width: 20px;
  height: 20px;
  margin-left: -6px;
  font-size: 8px;
}
.docs-toolbar-people .docs-peer-avatar[data-v-5255f8b4]:first-child {
  margin-left: 0;
}
.docs-toolbar-present[data-v-5255f8b4] {
  margin: 0;
  padding: 4px 8px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: rgba(238, 232, 220, 0.48);
  font-family: inherit;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
}
.docs-toolbar-present[data-v-5255f8b4]:hover,
.docs-toolbar-present.is-on[data-v-5255f8b4] {
  background: rgba(238, 232, 220, 0.1);
  color: #eee8dc;
}
.docs-toolbar-save[data-v-5255f8b4] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.6875rem;
  letter-spacing: 0.02em;
  color: rgba(238, 232, 220, 0.48);
}
.docs-toolbar-save-dot[data-v-5255f8b4] {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #44ff44;
  animation: docs-sheet-spin-5255f8b4 1s linear infinite;
}
.docs-toolbar-actions[data-v-5255f8b4] {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-left: auto;
  flex-shrink: 0;
}
.docs-tool-btn[data-v-5255f8b4] {
  position: relative;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #b0b0b0;
  cursor: pointer;
}
.docs-tool-btn svg[data-v-5255f8b4] {
  width: 16px;
  height: 16px;
}
.docs-tool-btn[data-v-5255f8b4]:hover,
.docs-tool-btn.is-open[data-v-5255f8b4] {
  background: rgba(238, 232, 220, 0.08);
  color: #eee8dc;
}
.docs-tool-btn[data-v-5255f8b4]:disabled {
  opacity: 0.45;
}
.docs-readonly[data-v-5255f8b4] {
  flex-shrink: 0;
  padding: 8px 14px;
  font-size: 0.75rem;
  color: #facc15;
  background: rgba(250, 204, 21, 0.06);
  border-bottom: 1px solid rgba(238, 232, 220, 0.06);
}
.docs-open-body[data-v-5255f8b4] {
  position: relative;
  display: flex;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  border-radius: 0 0 10px 10px;
}
.docs-editor-column[data-v-5255f8b4] {
  flex: 1;
  min-width: 0;
  min-height: 0;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.docs-editor-pane[data-v-5255f8b4] {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.docs-comments-flyout[data-v-5255f8b4] {
  width: 272px;
  margin-top: 8px;
}
.docs-comments-empty[data-v-5255f8b4] {
  padding: 10px 12px;
  font-size: 0.75rem;
  color: rgba(238, 232, 220, 0.48);
}
.docs-comment-row[data-v-5255f8b4] {
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
.docs-comment-row.is-resolved[data-v-5255f8b4] {
  opacity: 0.55;
}
.docs-comment-row-name[data-v-5255f8b4] {
  font-weight: 500;
}
.docs-comment-row-body[data-v-5255f8b4] {
  font-size: 0.75rem;
  color: rgba(238, 232, 220, 0.48);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.docs-fly-count[data-v-5255f8b4] {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-size: 10px;
  font-weight: 700;
  background: rgba(238, 232, 220, 0.16);
  color: #eee8dc;
}
.docs-history[data-v-5255f8b4] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  width: 280px;
  display: flex;
  flex-direction: column;
  background: rgba(46, 34, 24, 0.42);
  backdrop-filter: blur(16px) saturate(1.25);
  -webkit-backdrop-filter: blur(16px) saturate(1.25);
  border-left: 1px solid rgba(238, 232, 220, 0.08);
}
.docs-history-head[data-v-5255f8b4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 10px 8px 14px;
  border-bottom: 1px solid rgba(238, 232, 220, 0.06);
  flex-shrink: 0;
}
.docs-history-title[data-v-5255f8b4] {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #eee8dc;
}
.docs-history-list[data-v-5255f8b4] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
.docs-history-empty[data-v-5255f8b4] {
  padding: 28px 16px;
  text-align: center;
  font-size: 0.75rem;
  color: rgba(238, 232, 220, 0.48);
}
.docs-history-row[data-v-5255f8b4] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
  padding: 10px 14px;
  border: 0;
  border-bottom: 1px solid rgba(238, 232, 220, 0.06);
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.docs-history-row[data-v-5255f8b4]:hover {
  background: rgba(238, 232, 220, 0.06);
}
.docs-history-row-date[data-v-5255f8b4] {
  font-size: 0.8125rem;
  color: #eee8dc;
}
.docs-history-row-author[data-v-5255f8b4] {
  font-size: 0.75rem;
  color: rgba(238, 232, 220, 0.48);
}
.docs-header-back-btn[data-v-5255f8b4] {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  margin-left: -8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: background-color 0.15s;
}
.docs-header-back-btn[data-v-5255f8b4]:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.docs-library-toolbar[data-v-5255f8b4] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  padding:
    calc(var(--app-header-bar-height) + var(--app-header-top-offset) + 8px)
    var(--app-header-padding-x, 28px)
    8px;
  background: transparent;
  border: 0;
}
@media (max-width: 767px) {
.docs-library-toolbar[data-v-5255f8b4] {
    padding:
      calc(var(--app-header-bar-height) + var(--app-header-top-offset) + 8px)
      16px
      8px;
}
}
.docs-library-tools[data-v-5255f8b4] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2px;
  margin-left: auto;
  flex: 0 1 auto;
  min-width: 0;
}
.docs-library-filter-wrap[data-v-5255f8b4] {
  min-width: 0;
  max-width: 168px;
}
.docs-library-filter[data-v-5255f8b4] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  max-width: 168px;
  height: 32px;
  padding: 0 8px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(238, 232, 220, 0.48);
  background: transparent;
}
.docs-library-filter-label[data-v-5255f8b4] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.docs-library-filter svg[data-v-5255f8b4] {
  flex-shrink: 0;
  opacity: 0.7;
}
.docs-library-filter[data-v-5255f8b4]:hover,
.docs-library-icon-btn[data-v-5255f8b4]:hover {
  background: rgba(238, 232, 220, 0.06);
  color: #eee8dc;
}
.docs-library-icon-btn[data-v-5255f8b4] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: rgba(238, 232, 220, 0.42);
}
.docs-library-icon-btn svg[data-v-5255f8b4] {
  width: 18px;
  height: 18px;
}
.docs-library-icon-btn.is-active[data-v-5255f8b4] {
  background: rgba(238, 232, 220, 0.08);
  color: #eee8dc;
}
.docs-library-icon-btn[data-v-5255f8b4]:disabled {
  opacity: 0.45;
}
.docs-library-menu[data-v-5255f8b4] {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  min-width: 196px;
}
.docs-library-body[data-v-5255f8b4] {
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: auto;
  padding: 16px 16px 40px;
}
@media (min-width: 768px) {
.docs-library-body[data-v-5255f8b4] {
    padding: 24px 28px 48px;
}
}
.docs-library-body--grid[data-v-5255f8b4] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 132px), 1fr));
  grid-auto-rows: auto;
  gap: 18px 14px;
  align-content: start;
  align-items: start;
  justify-content: start;
}
@media (min-width: 768px) {
.docs-library-body--grid[data-v-5255f8b4] {
    grid-template-columns: repeat(auto-fill, minmax(148px, 168px));
    gap: 22px 20px;
}
}
.docs-library-body--list[data-v-5255f8b4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.docs-shift-move[data-v-5255f8b4] {
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
.docs-library-body.is-reordering[data-v-5255f8b4] {
  cursor: grabbing;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.docs-card[data-v-5255f8b4] {
  --docs-card-tint: 238, 232, 220;
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 16px 16px 14px;
  border: 0;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.09);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
  cursor: grab;
  min-width: 0;
  touch-action: none;
  isolation: isolate;
  animation: lib-card-rise 0.98s cubic-bezier(0.22, 1, 0.36, 1) backwards;
  animation-delay: calc(0.1s + (var(--lib-i, 0) * 0.07s));
  transition:
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.docs-library-body .docs-card[data-v-5255f8b4]:nth-child(1) { --lib-i: 0;
}
.docs-library-body .docs-card[data-v-5255f8b4]:nth-child(2) { --lib-i: 1;
}
.docs-library-body .docs-card[data-v-5255f8b4]:nth-child(3) { --lib-i: 2;
}
.docs-library-body .docs-card[data-v-5255f8b4]:nth-child(4) { --lib-i: 3;
}
.docs-library-body .docs-card[data-v-5255f8b4]:nth-child(5) { --lib-i: 4;
}
.docs-library-body .docs-card[data-v-5255f8b4]:nth-child(6) { --lib-i: 5;
}
.docs-library-body .docs-card[data-v-5255f8b4]:nth-child(7) { --lib-i: 6;
}
.docs-library-body .docs-card[data-v-5255f8b4]:nth-child(8) { --lib-i: 7;
}
.docs-library-body .docs-card[data-v-5255f8b4]:nth-child(9) { --lib-i: 8;
}
.docs-library-body .docs-card[data-v-5255f8b4]:nth-child(10) { --lib-i: 9;
}
.docs-library-body .docs-card[data-v-5255f8b4]:nth-child(11) { --lib-i: 10;
}
.docs-library-body .docs-card[data-v-5255f8b4]:nth-child(12) { --lib-i: 11;
}
.docs-library-body.is-reordering .docs-card[data-v-5255f8b4] {
  animation: none;
}
.docs-library-body--grid .docs-card[data-v-5255f8b4] {
  width: 100%;
  height: auto;
}
.docs-card[data-v-5255f8b4]:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
}
.docs-library-body.is-reordering .docs-card[data-v-5255f8b4]:hover {
  transform: none;
}
.docs-card[data-v-5255f8b4]:focus-visible {
  outline: 2px solid #eee8dc;
  outline-offset: 3px;
}
.docs-card--selected[data-v-5255f8b4] {
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
}
.docs-card--origin[data-v-5255f8b4] {
  pointer-events: none;
  opacity: 0.28;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
}
.docs-card--origin .docs-card-preview[data-v-5255f8b4],
.docs-card--origin .docs-card-meta[data-v-5255f8b4] {
  visibility: hidden;
}
.docs-card--target[data-v-5255f8b4] {
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
}
.docs-card-drop[data-v-5255f8b4] {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 70;
  pointer-events: none;
  border-radius: 999px;
  background: rgba(238, 232, 220, 0.78);
}
.docs-card-ghost[data-v-5255f8b4] {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 80;
  pointer-events: none;
  border-radius: 6px;
  padding: 10px 12px;
  display: flex;
  align-items: flex-end;
  background: rgba(238, 232, 220, 0.12);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
  will-change: transform;
}
.docs-card-ghost-label[data-v-5255f8b4] {
  color: #f7f7f5;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.docs-card--list[data-v-5255f8b4] {
  flex-direction: row;
  align-items: center;
  gap: 14px;
  min-height: 72px;
  padding: 10px 16px 10px 10px;
}
.docs-card--list .docs-card-preview[data-v-5255f8b4] {
  width: 46px;
  height: 64px;
  flex: 0 0 46px;
  aspect-ratio: auto;
  border-radius: 3px;
}
.docs-card--list .docs-card-meta[data-v-5255f8b4] {
  flex: 1;
  min-width: 0;
  padding: 2px 0 0;
}
.docs-card-preview[data-v-5255f8b4] {
  container-type: inline-size;
  overflow: hidden;
  border: 0;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.24);
}
.docs-library-body--grid .docs-card-preview[data-v-5255f8b4] {
  height: auto;
  flex: 0 0 auto;
  aspect-ratio: 794 / 820;
}
.docs-card--create[data-v-5255f8b4] {
  cursor: pointer;
}
.docs-card--create:not(.docs-card--list) .docs-card-meta[data-v-5255f8b4],
.docs-card--create:not(.docs-card--list) .docs-card-title[data-v-5255f8b4] {
  text-align: center;
}
.docs-card--create .docs-card-footer[data-v-5255f8b4] {
  min-height: 28px;
}
.docs-card--create.docs-card--list .docs-card-meta[data-v-5255f8b4] {
  display: flex;
  align-items: center;
  padding: 0;
}
.docs-card--create.docs-card--list .docs-card-footer[data-v-5255f8b4] {
  display: none;
}
.docs-card-preview--create[data-v-5255f8b4] {
  display: grid;
  place-items: center;
  background: transparent;
  box-shadow: none;
}
.docs-card-plus[data-v-5255f8b4] {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  color: rgba(247, 247, 245, 0.62);
}
.docs-card-plus svg[data-v-5255f8b4] {
  display: block;
  width: 28px;
  height: 28px;
}
.docs-card--create:hover .docs-card-plus[data-v-5255f8b4] {
  color: #f7f7f5;
}
.docs-card--list .docs-card-plus[data-v-5255f8b4] {
  width: 22px;
  height: 22px;
}
.docs-card--list .docs-card-plus svg[data-v-5255f8b4] {
  width: 16px;
  height: 16px;
}
.docs-card-preview-page[data-v-5255f8b4] {
  width: 794px;
  min-height: 1123px;
  padding: 56px 64px;
  background: #fff;
  color: #202124;
  transform: scale(0.26);
  transform: scale(calc(100cqw / 794px));
  transform-origin: top left;
  pointer-events: none;
  font-size: 16px;
  line-height: 1.5;
}
.docs-card-meta[data-v-5255f8b4] {
  padding: 10px 2px 0;
}
.docs-card-title[data-v-5255f8b4] {
  font-size: 13px;
  font-weight: 500;
  color: #f7f7f5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.docs-card-footer[data-v-5255f8b4] {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 6px;
  min-height: 20px;
}
.docs-card-faces[data-v-5255f8b4] {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-shrink: 0;
  cursor: default;
}
.docs-card-face[data-v-5255f8b4] {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  overflow: visible;
  font-size: 8px;
  font-weight: 650;
  margin-left: -8px;
  position: relative;
  z-index: 1;
}
.docs-card-face[data-v-5255f8b4]:first-child {
  margin-left: 0;
}
.docs-card-face[data-v-5255f8b4]:nth-child(2) {
  z-index: 2;
}
.docs-card-face[data-v-5255f8b4]:nth-child(3) {
  z-index: 3;
}
.docs-card-face-more[data-v-5255f8b4] {
  position: relative;
  z-index: 4;
  isolation: isolate;
  overflow: hidden;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: -8px;
  padding: 0;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-family: "Fustat", sans-serif;
  font-size: 0.5625rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1;
  color: #eee8dc;
  background: rgba(46, 34, 24, 0.62);
  backdrop-filter: blur(12px) saturate(1.25);
  -webkit-backdrop-filter: blur(12px) saturate(1.25);
}
.docs-card-face-more[data-v-5255f8b4]::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0.62;
  mix-blend-mode: overlay;
  filter: contrast(1.9) brightness(1.12);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='dcfmg' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23dcfmg)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='dcfmg2' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23dcfmg2)'/%3E%3C/svg%3E");
  background-size: 28px 28px, 52px 52px;
}
.docs-card-faces-list[data-v-5255f8b4] {
  --hw-tint-rgb: 238, 232, 220;
  position: fixed;
  z-index: 50;
  min-width: 200px;
  max-width: 240px;
  max-height: 260px;
  overflow: auto;
  padding: 6px;
  border-radius: 6px;
  border: 0;
  background:
    linear-gradient(165deg, rgba(238, 232, 220, 0.06), transparent 60%),
    rgba(46, 34, 24, 0.42);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}
.docs-faces-list-enter-active[data-v-5255f8b4] {
  transition:
    opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
}
.docs-faces-list-leave-active[data-v-5255f8b4] {
  transition:
    opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.docs-faces-list-enter-from[data-v-5255f8b4],
.docs-faces-list-enter[data-v-5255f8b4] {
  opacity: 0;
  transform: translateY(-4px);
}
.docs-faces-list-leave-to[data-v-5255f8b4] {
  opacity: 0;
  transform: translateY(-3px);
}
@media (prefers-reduced-motion: reduce) {
.docs-faces-list-enter-active[data-v-5255f8b4],
  .docs-faces-list-leave-active[data-v-5255f8b4] {
    transition: opacity 0.18s ease;
}
.docs-faces-list-enter-from[data-v-5255f8b4],
  .docs-faces-list-enter[data-v-5255f8b4],
  .docs-faces-list-leave-to[data-v-5255f8b4] {
    transform: none;
}
}
.docs-card-faces-row[data-v-5255f8b4] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 6px;
}
.docs-card-faces-row[data-v-5255f8b4]:hover {
  background: rgba(238, 232, 220, 0.07);
}
.docs-card-faces-row-face[data-v-5255f8b4] {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  overflow: hidden;
  font-size: 8px;
  font-weight: 650;
  flex-shrink: 0;
}
.docs-card-faces-row-name[data-v-5255f8b4] {
  min-width: 0;
  color: #eee8dc;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.docs-card-activity[data-v-5255f8b4] {
  flex: 1;
  min-width: 0;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
}
.docs-card-opened[data-v-5255f8b4],
.docs-card-date[data-v-5255f8b4] {
  display: block;
  min-width: 0;
  max-width: 100%;
  color: #f7f7f5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.docs-card--list .docs-card-activity[data-v-5255f8b4] {
  flex-direction: row;
  align-items: baseline;
  gap: 6px;
}
.docs-card--list .docs-card-footer[data-v-5255f8b4] {
  align-items: center;
}
.docs-card-shared[data-v-5255f8b4] {
  width: 16px;
  height: 16px;
  color: rgba(183, 203, 216, 0.82);
  flex-shrink: 0;
}
.docs-card-more[data-v-5255f8b4] {
  width: 28px;
  height: 28px;
  margin-right: -4px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(247, 247, 245, 0.7);
}
.docs-card-more[data-v-5255f8b4]:hover {
  background: rgba(247, 247, 245, 0.08);
  color: #f7f7f5;
}
.docs-card-menu[data-v-5255f8b4] {
  position: fixed;
  min-width: 196px;
}
.docs-library-menu[data-v-5255f8b4],
.docs-card-menu[data-v-5255f8b4],
.docs-flyout[data-v-5255f8b4] {
  --hw-tint-rgb: 238, 232, 220;
  padding: 6px;
  border-radius: 6px;
  border: 0;
  background:
    linear-gradient(165deg, rgba(238, 232, 220, 0.06), transparent 60%),
    rgba(46, 34, 24, 0.42);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  animation: docs-menu-in-5255f8b4 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.docs-header-menu[data-v-5255f8b4] {
  width: 224px;
  margin-top: 8px;
}
.docs-export-flyout[data-v-5255f8b4] {
  width: 176px;
  margin-top: 8px;
}
@keyframes docs-menu-in-5255f8b4 {
from {
    opacity: 0;
    transform: translateY(-6px);
}
to {
    opacity: 1;
    transform: none;
}
}
.docs-fly-item[data-v-5255f8b4] {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #eee8dc;
  text-align: left;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  cursor: pointer;
}
.docs-fly-item[data-v-5255f8b4]:hover,
.docs-fly-item[data-v-5255f8b4]:focus-visible,
.docs-fly-item.is-active[data-v-5255f8b4] {
  background: rgba(238, 232, 220, 0.07);
}
.docs-fly-item[data-v-5255f8b4]:disabled {
  opacity: 0.5;
  cursor: default;
}
.docs-fly-item--danger[data-v-5255f8b4] {
  color: #f97373;
}
.docs-library-empty[data-v-5255f8b4] {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 80px 24px;
  text-align: center;
}
.docs-toc[data-v-5255f8b4] {
  width: 220px;
  flex-shrink: 0;
  min-height: 0;
  flex-direction: column;
  border-right: 1px solid rgba(238, 232, 220, 0.08);
  background: transparent;
  padding: 12px 8px 16px 12px;
}
.docs-toc-head[data-v-5255f8b4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 4px 8px;
}
.docs-toc-title[data-v-5255f8b4] {
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: none;
  color: #b0b0b0;
}
.docs-toc-toggle[data-v-5255f8b4],
.docs-toc-open[data-v-5255f8b4] {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  color: #b0b0b0;
  align-items: center;
  justify-content: center;
}
.docs-toc-toggle[data-v-5255f8b4] {
  display: inline-flex;
}
.docs-toc-toggle[data-v-5255f8b4]:hover,
.docs-toc-open[data-v-5255f8b4]:hover {
  background: rgba(238, 232, 220, 0.08);
  color: #eee8dc;
}
.docs-toc-open[data-v-5255f8b4] {
  align-self: flex-start;
  margin: 10px 0 0 8px;
  flex-shrink: 0;
}
.docs-toc-nav[data-v-5255f8b4] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
.docs-toc-item[data-v-5255f8b4] {
  display: block;
  width: 100%;
  text-align: left;
  padding: 7px 8px;
  border-radius: 6px;
  color: rgba(238, 232, 220, 0.72);
  font-size: 13px;
  line-height: 1.35;
  background: transparent;
}
.docs-toc-item--h2[data-v-5255f8b4] {
  padding-left: 18px;
  font-size: 12px;
}
.docs-toc-item--h3[data-v-5255f8b4] {
  padding-left: 28px;
  font-size: 12px;
  color: rgba(238, 232, 220, 0.48);
}
.docs-toc-item[data-v-5255f8b4]:hover,
.docs-toc-item.is-active[data-v-5255f8b4] {
  background: rgba(238, 232, 220, 0.08);
  color: #eee8dc;
}
.docs-toc-empty[data-v-5255f8b4] {
  padding: 8px 10px;
  font-size: 12px;
  line-height: 1.45;
  color: #808080;
}
.docs-header-more-badge[data-v-5255f8b4] {
  position: absolute;
  top: 2px;
  right: 2px;
  min-width: 14px;
  height: 14px;
  padding: 0 3px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 700;
  line-height: 14px;
  text-align: center;
  background: rgba(238, 232, 220, 0.16);
  color: #eee8dc;
}
.docs-header-menu-item[data-v-5255f8b4] {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  font-size: 0.8125rem;
  font-weight: 600;
  background: transparent;
  text-align: left;
}
.docs-editor-wrap[data-v-5255f8b4] {
  overflow: visible;
  min-width: 0;
  --docs-page-h: 1123px;
  --docs-page-gap: 10px;
  --docs-page-pad-y: 96px;
  --docs-page-pad-x: 76px;
  --docs-canvas: transparent;
}
@media (max-width: 900px) {
.docs-editor-wrap[data-v-5255f8b4] {
    --docs-page-pad-y: 56px;
    --docs-page-pad-x: 36px;
}
}
@media (max-width: 640px) {
.docs-editor-wrap[data-v-5255f8b4] {
    --docs-page-pad-y: 36px;
    --docs-page-pad-x: 18px;
}
}
.docs-remote-mouse[data-v-5255f8b4] {
  position: absolute;
  z-index: 30;
  pointer-events: none;
  transition: left 0.08s linear, top 0.08s linear;
}
.docs-remote-mouse--followed[data-v-5255f8b4] {
  z-index: 31;
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.45));
}
.docs-peer-sel[data-v-5255f8b4] {
  position: absolute;
  z-index: 7;
  pointer-events: none;
  border-radius: 2px;
  opacity: 0.38;
}
.docs-comment-chip[data-v-5255f8b4] {
  position: fixed;
  z-index: 40;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #191919;
  background: #EEE8DC;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}
.docs-comment-chip[data-v-5255f8b4]:hover {
  filter: brightness(1.06);
}
.docs-comment-hl[data-v-5255f8b4] {
  position: absolute;
  z-index: 8;
  pointer-events: none;
  background: rgba(238, 232, 220, 0.42);
  border-bottom: 1px solid #c4b8a4;
  border-radius: 1px;
}
.docs-comment-hl--active[data-v-5255f8b4] {
  background: rgba(238, 232, 220, 0.7);
}
.docs-remote-mouse-label[data-v-5255f8b4] {
  display: inline-block;
  margin-left: 10px;
  margin-top: -4px;
  padding: 1px 6px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
  color: #191919;
  white-space: nowrap;
}
.docs-peer-avatar[data-v-5255f8b4] {
  position: relative;
  cursor: pointer;
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.docs-peer-avatar[data-v-5255f8b4]:hover {
  transform: translateY(-1px) scale(1.06);
  z-index: 2;
}
.docs-peer-avatar--followed[data-v-5255f8b4] {
  z-index: 3;
}
.docs-peer-avatar--presenting[data-v-5255f8b4] {
  animation: docs-peer-pulse 1.6s ease-out infinite;
}
.docs-follow-pill[data-v-5255f8b4] {
  position: absolute;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  z-index: 40;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 8px 7px 12px;
  border-radius: 999px;
  background: rgba(17, 17, 17, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
  color: #f4f4f4;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.01em;
  pointer-events: auto;
  white-space: nowrap;
}
.docs-follow-pill-dot[data-v-5255f8b4] {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  flex-shrink: 0;
}
.docs-follow-pill-action[data-v-5255f8b4] {
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  color: #f4f4f4;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
}
.docs-follow-pill-action[data-v-5255f8b4]:hover {
  background: rgba(255, 255, 255, 0.16);
}
@media (prefers-reduced-motion: reduce) {
.docs-peer-avatar--presenting[data-v-5255f8b4] {
    animation: none;
}
.docs-remote-mouse[data-v-5255f8b4] {
    transition: none;
}
}


@keyframes docs-peer-pulse {
0% { box-shadow: 0 0 0 0 rgba(110, 176, 232, 0.55);
}
70% { box-shadow: 0 0 0 7px rgba(110, 176, 232, 0);
}
100% { box-shadow: 0 0 0 0 rgba(110, 176, 232, 0);
}
}
.docs-editor-wrap .ql-toolbar.ql-snow {
  position: relative;
  z-index: 8;
  border: none;
  background: transparent;
  overflow: visible;
  flex-shrink: 0;
  padding: 6px 12px;
  border-bottom: 1px solid rgba(238, 232, 220, 0.06);
}
.docs-editor-wrap .ql-container.ql-snow {
  position: relative;
  z-index: 0;
  border: none;
  font-size: 16px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background: transparent;
  padding: 16px 16px 28px;
}
.docs-editor-wrap .ql-editor {
  box-sizing: border-box;
  width: min(794px, 100%);
  max-width: 100%;
  min-height: calc(var(--docs-pages, 1) * (var(--docs-page-h) + var(--docs-page-gap)) - var(--docs-page-gap));
  margin: 0 auto;
  padding: var(--docs-page-pad-y) var(--docs-page-pad-x);
  line-height: 1.6;
  color: #1c1c1c;
  background-color: transparent;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  background-image: linear-gradient(
    to bottom,
    #ffffff 0,
    #ffffff var(--docs-page-h),
    var(--docs-canvas) var(--docs-page-h),
    var(--docs-canvas) calc(var(--docs-page-h) + var(--docs-page-gap))
  );
  background-size: 100% calc(var(--docs-page-h) + var(--docs-page-gap));
  background-repeat: repeat-y;
}
.docs-editor-wrap .ql-editor p,
.docs-editor-wrap .ql-editor ol,
.docs-editor-wrap .ql-editor ul,
.docs-editor-wrap .ql-editor pre,
.docs-editor-wrap .ql-editor blockquote {
  margin-bottom: 0.8em;
}
.docs-editor-wrap .ql-editor ul[data-checked],
.docs-card-preview-page ul[data-checked],
.docs-rendered-content ul[data-checked] {
  margin-bottom: 0;
}
.docs-editor-wrap .ql-editor ul[data-checked] + ul[data-checked],
.docs-card-preview-page ul[data-checked] + ul[data-checked],
.docs-rendered-content ul[data-checked] + ul[data-checked] {
  margin-top: 0;
}
.docs-editor-wrap .ql-editor ul[data-checked] > li,
.docs-card-preview-page ul[data-checked] > li {
  margin-bottom: 0.35em;
}
.docs-editor-wrap .ql-editor ul[data-checked] > li::before,
.docs-editor-wrap .ql-editor li[data-list='checked']::before,
.docs-editor-wrap .ql-editor li[data-list='unchecked']::before,
.docs-card-preview-page ul[data-checked] > li::before,
.docs-card-preview-page li[data-list='checked']::before,
.docs-card-preview-page li[data-list='unchecked']::before,
.docs-rendered-content li[data-list='checked']::before,
.docs-rendered-content li[data-list='unchecked']::before,
.docs-rendered-content ul[data-checked] > li::before {
  content: '' !important;
  display: inline-block;
  width: 18px !important;
  min-width: 18px;
  max-width: 18px;
  height: 18px;
  margin-right: 0.45em;
  box-sizing: border-box;
  border: 1.5px solid #c5c5c5;
  border-radius: 5px;
  background-color: #ffffff;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 11px 11px;
  color: transparent;
  text-align: center;
  vertical-align: -0.2em;
}
.docs-editor-wrap .ql-editor ul[data-checked='true'] > li::before,
.docs-editor-wrap .ql-editor li[data-list='checked']::before,
.docs-card-preview-page ul[data-checked='true'] > li::before,
.docs-card-preview-page li[data-list='checked']::before,
.docs-rendered-content li[data-list='checked']::before,
.docs-rendered-content ul[data-checked='true'] > li::before {
  border-color: #1c1c1c;
  background-color: #1c1c1c;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.4 8.3l3 3.1 6.2-6.4' stroke='%23fff' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.docs-editor-wrap .ql-editor img {
  max-width: 100%;
  max-height: calc(var(--docs-page-h) - 2 * var(--docs-page-pad-y) - 24px);
  height: auto;
}
.docs-card-preview-page h1,
.docs-card-preview-page h2,
.docs-card-preview-page h3 {
  color: #202124;
  font-weight: 700;
  margin: 0 0 0.6em;
}
.docs-card-preview-page h1 { font-size: 28px;
}
.docs-card-preview-page h2 { font-size: 22px;
}
.docs-card-preview-page h3 { font-size: 18px;
}
.docs-card-preview-page p,
.docs-card-preview-page li {
  margin: 0 0 0.55em;
  color: #202124;
}
.docs-card-preview-page img {
  max-width: 100%;
  height: auto;
}
.docs-editor-wrap .ql-editor.ql-blank::before {
  color: #9a9a9a;
  font-style: normal;
  left: 0;
  right: 0;
}
.docs-editor-wrap .ql-snow .ql-stroke:not(.ql-color-label) {
  stroke: #b0b0b0;
}
.docs-editor-wrap .ql-snow .ql-fill:not(.ql-color-label) {
  fill: #b0b0b0;
}
.docs-editor-wrap .ql-snow .ql-picker {
  color: #b0b0b0;
}
.docs-editor-wrap .ql-toolbar.ql-snow .ql-picker.ql-expanded {
  z-index: 40;
}
.docs-editor-wrap .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  z-index: 50;
  background-color: rgba(21, 18, 14, 0.78);
}
.docs-editor-wrap .ql-toolbar.ql-snow .ql-color-picker.ql-expanded .ql-picker-options {
  display: grid;
}
.docs-editor-wrap .ql-snow .ql-picker-options {
  top: 100%;
  margin-top: 6px;
  padding: 6px;
  min-width: 148px;
  border: 0;
  border-radius: 6px;
  background-color: rgba(21, 18, 14, 0.78);
  background-image: linear-gradient(165deg, rgba(238, 232, 220, 0.06), transparent 60%);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}
.docs-editor-wrap .ql-snow .ql-picker-item {
  color: #eee8dc;
  border-radius: 6px;
  padding: 6px 10px;
}
.docs-editor-wrap .ql-toolbar.ql-snow .ql-picker.ql-header .ql-picker-item {
  line-height: 1.3;
}
.docs-editor-wrap .ql-toolbar.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
}
.docs-editor-wrap .ql-snow .ql-picker-item:hover,
.docs-editor-wrap .ql-snow .ql-picker-item.ql-selected {
  color: #eee8dc;
  background: rgba(238, 232, 220, 0.08);
}
/* Quill paints swatches via style="", which CSP strips. Color via data-value. */
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-options {
  grid-template-columns: repeat(7, 16px);
  gap: 4px;
  width: -moz-max-content;
  width: max-content;
  min-width: 148px;
  left: auto;
  right: 0;
  padding: 6px;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item {
  float: none;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value] {
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  border-radius: 4px;
  border-color: rgba(255, 255, 255, 0.18);
}
.docs-editor-wrap .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item[data-value].ql-selected,
.docs-editor-wrap .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item[data-value]:hover {
  border-color: #EEE8DC;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item.ql-color-none,
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item:not([data-value]) {
  order: -1;
  grid-column: 1 / -1;
  width: auto;
  height: auto;
  margin: 0 0 2px;
  padding: 6px 8px;
  background-color: transparent !important;
  color: #eee8dc;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.3;
  text-align: left;
  white-space: nowrap;
  border: 0;
  border-radius: 6px;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item.ql-color-none:hover,
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item.ql-color-none.ql-selected,
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item:not([data-value]):hover,
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item:not([data-value]).ql-selected {
  background: rgba(238, 232, 220, 0.08) !important;
  color: #eee8dc;
  border-color: transparent;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#000000"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#000000"] .ql-color-label { background-color: #000000; stroke: #000000; fill: #000000;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#e60000"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#e60000"] .ql-color-label { background-color: #e60000; stroke: #e60000; fill: #e60000;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#ff9900"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#ff9900"] .ql-color-label { background-color: #ff9900; stroke: #ff9900; fill: #ff9900;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#ffff00"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#ffff00"] .ql-color-label { background-color: #ffff00; stroke: #ffff00; fill: #ffff00;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#008a00"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#008a00"] .ql-color-label { background-color: #008a00; stroke: #008a00; fill: #008a00;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#0066cc"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#0066cc"] .ql-color-label { background-color: #0066cc; stroke: #0066cc; fill: #0066cc;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#9933ff"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#9933ff"] .ql-color-label { background-color: #9933ff; stroke: #9933ff; fill: #9933ff;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#ffffff"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#ffffff"] .ql-color-label { background-color: #ffffff; stroke: #ffffff; fill: #ffffff;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#facccc"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#facccc"] .ql-color-label { background-color: #facccc; stroke: #facccc; fill: #facccc;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#ffebcc"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#ffebcc"] .ql-color-label { background-color: #ffebcc; stroke: #ffebcc; fill: #ffebcc;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#ffffcc"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#ffffcc"] .ql-color-label { background-color: #ffffcc; stroke: #ffffcc; fill: #ffffcc;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#cce8cc"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#cce8cc"] .ql-color-label { background-color: #cce8cc; stroke: #cce8cc; fill: #cce8cc;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#cce0f5"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#cce0f5"] .ql-color-label { background-color: #cce0f5; stroke: #cce0f5; fill: #cce0f5;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#ebd6ff"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#ebd6ff"] .ql-color-label { background-color: #ebd6ff; stroke: #ebd6ff; fill: #ebd6ff;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#bbbbbb"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#bbbbbb"] .ql-color-label { background-color: #bbbbbb; stroke: #bbbbbb; fill: #bbbbbb;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#f06666"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#f06666"] .ql-color-label { background-color: #f06666; stroke: #f06666; fill: #f06666;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#ffc266"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#ffc266"] .ql-color-label { background-color: #ffc266; stroke: #ffc266; fill: #ffc266;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#ffff66"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#ffff66"] .ql-color-label { background-color: #ffff66; stroke: #ffff66; fill: #ffff66;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#66b966"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#66b966"] .ql-color-label { background-color: #66b966; stroke: #66b966; fill: #66b966;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#66a3e0"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#66a3e0"] .ql-color-label { background-color: #66a3e0; stroke: #66a3e0; fill: #66a3e0;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#c285ff"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#c285ff"] .ql-color-label { background-color: #c285ff; stroke: #c285ff; fill: #c285ff;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#888888"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#888888"] .ql-color-label { background-color: #888888; stroke: #888888; fill: #888888;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#a10000"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#a10000"] .ql-color-label { background-color: #a10000; stroke: #a10000; fill: #a10000;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#b26b00"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#b26b00"] .ql-color-label { background-color: #b26b00; stroke: #b26b00; fill: #b26b00;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#b2b200"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#b2b200"] .ql-color-label { background-color: #b2b200; stroke: #b2b200; fill: #b2b200;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#006100"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#006100"] .ql-color-label { background-color: #006100; stroke: #006100; fill: #006100;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#0047b2"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#0047b2"] .ql-color-label { background-color: #0047b2; stroke: #0047b2; fill: #0047b2;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#6b24b2"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#6b24b2"] .ql-color-label { background-color: #6b24b2; stroke: #6b24b2; fill: #6b24b2;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#444444"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#444444"] .ql-color-label { background-color: #444444; stroke: #444444; fill: #444444;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#5c0000"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#5c0000"] .ql-color-label { background-color: #5c0000; stroke: #5c0000; fill: #5c0000;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#663d00"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#663d00"] .ql-color-label { background-color: #663d00; stroke: #663d00; fill: #663d00;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#666600"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#666600"] .ql-color-label { background-color: #666600; stroke: #666600; fill: #666600;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#003700"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#003700"] .ql-color-label { background-color: #003700; stroke: #003700; fill: #003700;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#002966"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#002966"] .ql-color-label { background-color: #002966; stroke: #002966; fill: #002966;
}
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-item[data-value="#3d1466"],
.docs-editor-wrap .ql-snow .ql-color-picker .ql-picker-label[data-value="#3d1466"] .ql-color-label { background-color: #3d1466; stroke: #3d1466; fill: #3d1466;
}
/* Line-height picker: Quill has no built-in labels for custom formats. */
.docs-editor-wrap .ql-snow .ql-picker.ql-lineheight {
  width: 72px;
}
.docs-editor-wrap .ql-snow .ql-picker.ql-lineheight .ql-picker-label::before,
.docs-editor-wrap .ql-snow .ql-picker.ql-lineheight .ql-picker-item::before {
  content: 'Radavst.';
}
.docs-editor-wrap .ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value="1"]::before,
.docs-editor-wrap .ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value="1"]::before {
  content: '1.0';
}
.docs-editor-wrap .ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value="1.15"]::before,
.docs-editor-wrap .ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value="1.15"]::before {
  content: '1.15';
}
.docs-editor-wrap .ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value="1.5"]::before,
.docs-editor-wrap .ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value="1.5"]::before {
  content: '1.5';
}
.docs-editor-wrap .ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value="1.75"]::before,
.docs-editor-wrap .ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value="1.75"]::before {
  content: '1.75';
}
.docs-editor-wrap .ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value="2"]::before,
.docs-editor-wrap .ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value="2"]::before {
  content: '2.0';
}
.docs-editor-wrap .ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value="2.5"]::before,
.docs-editor-wrap .ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value="2.5"]::before {
  content: '2.5';
}
.docs-editor-wrap .ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value="3"]::before,
.docs-editor-wrap .ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value="3"]::before {
  content: '3.0';
}
.docs-editor-wrap .ql-snow.ql-toolbar button:hover .ql-stroke,
.docs-editor-wrap .ql-snow.ql-toolbar button.ql-active .ql-stroke {
  stroke: #EEE8DC;
}
.docs-editor-wrap .ql-snow.ql-toolbar button:hover .ql-fill,
.docs-editor-wrap .ql-snow.ql-toolbar button.ql-active .ql-fill {
  fill: #EEE8DC;
}
.docs-editor-wrap .ql-editor > :first-child {
  margin-top: 0;
}
.docs-editor-wrap .ql-editor h1 {
  font-size: 1.75rem;
  font-weight: 700;
  margin: 1em 0 0.45em;
}
.docs-editor-wrap .ql-editor h2 {
  font-size: 1.35rem;
  font-weight: 600;
  margin: 0.9em 0 0.4em;
}
.docs-editor-wrap .ql-editor h3 {
  font-size: 1.15rem;
  font-weight: 600;
  margin: 0.8em 0 0.35em;
}
.docs-editor-wrap .ql-editor blockquote {
  border-left: 3px solid #EEE8DC;
  padding-left: 12px;
  color: #555;
}
.docs-editor-wrap .ql-editor pre.ql-syntax {
  background: #111;
  color: #d4d4d4;
  border-radius: 8px;
}
/* quill-cursors injects its CSS via a style tag that CSP strips. */
.docs-editor-wrap .ql-cursors {
  position: absolute;
  inset: 0;
  z-index: 9;
  overflow: hidden;
  pointer-events: none;
}
.docs-editor-wrap .ql-cursor.hidden {
  display: none;
}
.docs-editor-wrap .ql-cursor-caret-container,
.docs-editor-wrap .ql-cursor-flag {
  position: absolute;
}
.docs-editor-wrap .ql-cursor-flag {
  z-index: 1;
  width: -moz-max-content;
  width: max-content;
  max-width: none;
  transform: translate3d(-1px, -100%, 0);
  padding-bottom: 2px;
  border-radius: 4px;
  color: #191919;
  pointer-events: none;
}
.docs-editor-wrap .ql-cursor-name {
  display: inline-block;
  margin: -2px 5px 0;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}
.docs-editor-wrap .ql-cursor-caret-container {
  margin-left: -9px;
  padding: 0 9px;
  z-index: 1;
}
.docs-editor-wrap .ql-cursor-caret {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  margin-left: -1px;
}
.docs-editor-wrap .ql-cursor-selection-block {
  display: none;
}
.docs-rendered-content h1 {
  font-size: 1.75rem;
  font-weight: 700;
  margin: 0.75em 0 0.25em;
}
.docs-rendered-content h2 {
  font-size: 1.35rem;
  font-weight: 600;
  margin: 0.6em 0 0.2em;
}
.docs-rendered-content ul,
.docs-rendered-content ol {
  margin: 0.5em 0;
  padding-left: 1.5em;
}
.docs-rendered-content ul {
  list-style-type: disc;
}
.docs-rendered-content ol {
  list-style-type: decimal;
}
.docs-rendered-content li[data-list='checked'],
.docs-rendered-content li[data-list='unchecked'] {
  list-style: none;
  margin-left: -1em;
}
.docs-rendered-content img {
  max-width: 100%;
  height: auto;
}
.docs-editor-wrap .ql-toolbar button.ql-undo:disabled,
.docs-editor-wrap .ql-toolbar button.ql-redo:disabled {
  opacity: 0.35;
}
.docs-editor-wrap .ql-toolbar button.ql-docs-table {
  width: 28px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ccc' stroke-width='1.8'%3E%3Crect x='3' y='4' width='18' height='16' rx='1'/%3E%3Cpath d='M3 10h18M3 15h18M9 4v16M15 4v16'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
}
.docs-editor-wrap .ql-editor .docs-table-embed,
.docs-rendered-content .docs-table-embed,
.docs-card-preview-page .docs-table-embed {
  margin: 8px 0;
}
.docs-editor-wrap .ql-editor .docs-table,
.docs-rendered-content .docs-table,
.docs-card-preview-page .docs-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  grid-column: 2;
  grid-row: 2;
}
.docs-editor-wrap .ql-editor .docs-table-grid {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  grid-template-rows: 18px auto;
}
.docs-editor-wrap .ql-editor .docs-table-col-rail {
  grid-column: 2;
  grid-row: 1;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.docs-editor-wrap .ql-editor .docs-table-row-rail {
  grid-column: 1;
  grid-row: 2;
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: 1fr;
}
.docs-editor-wrap .ql-editor .docs-table-grid:not(:has(.docs-table-col-pick)) {
  grid-template-rows: auto;
}
.docs-editor-wrap .ql-editor .docs-table-grid:not(:has(.docs-table-col-pick)) .docs-table-col-rail {
  display: none;
}
.docs-editor-wrap .ql-editor .docs-table-grid:not(:has(.docs-table-col-pick)) .docs-table,
.docs-editor-wrap .ql-editor .docs-table-grid:not(:has(.docs-table-col-pick)) .docs-table-row-rail {
  grid-row: 1;
}
.docs-editor-wrap .ql-editor .docs-table-grid:not(:has(.docs-table-row-pick)) {
  grid-template-columns: minmax(0, 1fr);
}
.docs-editor-wrap .ql-editor .docs-table-grid:not(:has(.docs-table-row-pick)) .docs-table-row-rail {
  display: none;
}
.docs-editor-wrap .ql-editor .docs-table-grid:not(:has(.docs-table-row-pick)) .docs-table,
.docs-editor-wrap .ql-editor .docs-table-grid:not(:has(.docs-table-row-pick)) .docs-table-col-rail {
  grid-column: 1;
}
.docs-editor-wrap .ql-editor .docs-table-col-pick,
.docs-editor-wrap .ql-editor .docs-table-row-pick {
  border: 0;
  padding: 0;
  background: transparent;
  color: transparent;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
}
.docs-editor-wrap .ql-editor .docs-table-embed:hover .docs-table-col-pick,
.docs-editor-wrap .ql-editor .docs-table-embed:hover .docs-table-row-pick {
  color: #9a9a9a;
}
.docs-editor-wrap .ql-editor .docs-table-col-pick:hover,
.docs-editor-wrap .ql-editor .docs-table-row-pick:hover {
  color: #9a3b32;
}
.docs-editor-wrap .ql-editor .docs-table-cell.is-col-hot,
.docs-editor-wrap .ql-editor .docs-table-cell.is-row-hot {
  background: rgba(154, 59, 50, 0.14);
}
.docs-editor-wrap .ql-editor .docs-table-actions {
  display: flex;
  gap: 6px;
  margin-top: 6px;
}
.docs-editor-wrap .ql-editor .docs-table-add-row,
.docs-editor-wrap .ql-editor .docs-table-add-col {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border: 1px dashed #c8c8c8;
  border-radius: 4px;
  background: transparent;
  color: #5c5c5c;
  font-size: 13px;
  cursor: pointer;
}
.docs-editor-wrap .ql-editor .docs-table-add-row:hover,
.docs-editor-wrap .ql-editor .docs-table-add-col:hover {
  border-color: #6eb0e8;
  color: #1c1c1c;
}
.docs-editor-wrap .ql-editor .docs-table-add-row:disabled,
.docs-editor-wrap .ql-editor .docs-table-add-col:disabled {
  opacity: 0.4;
  cursor: default;
}
.docs-editor-wrap .ql-editor.ql-disabled .docs-table-actions,
.docs-editor-wrap .ql-disabled .docs-table-actions,
.docs-rendered-content .docs-table-actions,
.docs-card-preview-page .docs-table-actions,
.docs-editor-wrap .ql-editor.ql-disabled .docs-table-add-row,
.docs-editor-wrap .ql-disabled .docs-table-add-row,
.docs-rendered-content .docs-table-add-row,
.docs-card-preview-page .docs-table-add-row,
.docs-editor-wrap .ql-editor.ql-disabled .docs-table-add-col,
.docs-editor-wrap .ql-disabled .docs-table-add-col,
.docs-rendered-content .docs-table-add-col,
.docs-card-preview-page .docs-table-add-col,
.docs-editor-wrap .ql-editor.ql-disabled .docs-table-col-rail,
.docs-editor-wrap .ql-disabled .docs-table-col-rail,
.docs-rendered-content .docs-table-col-rail,
.docs-card-preview-page .docs-table-col-rail,
.docs-editor-wrap .ql-editor.ql-disabled .docs-table-row-rail,
.docs-editor-wrap .ql-disabled .docs-table-row-rail,
.docs-rendered-content .docs-table-row-rail,
.docs-card-preview-page .docs-table-row-rail {
  display: none;
}
.docs-editor-wrap .ql-editor .docs-table-cell,
.docs-rendered-content .docs-table-cell,
.docs-card-preview-page .docs-table-cell {
  border: 1px solid #c8c8c8;
  padding: 6px 8px;
  min-width: 48px;
  vertical-align: top;
  white-space: pre-wrap;
  word-break: break-word;
  cursor: text;
}
.docs-table-editor {
  position: fixed;
  z-index: 80;
  box-sizing: border-box;
  margin: 0;
  padding: 6px 8px;
  border: 2px solid #6eb0e8;
  border-radius: 2px;
  background: #fff;
  color: #1c1c1c;
  font: inherit;
  font-size: 16px;
  line-height: 1.4;
  resize: none;
}
.docs-table-picker {
  position: fixed;
  z-index: 80;
  display: grid;
  grid-template-columns: repeat(6, 18px);
  gap: 3px;
  padding: 8px;
  background: #191919;
  border: 1px solid #3a3a3a;
  border-radius: 8px;
}
.docs-table-picker-cell {
  width: 18px;
  height: 18px;
  padding: 0;
  border: 1px solid #5a5a5a;
  border-radius: 2px;
  background: transparent;
}
.docs-table-picker-cell.is-hot {
  background: #6eb0e8;
  border-color: #6eb0e8;
}
.docs-editor-wrap .ql-snow .ql-picker.ql-font {
  width: 172px;
}
.docs-editor-wrap .ql-snow .ql-picker.ql-font .ql-picker-options {
  max-height: 320px;
  overflow-y: auto;
}
.docs-editor-wrap .ql-snow .ql-picker.ql-font .ql-picker-label::before,
.docs-editor-wrap .ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Fustat';
  font-family: "Fustat", sans-serif;
}


/* Isolate spreadsheet from the portal dark-theme text color (#fff), which
   x-data-spreadsheet's editor textarea inherits via `color: inherit`. */
.sheets-spreadsheet-host {
  background: #fff;
  color: #1a1a1a;
  color-scheme: light;
  width: 100%;
  min-width: 0;
  min-height: 0;
  flex: 1;
  overflow: hidden;
}
.sheets-spreadsheet-host .x-spreadsheet {
  height: 100% !important;
  width: 100% !important;
  color: #1a1a1a;
}
.sheets-spreadsheet-host .x-spreadsheet-editor .x-spreadsheet-editor-area textarea {
  color: #1a1a1a !important;
  background: #fff !important;
  caret-color: #1a1a1a;
}
.sheets-spreadsheet-host .x-spreadsheet-form-input,
.sheets-spreadsheet-host .x-spreadsheet-form-input input {
  color: #1a1a1a;
}
.sheets-spreadsheet-host .x-spreadsheet-overlayer {
  overflow: visible;
}
.sheets-spreadsheet-host .x-spreadsheet-line-type svg {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
/* Library only hides this overlay via element.style.display. CSP strips that,
   so the print chrome would cover the grid until the style bridge applies. */
.sheets-spreadsheet-host .x-spreadsheet-print {
  display: none;
}
.sheets-peer-col-header {
  box-sizing: border-box;
  overflow: visible;
}
.sheets-peer-col-label {
  position: absolute;
  top: 2px;
  left: 50%;
  transform: translateX(-50%);
  max-width: calc(100% - 4px);
  padding: 1px 6px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sheets-peer-cell-outline {
  box-sizing: border-box;
  border-width: 2px;
  border-style: solid;
  border-radius: 1px;
}
.sheets-root {
  font-family: "Fustat", sans-serif;
}
.sheets-open-view {
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  flex: 1;
  overflow: hidden;
}
.sheets-open-stage {
  position: relative;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding:
    calc(var(--app-header-bar-height) + var(--app-header-top-offset) + 8px)
    20px
    24px;
  overflow: hidden;
}
@media (max-width: 767px) {
.sheets-open-stage {
    padding:
      calc(var(--app-header-bar-height) + var(--app-header-top-offset) + 8px)
      12px
      16px;
}
}
.sheets-open-sheet {
  width: 100%;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 10px;
  background: rgba(238, 232, 220, 0.1);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
  overflow: visible;
  opacity: 1;
  transform: none;
}
.sheets-open-sheet--loading {
  position: absolute;
  inset: 0;
  z-index: 5;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transform: none;
}
.sheets-open-sheet--measure {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transform: none;
}
.sheets-sheet-loading {
  display: grid;
  justify-items: center;
  gap: 12px;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: rgba(238, 232, 220, 0.62);
}
.sheets-sheet-spinner {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 2px solid rgba(238, 232, 220, 0.12);
  border-top-color: rgba(238, 232, 220, 0.55);
  animation: sheets-sheet-spin 0.85s linear infinite;
}
@keyframes sheets-sheet-spin {
to { transform: rotate(360deg);
}
}
.sheets-open-sheet--ready {
  opacity: 1;
  transform: none;
}
.sheets-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: transparent;
  flex-shrink: 0;
  position: relative;
  z-index: 12;
  border-bottom: 1px solid rgba(238, 232, 220, 0.06);
  border-radius: 10px 10px 0 0;
}
.sheets-toolbar-title {
  min-width: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: #eee8dc;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sheets-toolbar-live {
  flex-shrink: 0;
  font-size: 0.6875rem;
  letter-spacing: 0.02em;
  color: rgba(238, 232, 220, 0.48);
}
.sheets-toolbar-people {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.sheets-toolbar-people .sheets-peer-avatar {
  width: 20px;
  height: 20px;
  margin-left: -6px;
  font-size: 8px;
}
.sheets-toolbar-people .sheets-peer-avatar:first-child {
  margin-left: 0;
}
.sheets-toolbar-save {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.6875rem;
  letter-spacing: 0.02em;
  color: rgba(238, 232, 220, 0.48);
}
.sheets-toolbar-save-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #b7cbd8;
}
.sheets-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-left: auto;
  flex-shrink: 0;
}
.sheets-tool-btn {
  position: relative;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #b0b0b0;
  cursor: pointer;
}
.sheets-tool-btn svg {
  width: 16px;
  height: 16px;
}
.sheets-tool-btn:hover,
.sheets-tool-btn.is-open {
  background: rgba(238, 232, 220, 0.08);
  color: #eee8dc;
}
.sheets-tool-btn:disabled {
  opacity: 0.45;
}
.sheets-readonly {
  flex-shrink: 0;
  padding: 8px 14px;
  font-size: 0.75rem;
  color: #facc15;
  background: rgba(250, 204, 21, 0.06);
  border-bottom: 1px solid rgba(238, 232, 220, 0.06);
}
.sheets-open-body {
  position: relative;
  display: flex;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  border-radius: 0 0 10px 10px;
}
.sheets-editor-column {
  flex: 1;
  min-width: 0;
  min-height: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sheets-header-menu {
  width: 224px;
  margin-top: 8px;
}
.sheets-export-flyout {
  width: 220px;
  margin-top: 8px;
}
.sheets-history {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  width: 280px;
  display: flex;
  flex-direction: column;
  background: rgba(46, 34, 24, 0.42);
  backdrop-filter: blur(16px) saturate(1.25);
  -webkit-backdrop-filter: blur(16px) saturate(1.25);
  border-left: 1px solid rgba(238, 232, 220, 0.08);
}
.sheets-history-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 10px 8px 14px;
  border-bottom: 1px solid rgba(238, 232, 220, 0.06);
  flex-shrink: 0;
}
.sheets-history-title {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #eee8dc;
}
.sheets-history-list {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
.sheets-history-empty {
  padding: 28px 16px;
  text-align: center;
  font-size: 0.75rem;
  color: rgba(238, 232, 220, 0.48);
}
.sheets-history-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
  padding: 10px 14px;
  border: 0;
  border-bottom: 1px solid rgba(238, 232, 220, 0.06);
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.sheets-history-row:hover {
  background: rgba(238, 232, 220, 0.06);
}
.sheets-history-row-date {
  font-size: 0.8125rem;
  color: #eee8dc;
}
.sheets-history-row-author {
  font-size: 0.75rem;
  color: rgba(238, 232, 220, 0.48);
}
.sheets-view-enter-active {
  transition:
    opacity 0.68s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.68s cubic-bezier(0.22, 1, 0.36, 1);
}
.sheets-view-leave-active {
  transition:
    opacity 0.32s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}
.sheets-view-enter-from,
.sheets-view-enter {
  opacity: 0;
  transform: translateY(10px);
}
.sheets-view-leave-to {
  opacity: 0;
  transform: translateY(-6px);
}
@media (prefers-reduced-motion: reduce) {
.sheets-view-enter-active,
  .sheets-view-leave-active {
    transition: opacity 0.18s ease;
}
.sheets-view-enter-from,
  .sheets-view-enter,
  .sheets-view-leave-to {
    transform: none;
}
.sheets-card {
    animation: none;
}
.sheets-open-sheet,
  .sheets-open-sheet--ready {
    opacity: 1;
    transform: none;
    transition: opacity 0.18s ease;
}
}
.sheets-library-toolbar {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  padding:
    calc(var(--app-header-bar-height) + var(--app-header-top-offset) + 8px)
    var(--app-header-padding-x, 28px)
    8px;
  background: transparent;
  border: 0;
}
@media (max-width: 767px) {
.sheets-library-toolbar {
    padding:
      calc(var(--app-header-bar-height) + var(--app-header-top-offset) + 8px)
      16px
      8px;
}
}
.sheets-library-tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2px;
  margin-left: auto;
  flex: 0 1 auto;
  min-width: 0;
}
.sheets-library-filter-wrap {
  min-width: 0;
  max-width: 168px;
}
.sheets-library-filter {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  max-width: 168px;
  height: 32px;
  padding: 0 8px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(238, 232, 220, 0.48);
  background: transparent;
}
.sheets-library-filter-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sheets-library-filter svg {
  flex-shrink: 0;
  opacity: 0.7;
}
.sheets-library-filter:hover,
.sheets-library-icon-btn:hover {
  background: rgba(238, 232, 220, 0.06);
  color: #eee8dc;
}
.sheets-library-icon-btn {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: rgba(238, 232, 220, 0.42);
}
.sheets-library-icon-btn svg {
  width: 18px;
  height: 18px;
}
.sheets-library-icon-btn.is-active {
  background: rgba(238, 232, 220, 0.08);
  color: #eee8dc;
}
.sheets-library-icon-btn:disabled {
  opacity: 0.45;
}
.sheets-library-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  min-width: 196px;
}
.sheets-library-body {
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: auto;
  padding: 16px 16px 40px;
}
@media (min-width: 768px) {
.sheets-library-body {
    padding: 24px 28px 48px;
}
}
.sheets-library-body--grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 168px), 1fr));
  grid-auto-rows: auto;
  gap: 18px 14px;
  align-content: start;
  align-items: start;
  justify-content: start;
}
@media (min-width: 768px) {
.sheets-library-body--grid {
    grid-template-columns: repeat(auto-fill, minmax(196px, 228px));
    gap: 22px 20px;
}
}
.sheets-library-body--list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sheets-shift-move {
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
.sheets-library-body.is-reordering {
  cursor: grabbing;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sheets-card {
  --sheets-card-tint: 238, 232, 220;
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 16px 16px 14px;
  border: 0;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.09);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
  cursor: grab;
  min-width: 0;
  touch-action: none;
  isolation: isolate;
  animation: lib-card-rise 0.35s cubic-bezier(0.22, 1, 0.36, 1) both;
  transition:
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.sheets-library-body.is-reordering .sheets-card {
  animation: none;
}
.sheets-library-body--grid .sheets-card {
  width: 100%;
  height: auto;
}
.sheets-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
}
.sheets-library-body.is-reordering .sheets-card:hover {
  transform: none;
}
.sheets-card:focus-visible {
  outline: 2px solid #eee8dc;
  outline-offset: 3px;
}
.sheets-card--selected {
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
}
.sheets-card--origin {
  pointer-events: none;
  opacity: 0.28;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
}
.sheets-card--origin .sheets-card-preview,
.sheets-card--origin .sheets-card-meta {
  visibility: hidden;
}
.sheets-card--target {
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
}
.sheets-card-drop {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 70;
  pointer-events: none;
  border-radius: 999px;
  background: rgba(238, 232, 220, 0.78);
}
.sheets-card-ghost {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 80;
  pointer-events: none;
  border-radius: 6px;
  padding: 10px 12px;
  display: flex;
  align-items: flex-end;
  background: rgba(238, 232, 220, 0.12);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
  will-change: transform;
}
.sheets-card-ghost-label {
  color: #f7f7f5;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.sheets-card--list {
  flex-direction: row;
  align-items: center;
  gap: 14px;
  min-height: 72px;
  padding: 10px 16px 10px 10px;
}
.sheets-card--list .sheets-card-preview {
  width: 72px;
  height: 51px;
  flex: 0 0 72px;
  aspect-ratio: auto;
  border-radius: 3px;
}
.sheets-card--list .sheets-card-meta {
  flex: 1;
  min-width: 0;
  padding: 2px 0 0;
}
.sheets-card-preview {
  container-type: inline-size;
  overflow: hidden;
  border: 0;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.24);
}
.sheets-library-body--grid .sheets-card-preview {
  height: auto;
  flex: 0 0 auto;
  aspect-ratio: 297 / 210;
}
.sheets-card--create {
  cursor: pointer;
}
.sheets-card--create:not(.sheets-card--list) .sheets-card-meta,
.sheets-card--create:not(.sheets-card--list) .sheets-card-title {
  text-align: center;
}
.sheets-card--create .sheets-card-footer {
  min-height: 28px;
}
.sheets-card--create.sheets-card--list .sheets-card-meta {
  display: flex;
  align-items: center;
  padding: 0;
}
.sheets-card--create.sheets-card--list .sheets-card-footer {
  display: none;
}
.sheets-card-preview--create {
  display: grid;
  place-items: center;
  background: transparent;
  box-shadow: none;
}
.sheets-card-plus {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  color: rgba(247, 247, 245, 0.62);
}
.sheets-card-plus svg {
  display: block;
  width: 28px;
  height: 28px;
}
.sheets-card--create:hover .sheets-card-plus {
  color: #f7f7f5;
}
.sheets-card--list .sheets-card-plus {
  width: 22px;
  height: 22px;
}
.sheets-card--list .sheets-card-plus svg {
  width: 16px;
  height: 16px;
}
.sheets-card-preview-grid {
  display: grid;
  grid-template-columns: 28px repeat(5, 1fr);
  height: 100%;
  font-size: 10px;
  color: #5f6368;
}
.sheets-card-preview-corner,
.sheets-card-preview-h,
.sheets-card-preview-n {
  background: #f8f9fa;
  border-right: 1px solid #e8eaed;
  border-bottom: 1px solid #e8eaed;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.sheets-card-preview-cell {
  border-right: 1px solid #e8eaed;
  border-bottom: 1px solid #e8eaed;
  padding: 4px 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #202124;
}
.sheets-card-meta {
  padding: 10px 2px 0;
}
.sheets-card-title {
  font-size: 13px;
  font-weight: 500;
  color: #f7f7f5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sheets-card-footer {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 6px;
  min-height: 20px;
}
.sheets-card-faces {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-shrink: 0;
  cursor: default;
}
.sheets-card-face {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  overflow: visible;
  font-size: 8px;
  font-weight: 650;
  margin-left: -8px;
  position: relative;
  z-index: 1;
}
.sheets-card-face:first-child {
  margin-left: 0;
}
.sheets-card-face:nth-child(2) {
  z-index: 2;
}
.sheets-card-face:nth-child(3) {
  z-index: 3;
}
.sheets-card-face-more {
  position: relative;
  z-index: 4;
  isolation: isolate;
  overflow: hidden;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: -8px;
  padding: 0;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-family: "Fustat", sans-serif;
  font-size: 0.5625rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1;
  color: #eee8dc;
  background: rgba(46, 34, 24, 0.62);
  backdrop-filter: blur(12px) saturate(1.25);
  -webkit-backdrop-filter: blur(12px) saturate(1.25);
}
.sheets-card-face-more::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0.62;
  mix-blend-mode: overlay;
  filter: contrast(1.9) brightness(1.12);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='scfmg' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23scfmg)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='scfmg2' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23scfmg2)'/%3E%3C/svg%3E");
  background-size: 28px 28px, 52px 52px;
}
.sheets-card-faces-list {
  --hw-tint-rgb: 238, 232, 220;
  position: fixed;
  z-index: 50;
  min-width: 200px;
  max-width: 240px;
  max-height: 260px;
  overflow: auto;
  padding: 6px;
  border-radius: 6px;
  border: 0;
  background:
    linear-gradient(165deg, rgba(238, 232, 220, 0.06), transparent 60%),
    rgba(46, 34, 24, 0.42);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}
.sheets-faces-list-enter-active {
  transition:
    opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
}
.sheets-faces-list-leave-active {
  transition:
    opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.sheets-faces-list-enter-from,
.sheets-faces-list-enter {
  opacity: 0;
  transform: translateY(-4px);
}
.sheets-faces-list-leave-to {
  opacity: 0;
  transform: translateY(-3px);
}
@media (prefers-reduced-motion: reduce) {
.sheets-faces-list-enter-active,
  .sheets-faces-list-leave-active {
    transition: opacity 0.18s ease;
}
.sheets-faces-list-enter-from,
  .sheets-faces-list-enter,
  .sheets-faces-list-leave-to {
    transform: none;
}
}
.sheets-card-faces-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 6px;
}
.sheets-card-faces-row:hover {
  background: rgba(238, 232, 220, 0.07);
}
.sheets-card-faces-row-face {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  overflow: hidden;
  font-size: 8px;
  font-weight: 650;
  flex-shrink: 0;
}
.sheets-card-faces-row-name {
  min-width: 0;
  color: #eee8dc;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sheets-card-activity {
  flex: 1;
  min-width: 0;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
}
.sheets-card-opened,
.sheets-card-date {
  display: block;
  min-width: 0;
  max-width: 100%;
  color: #f7f7f5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sheets-card--list .sheets-card-activity {
  flex-direction: row;
  align-items: baseline;
  gap: 6px;
}
.sheets-card--list .sheets-card-footer {
  align-items: center;
}
.sheets-card-more {
  width: 28px;
  height: 28px;
  margin-right: -4px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(247, 247, 245, 0.7);
}
.sheets-card-more:hover {
  background: rgba(247, 247, 245, 0.08);
  color: #f7f7f5;
}
.sheets-card-menu {
  position: fixed;
  min-width: 196px;
}
.sheets-library-menu,
.sheets-card-menu,
.sheets-flyout {
  --hw-tint-rgb: 238, 232, 220;
  padding: 6px;
  border-radius: 6px;
  border: 0;
  background:
    linear-gradient(165deg, rgba(238, 232, 220, 0.06), transparent 60%),
    rgba(46, 34, 24, 0.42);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  animation: sheets-menu-in 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes sheets-menu-in {
from {
    opacity: 0;
    transform: translateY(-6px);
}
to {
    opacity: 1;
    transform: none;
}
}
.sheets-fly-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #eee8dc;
  text-align: left;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  cursor: pointer;
}
.sheets-fly-item:hover,
.sheets-fly-item:focus-visible,
.sheets-fly-item.is-active {
  background: rgba(238, 232, 220, 0.07);
}
.sheets-fly-item:disabled {
  opacity: 0.5;
  cursor: default;
}
.sheets-fly-item--danger {
  color: #f97373;
}
.sheets-library-empty {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 80px 24px;
  text-align: center;
}


[data-v-1cfb6a7a] .pg-overlay {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
[data-v-1cfb6a7a] .pg-modal {
  width: min(100%, 400px);
  padding: 22px 20px 18px;
  border: 0 !important;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.12) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.34);
  color: #eee8dc;
}
[data-v-1cfb6a7a] .pg-modal .ark-modal__title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: #eee8dc;
}
[data-v-1cfb6a7a] .pg-modal .ark-modal__lead {
  margin: 6px 0 0;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: rgba(238, 232, 220, 0.82);
}
[data-v-1cfb6a7a] .pg-modal > div:first-of-type {
  margin-bottom: 16px;
  padding-right: 28px;
}
[data-v-1cfb6a7a] .pg-modal > button {
  top: 16px;
  right: 14px;
  width: 22px;
  height: 22px;
  padding: 0;
  color: rgba(238, 232, 220, 0.82);
}
[data-v-1cfb6a7a] .pg-modal > button svg {
  width: 16px;
  height: 16px;
}
.pg-body[data-v-1cfb6a7a] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.pg-field[data-v-1cfb6a7a] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.pg-length-row[data-v-1cfb6a7a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.pg-label[data-v-1cfb6a7a] {
  margin: 0;
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: rgba(238, 232, 220, 0.88);
}
.pg-length-value[data-v-1cfb6a7a] {
  font-size: 0.8125rem;
  font-variant-numeric: tabular-nums;
  color: #f7f7f5;
}
.pg-range[data-v-1cfb6a7a] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 2px;
  margin: 6px 0 0;
  border-radius: 999px;
  background: rgba(238, 232, 220, 0.28);
  outline: none;
}
.pg-range[data-v-1cfb6a7a]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  border: 0;
  border-radius: 50%;
  background: #eee8dc;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.22);
  cursor: pointer;
}
.pg-range[data-v-1cfb6a7a]::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border: 0;
  border-radius: 50%;
  background: #eee8dc;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.22);
  cursor: pointer;
}
.pg-range-ends[data-v-1cfb6a7a] {
  display: flex;
  justify-content: space-between;
  font-size: 0.6875rem;
  color: rgba(238, 232, 220, 0.72);
}
.pg-hint[data-v-1cfb6a7a] {
  margin: 2px 0 0;
  font-size: 0.75rem;
  line-height: 1.4;
  color: rgba(238, 232, 220, 0.8);
}
.pg-opts[data-v-1cfb6a7a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.pg-opt[data-v-1cfb6a7a] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 10px;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.12);
  color: #eee8dc;
  font-size: 0.8125rem;
  cursor: pointer;
}
.pg-opt--wide[data-v-1cfb6a7a] {
  grid-column: 1 / -1;
}
.pg-check[data-v-1cfb6a7a] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  margin: 0;
  border: 0;
  border-radius: 3px;
  background: rgba(238, 232, 220, 0.16);
  box-shadow: inset 0 0 0 1px rgba(238, 232, 220, 0.42);
  cursor: pointer;
}
.pg-check[data-v-1cfb6a7a]:checked {
  background: #eee8dc;
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23191919' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.5l3 3 6-6'/%3E%3C/svg%3E");
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center;
}
.pg-output[data-v-1cfb6a7a] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.12);
}
.pg-output-top[data-v-1cfb6a7a] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.pg-output-copy[data-v-1cfb6a7a] {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.pg-output-value[data-v-1cfb6a7a] {
  margin: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.8125rem;
  line-height: 1.45;
  letter-spacing: 0.02em;
  word-break: break-all;
  color: #eee8dc;
}
.pg-icon-btn[data-v-1cfb6a7a] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.16);
  color: rgba(238, 232, 220, 0.9);
  cursor: pointer;
}
.pg-icon-btn svg[data-v-1cfb6a7a] {
  display: block;
  width: 14px;
  height: 14px;
}
.pg-icon-btn[data-v-1cfb6a7a]:hover {
  background: rgba(238, 232, 220, 0.14);
  color: #eee8dc;
}
.pg-strength[data-v-1cfb6a7a] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 0.6875rem;
  letter-spacing: 0.04em;
  color: rgba(238, 232, 220, 0.84);
}
.pg-strength-track[data-v-1cfb6a7a] {
  height: 2px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(238, 232, 220, 0.22);
}
.pg-strength-fill[data-v-1cfb6a7a] {
  height: 100%;
  border-radius: inherit;
  background: rgba(238, 232, 220, 0.7);
  transition: width 0.28s ease, background-color 0.28s ease;
}
.pg-strength-fill.is-empty[data-v-1cfb6a7a],
.pg-strength-fill.is-weak[data-v-1cfb6a7a] {
  background: rgba(243, 180, 174, 0.86);
}
.pg-strength-fill.is-fair[data-v-1cfb6a7a] {
  background: rgba(238, 232, 220, 0.42);
}
.pg-strength-fill.is-good[data-v-1cfb6a7a],
.pg-strength-fill.is-strong[data-v-1cfb6a7a],
.pg-strength-fill.is-veryStrong[data-v-1cfb6a7a] {
  background: #eee8dc;
}
.pg-error[data-v-1cfb6a7a] {
  margin: 0;
  font-size: 0.75rem;
  color: #f3b4ae;
}
.pg-actions[data-v-1cfb6a7a] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.pg-btn[data-v-1cfb6a7a] {
  flex: 1 1 0;
  min-width: 0;
  border: 1px solid rgba(238, 232, 220, 0.22);
  border-radius: 6px;
  padding: 8px 10px;
  background: rgba(238, 232, 220, 0.16);
  color: #eee8dc;
  font: inherit;
  font-size: 0.75rem;
  letter-spacing: 0.02em;
  cursor: pointer;
}
.pg-btn[data-v-1cfb6a7a]:hover {
  background: rgba(238, 232, 220, 0.24);
  border-color: rgba(238, 232, 220, 0.32);
}
.pg-btn--primary[data-v-1cfb6a7a] {
  background: #eee8dc;
  color: #191919;
}
.pg-btn--primary[data-v-1cfb6a7a]:hover {
  opacity: 0.92;
  background: #eee8dc;
}
.pg-btn[data-v-1cfb6a7a]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
@media (max-width: 520px) {
.pg-opts[data-v-1cfb6a7a] {
    grid-template-columns: 1fr;
}
.pg-actions[data-v-1cfb6a7a] {
    flex-direction: column;
}
}


.pw-live-card[data-v-f046b300] {
  --hw-beige: #eee8dc;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 85.6 / 53.98;
  box-sizing: border-box;
  padding: 14px 16px 12px;
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #eee8dc;
  font-family: "Fustat", sans-serif;
  background: rgba(38, 78, 52, 0.52);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}
.pw-live-card.is-tone-0[data-v-f046b300] {
  background: rgba(38, 78, 52, 0.52);
}
.pw-live-card.is-tone-1[data-v-f046b300] {
  background: rgba(36, 62, 88, 0.52);
}
.pw-live-card.is-tone-2[data-v-f046b300] {
  background: rgba(118, 72, 34, 0.52);
}
.pw-live-card.is-tone-3[data-v-f046b300] {
  background: rgba(112, 54, 52, 0.52);
}
.pw-live-card.is-tone-4[data-v-f046b300] {
  background: rgba(74, 50, 82, 0.52);
}
.pw-live-card[data-v-f046b300]::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0.28;
  mix-blend-mode: overlay;
  filter: contrast(1.6) brightness(1.08);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='pwcardg' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23pwcardg)'/%3E%3C/svg%3E");
  background-size: 56px 56px;
}
.pw-live-card-top[data-v-f046b300] {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.pw-live-card-word[data-v-f046b300] {
  max-width: 100%;
  font-family: "Fustat", sans-serif;
  font-weight: 650;
  font-style: italic;
  letter-spacing: 0.04em;
  line-height: 1;
  text-align: right;
  color: #eee8dc;
  background: none;
  white-space: nowrap;
}
.pw-live-card-number[data-v-f046b300] {
  margin: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.78rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pw-live-card-bottom[data-v-f046b300] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}
.pw-live-card-meta[data-v-f046b300] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.pw-live-card-meta--end[data-v-f046b300] {
  flex-shrink: 0;
  text-align: right;
}
.pw-live-card-kicker[data-v-f046b300] {
  font-size: 0.625rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(238, 232, 220, 0.42);
}
.pw-live-card-value[data-v-f046b300] {
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pw-live-card-value--mono[data-v-f046b300] {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.08em;
}


.pw-app[data-v-07c24bf7] {
  --hw-beige: #eee8dc;
  --pw-rail-width: 300px;
  font-family: "Fustat", sans-serif;
  color: #eee8dc;
  background: transparent;
}
.pw-shell[data-v-07c24bf7] {
  flex: 1;
  min-height: 0;
  min-width: 0;
  display: flex;
}
.pw-rail[data-v-07c24bf7] {
  flex: 0 0 var(--pw-rail-width);
  width: var(--pw-rail-width);
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding:
    calc(var(--app-header-top-offset) + var(--app-header-bar-height) + 62px)
    0
    18px;
}
.pw-rail-main[data-v-07c24bf7] {
  flex: 1;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.pw-stage[data-v-07c24bf7] {
  container: pw-stage / inline-size;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.pw-create-btn[data-v-07c24bf7] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
  margin: 0 4px 16px;
  height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: #eee8dc;
  color: #191919;
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.pw-create-btn svg[data-v-07c24bf7] {
  width: 14px;
  height: 14px;
}
.pw-create-btn[data-v-07c24bf7]:hover {
  opacity: 0.92;
}
.pw-create-btn--detail[data-v-07c24bf7] {
  display: none;
  margin: 0;
}
.pw-rail-recent[data-v-07c24bf7] {
  flex-shrink: 0;
  padding: 0 4px 10px;
}
.pw-rail-recent .pw-side-kicker[data-v-07c24bf7] {
  margin-bottom: 14px;
  color: rgba(238, 232, 220, 0.55);
}
.pw-side[data-v-07c24bf7] {
  flex: 1;
  min-width: 0;
  min-height: 0;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  align-items: start;
  gap: 28px;
  padding:
    calc(var(--app-header-top-offset) + var(--app-header-bar-height) + 62px)
    24px
    24px;
}
@container pw-stage (min-width: 860px) {
.pw-side[data-v-07c24bf7] {
    grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
    gap: 32px;
}
}
.pw-side-stack[data-v-07c24bf7] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.pw-side-widget--shared .pw-side-row[data-v-07c24bf7] {
  justify-content: flex-start;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
}
.pw-side-widget--shared .pw-side-row-copy[data-v-07c24bf7] {
  flex: 0 1 auto;
  min-width: 0;
}
.pw-side-widget[data-v-07c24bf7] {
  --hw-tint-rgb: 238, 232, 220;
  min-width: 0;
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 2px 4px 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  animation: home-widget-in-07c24bf7 0.62s cubic-bezier(0.22, 1, 0.36, 1) backwards;
  animation-delay: calc(var(--hw-i, 0) * 70ms);
}
.pw-flip-backdrop[data-v-07c24bf7] {
  position: fixed;
  inset: 0;
  z-index: 30;
}
.pw-side-widget--cards[data-v-07c24bf7] {
  padding: 0;
  background: transparent;
  box-shadow: none;
  perspective: 1000px;
}
.pw-side-widget--cards.is-flipped[data-v-07c24bf7] {
  position: relative;
  z-index: 31;
}
.pw-card-flip[data-v-07c24bf7] {
  position: relative;
  display: grid;
  transform-style: preserve-3d;
  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.pw-side-widget--cards.is-flipped .pw-card-flip[data-v-07c24bf7] {
  transform: rotateY(180deg);
}
.pw-card-flip-face[data-v-07c24bf7] {
  grid-area: 1 / 1;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: 6px;
}
.pw-card-flip-front[data-v-07c24bf7] {
  padding: 14px 16px 10px;
  background: rgba(238, 232, 220, 0.045);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}
.pw-side-widget--cards.is-flipped .pw-card-flip-front[data-v-07c24bf7] {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.pw-card-flip-back[data-v-07c24bf7] {
  transform: rotateY(180deg);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pw-card-flip-back .pw-live-card[data-v-07c24bf7] {
  width: 100%;
}
.pw-flip-close[data-v-07c24bf7] {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(11, 10, 9, 0.28);
  color: #eee8dc;
  cursor: pointer;
}
.pw-flip-close svg[data-v-07c24bf7] {
  width: 14px;
  height: 14px;
}
.pw-side-widget--recent[data-v-07c24bf7] {
  padding: 2px 4px 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.pw-side-widget--recent .pw-side-kicker[data-v-07c24bf7] {
  margin-bottom: 14px;
  color: rgba(238, 232, 220, 0.55);
}
.pw-side-recent[data-v-07c24bf7] {
  gap: 0;
}
.pw-side-recent-row[data-v-07c24bf7] {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  width: 100%;
  margin: 0;
  min-height: 36px;
  padding: 8px 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.pw-side-recent-arrow[data-v-07c24bf7] {
  width: 15px;
  height: 15px;
  color: rgba(238, 232, 220, 0.42);
}
.pw-side-recent-title[data-v-07c24bf7] {
  min-width: 0;
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: #f7f4ee;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pw-side-recent-time[data-v-07c24bf7] {
  font-size: 0.8125rem;
  font-weight: 400;
  color: rgba(238, 232, 220, 0.38);
  white-space: nowrap;
}
.pw-side-list[data-v-07c24bf7] {
  display: flex;
  flex-direction: column;
}
.pw-side-kicker[data-v-07c24bf7] {
  margin: 0 0 8px;
  font-size: 0.8125rem;
  line-height: 1.3;
  color: #b0b0b0;
}
.pw-side-widget--shared[data-v-07c24bf7],
.pw-side-widget--cards[data-v-07c24bf7],
.pw-side-widget--weak[data-v-07c24bf7] {
  padding-left: 12px;
  border-left: 1px solid rgba(238, 232, 220, 0.42);
}
.pw-side-row[data-v-07c24bf7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  min-height: 40px;
  padding: 8px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.pw-side-row-copy[data-v-07c24bf7] {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.pw-side-row-title[data-v-07c24bf7],
.pw-side-row-meta[data-v-07c24bf7] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pw-side-row-title[data-v-07c24bf7] {
  flex: 0 0 auto;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #f7f7f5;
}
.pw-side-row-meta[data-v-07c24bf7] {
  font-size: 0.75rem;
  color: rgba(238, 232, 220, 0.48);
}
.pw-side-row-faces[data-v-07c24bf7] {
  display: flex;
  align-items: center;
}
.pw-side-face[data-v-07c24bf7] {
  width: 18px;
  height: 18px;
  margin-left: -6px;
  border-radius: 999px;
}
.pw-side-face[data-v-07c24bf7]:first-child {
  margin-left: 0;
}
.pw-side-copy[data-v-07c24bf7] {
  flex-shrink: 0;
  border: 0;
  border-radius: 6px;
  padding: 4px 8px;
  background: rgba(238, 232, 220, 0.075);
  color: #eee8dc;
  font: inherit;
  font-size: 0.6875rem;
  letter-spacing: 0.02em;
  cursor: pointer;
}
.pw-side-copy[data-v-07c24bf7]:hover {
  background: rgba(238, 232, 220, 0.12);
}
.pw-side-more[data-v-07c24bf7] {
  align-self: flex-start;
  margin: 8px 0 0;
  min-height: 36px;
  padding: 8px 2px;
  border: 0;
  background: none;
  color: rgba(238, 232, 220, 0.62);
  font: inherit;
  font-size: 0.75rem;
  cursor: pointer;
}
.pw-side-more[data-v-07c24bf7]:hover {
  color: #eee8dc;
}
.pw-side-empty[data-v-07c24bf7] {
  margin: 0;
  font-size: 0.8125rem;
  color: rgba(238, 232, 220, 0.42);
}
.pw-side-cards[data-v-07c24bf7] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pw-side-mini[data-v-07c24bf7] {
  container-type: inline-size;
  position: relative;
  width: min(100%, 168px);
  aspect-ratio: 85.6 / 53.98;
  height: auto;
  flex-shrink: 0;
  overflow: hidden;
}
.pw-side-widget--cards .pw-side-more[data-v-07c24bf7] {
  position: relative;
  z-index: 1;
  margin-top: 12px;
}
.pw-side-mini-scale[data-v-07c24bf7] {
  position: absolute;
  top: 0;
  left: 0;
  width: 220px;
  transform: scale(calc(100cqw / 220px));
  transform-origin: top left;
  pointer-events: none;
}
.pw-side-card-row[data-v-07c24bf7] {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  text-align: left;
  color: inherit;
  cursor: pointer;
}
.pw-side-card[data-v-07c24bf7] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  flex: none;
  width: 100%;
  aspect-ratio: 85.6 / 53.98;
  box-sizing: border-box;
  padding: 10px 12px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #eee8dc;
  background: rgba(38, 78, 52, 0.52);
}
.pw-side-card-label[data-v-07c24bf7] {
  min-width: 0;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.01em;
  color: #f7f7f5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pw-side-card.is-tone-0[data-v-07c24bf7] { background: rgba(38, 78, 52, 0.52);
}
.pw-side-card.is-tone-1[data-v-07c24bf7] { background: rgba(36, 62, 88, 0.52);
}
.pw-side-card.is-tone-2[data-v-07c24bf7] { background: rgba(118, 72, 34, 0.52);
}
.pw-side-card.is-tone-3[data-v-07c24bf7] { background: rgba(112, 54, 52, 0.52);
}
.pw-side-card.is-tone-4[data-v-07c24bf7] { background: rgba(74, 50, 82, 0.52);
}
.pw-side-card[data-v-07c24bf7]::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0.28;
  mix-blend-mode: overlay;
  filter: contrast(1.6) brightness(1.08);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='pwsideg' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23pwsideg)'/%3E%3C/svg%3E");
  background-size: 56px 56px;
}
.pw-side-card-copy[data-v-07c24bf7] {
  position: relative;
  z-index: 1;
  min-width: 0;
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.pw-side-card-brand[data-v-07c24bf7],
.pw-side-card-number[data-v-07c24bf7] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pw-side-card-brand[data-v-07c24bf7] {
  align-self: flex-end;
  max-width: 100%;
  font-size: 0.75rem;
  font-weight: 500;
  font-style: italic;
  letter-spacing: 0.02em;
  text-align: right;
}
.pw-side-card-number[data-v-07c24bf7] {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.62rem;
  letter-spacing: 0.04em;
  color: rgba(238, 232, 220, 0.82);
}
.pw-library-toolbar[data-v-07c24bf7],
.pw-detail-toolbar[data-v-07c24bf7] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.pw-library-toolbar[data-v-07c24bf7] {
  padding:
    calc(var(--app-header-bar-height) + var(--app-header-top-offset) + 8px)
    14px
    8px;
}
@media (max-width: 1100px) {
.pw-app[data-v-07c24bf7] {
    --pw-rail-width: 220px;
}
.pw-rail[data-v-07c24bf7] {
    flex: 0 0 var(--pw-rail-width);
    width: var(--pw-rail-width);
}
.pw-side[data-v-07c24bf7] {
    gap: 10px;
    padding-left: 16px;
    padding-right: 16px;
}
.pw-form-top.is-split[data-v-07c24bf7],
  .pw-card-fields[data-v-07c24bf7],
  .pw-field-row--3[data-v-07c24bf7] {
    grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.pw-shell[data-v-07c24bf7] {
    flex-direction: column;
    overflow: auto;
}
.pw-rail[data-v-07c24bf7] {
    width: 100%;
    flex: none;
    max-height: none;
    padding-top: calc(var(--app-header-top-offset) + var(--app-header-bar-height) + 20px);
}
.pw-library-body[data-v-07c24bf7] {
    max-height: 46vh;
}
.pw-rail.is-hidden[data-v-07c24bf7] {
    display: none;
}
.pw-create-btn--detail[data-v-07c24bf7] {
    display: inline-flex;
}
.pw-stage[data-v-07c24bf7] {
    flex: 1 1 auto;
    overflow: visible;
}
.pw-side[data-v-07c24bf7] {
    gap: 22px;
    padding-top: 12px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 32px;
}
.pw-form-top.is-split[data-v-07c24bf7],
  .pw-card-fields[data-v-07c24bf7],
  .pw-field-row[data-v-07c24bf7],
  .pw-field-row--3[data-v-07c24bf7] {
    grid-template-columns: 1fr;
}
.pw-detail-head[data-v-07c24bf7] {
    flex-wrap: wrap;
    align-items: flex-start;
}
.pw-library-toolbar[data-v-07c24bf7] {
    padding:
      calc(var(--app-header-bar-height) + var(--app-header-top-offset) + 8px)
      16px
      8px;
}
}
.pw-icon-btn[data-v-07c24bf7] {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: rgba(238, 232, 220, 0.42);
  cursor: pointer;
}
.pw-icon-btn svg[data-v-07c24bf7] {
  width: 18px;
  height: 18px;
}
.pw-icon-btn[data-v-07c24bf7]:hover {
  background: rgba(238, 232, 220, 0.06);
  color: #eee8dc;
}
.pw-library-body[data-v-07c24bf7] {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 4px 4px 12px 8px;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-content: start;
  align-items: stretch;
  scrollbar-width: thin;
  scrollbar-color: rgba(238, 232, 220, 0.28) transparent;
}
.pw-library-body[data-v-07c24bf7]::-webkit-scrollbar {
  width: 5px;
}
.pw-library-body[data-v-07c24bf7]::-webkit-scrollbar-track {
  background: transparent;
  margin: 6px 0;
}
.pw-library-body[data-v-07c24bf7]::-webkit-scrollbar-thumb {
  background: rgba(238, 232, 220, 0.28);
  border-radius: 999px;
}
.pw-library-body[data-v-07c24bf7]::-webkit-scrollbar-thumb:hover {
  background: rgba(238, 232, 220, 0.46);
}
.pw-card[data-v-07c24bf7] {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  text-align: left;
  min-height: 0;
  min-height: 44px;
  padding: 8px 10px 8px 8px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  min-width: 0;
  isolation: isolate;
  animation: lib-card-rise 0.98s cubic-bezier(0.22, 1, 0.36, 1) backwards;
  animation-delay: calc(0.1s + (var(--lib-i, 0) * 0.07s));
  transition: background 0.32s cubic-bezier(0.4, 0, 0.2, 1), color 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}
.pw-library-body .pw-card[data-v-07c24bf7]:nth-child(1) { --lib-i: 0;
}
.pw-library-body .pw-card[data-v-07c24bf7]:nth-child(2) { --lib-i: 1;
}
.pw-library-body .pw-card[data-v-07c24bf7]:nth-child(3) { --lib-i: 2;
}
.pw-library-body .pw-card[data-v-07c24bf7]:nth-child(4) { --lib-i: 3;
}
.pw-library-body .pw-card[data-v-07c24bf7]:nth-child(5) { --lib-i: 4;
}
.pw-library-body .pw-card[data-v-07c24bf7]:nth-child(6) { --lib-i: 5;
}
.pw-library-body .pw-card[data-v-07c24bf7]:nth-child(7) { --lib-i: 6;
}
.pw-library-body .pw-card[data-v-07c24bf7]:nth-child(8) { --lib-i: 7;
}
.pw-library-body .pw-card[data-v-07c24bf7]:nth-child(9) { --lib-i: 8;
}
.pw-card[data-v-07c24bf7]:hover,
.pw-card.is-selected[data-v-07c24bf7] {
  background: rgba(238, 232, 220, 0.04);
}
.pw-card.is-selected[data-v-07c24bf7] {
  background: rgba(238, 232, 220, 0.065);
}
.pw-list-copy[data-v-07c24bf7] {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  flex-shrink: 0;
  border: 0;
  border-radius: 6px;
  min-height: 32px;
  padding: 6px 10px;
  background: rgba(238, 232, 220, 0.075);
  color: #eee8dc;
  font: inherit;
  font-size: 0.6875rem;
  letter-spacing: 0.02em;
  white-space: nowrap;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
}
.pw-card:hover .pw-list-copy[data-v-07c24bf7],
.pw-card:focus-within .pw-list-copy[data-v-07c24bf7],
.pw-list-copy[data-v-07c24bf7]:focus {
  opacity: 1;
  pointer-events: auto;
}
@media (hover: none) {
.pw-list-copy[data-v-07c24bf7] {
    opacity: 1;
    pointer-events: auto;
}
}
.pw-list-copy[data-v-07c24bf7]:hover {
  background: rgba(238, 232, 220, 0.12);
}
.pw-card[data-v-07c24bf7]:focus-visible {
  outline: 2px solid #eee8dc;
  outline-offset: 3px;
}
.pw-card-preview[data-v-07c24bf7] {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: 4px;
  background: transparent;
}
.pw-card-mark[data-v-07c24bf7] {
  width: 15px;
  height: 15px;
  color: rgba(247, 247, 245, 0.62);
}
.pw-card-preview--create[data-v-07c24bf7] {
  background: transparent;
  box-shadow: none;
}
.pw-card-plus[data-v-07c24bf7] {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  color: rgba(247, 247, 245, 0.62);
}
.pw-card-plus svg[data-v-07c24bf7] {
  width: 16px;
  height: 16px;
}
.pw-card--create:hover .pw-card-plus[data-v-07c24bf7],
.pw-card:hover .pw-card-mark[data-v-07c24bf7] {
  color: #f7f7f5;
}
.pw-card--create .pw-card-meta[data-v-07c24bf7] {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 0;
}
.pw-card--create .pw-card-footer[data-v-07c24bf7] {
  display: none;
}
.pw-card-meta[data-v-07c24bf7] {
  flex: 1;
  min-width: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
}
.pw-card-line[data-v-07c24bf7] {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
}
.pw-card-line .pw-card-title[data-v-07c24bf7] {
  flex: 0 0 auto;
}
.pw-card-line .pw-card-date[data-v-07c24bf7] {
  flex: 1 1 0;
  min-width: 0;
}
.pw-card-line .pw-card-faces[data-v-07c24bf7] {
  flex: 0 0 auto;
  margin-left: auto;
}
.pw-card-title[data-v-07c24bf7] {
  font-size: 13px;
  font-weight: 500;
  color: #f7f7f5;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
}
.pw-card-footer[data-v-07c24bf7] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-width: 0;
}
.pw-card-activity[data-v-07c24bf7] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 0 1 auto;
}
.pw-card-opened[data-v-07c24bf7],
.pw-card-date[data-v-07c24bf7] {
  font-size: 0.6875rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #f7f7f5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pw-card-date[data-v-07c24bf7] {
  color: rgba(238, 232, 220, 0.62);
}
.pw-card-faces[data-v-07c24bf7] {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-shrink: 0;
  cursor: default;
}
.pw-card-face[data-v-07c24bf7] {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  overflow: visible;
  font-size: 8px;
  font-weight: 650;
  margin-left: -8px;
  position: relative;
  z-index: 1;
}
.pw-card-face[data-v-07c24bf7]:first-child {
  margin-left: 0;
}
.pw-card-face[data-v-07c24bf7]:nth-child(2) {
  z-index: 2;
}
.pw-card-face[data-v-07c24bf7]:nth-child(3) {
  z-index: 3;
}
.pw-card-face-more[data-v-07c24bf7] {
  position: relative;
  z-index: 4;
  isolation: isolate;
  overflow: hidden;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: -8px;
  padding: 0;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-family: "Fustat", sans-serif;
  font-size: 0.5625rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1;
  color: #eee8dc;
  background: rgba(46, 34, 24, 0.62);
  backdrop-filter: blur(12px) saturate(1.25);
  -webkit-backdrop-filter: blur(12px) saturate(1.25);
}
.pw-card-face-more[data-v-07c24bf7]::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0.62;
  mix-blend-mode: overlay;
  filter: contrast(1.9) brightness(1.12);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='pwfmg' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23pwfmg)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='pwfmg2' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23pwfmg2)'/%3E%3C/svg%3E");
  background-size: 28px 28px, 52px 52px;
}
.pw-card-faces-list[data-v-07c24bf7] {
  --hw-tint-rgb: 238, 232, 220;
  position: fixed;
  z-index: 50;
  min-width: 220px;
  max-width: 280px;
  max-height: 260px;
  overflow: auto;
  padding: 6px;
  border-radius: 6px;
  border: 0;
  background:
    linear-gradient(165deg, rgba(238, 232, 220, 0.06), transparent 60%),
    rgba(46, 34, 24, 0.42);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}
.pw-faces-list-enter-active[data-v-07c24bf7] {
  transition:
    opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
}
.pw-faces-list-leave-active[data-v-07c24bf7] {
  transition:
    opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.pw-faces-list-enter-from[data-v-07c24bf7],
.pw-faces-list-enter[data-v-07c24bf7] {
  opacity: 0;
  transform: translateY(-4px);
}
.pw-faces-list-leave-to[data-v-07c24bf7] {
  opacity: 0;
  transform: translateY(-3px);
}
.pw-card-faces-row[data-v-07c24bf7] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 6px;
}
.pw-card-faces-row[data-v-07c24bf7]:hover {
  background: rgba(238, 232, 220, 0.07);
}
.pw-card-faces-row-face[data-v-07c24bf7] {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  overflow: hidden;
  font-size: 8px;
  font-weight: 650;
  flex-shrink: 0;
}
.pw-card-faces-row-name[data-v-07c24bf7] {
  min-width: 0;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #eee8dc;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pw-library-empty[data-v-07c24bf7] {
  padding: 32px 12px;
  text-align: center;
  font-size: 0.8125rem;
  color: rgba(238, 232, 220, 0.62);
}
.pw-detail[data-v-07c24bf7] {
  --pw-form-gap: 16px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: var(--app-sidebar-width);
  z-index: 40;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding:
    calc(var(--app-header-top-offset) + var(--app-header-bar-height) + 62px)
    0
    20px;
  pointer-events: none;
}
.pw-detail-body[data-v-07c24bf7] {
  --pw-form-width: 440px;
  width: min(var(--pw-form-width), calc(100% - var(--pw-rail-width) - var(--pw-form-gap) * 2));
  max-height: 100%;
  min-height: 0;
  margin-left: max(
    calc(var(--pw-rail-width) + var(--pw-form-gap)),
    calc((100% - min(var(--pw-form-width), calc(100% - var(--pw-rail-width) - var(--pw-form-gap) * 2))) / 2)
  );
  margin-right: auto;
  overflow-y: auto;
  pointer-events: auto;
}
.pw-detail-body.is-card[data-v-07c24bf7] {
  --pw-form-width: 520px;
}
.pw-live-card-slot[data-v-07c24bf7] {
  width: min(100%, 210px);
  margin: 2px auto 2px;
  justify-self: center;
}
.pw-form-wrap[data-v-07c24bf7] {
  --hw-tint-rgb: 238, 232, 220;
  width: 100%;
  padding: 18px 20px 20px;
  border-radius: 6px;
  isolation: isolate;
  overflow: hidden;
  background: rgba(238, 232, 220, 0.09);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
  animation: home-widget-in-07c24bf7 0.62s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (max-width: 767px) {
.pw-detail[data-v-07c24bf7] {
    left: 0;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 24px;
}
.pw-detail-body[data-v-07c24bf7] {
    width: min(100%, var(--pw-form-width, 440px));
    margin-left: auto;
    margin-right: auto;
}
.pw-form-wrap[data-v-07c24bf7] {
    padding: 14px 14px 16px;
}
}
@keyframes home-widget-in-07c24bf7 {
from {
    opacity: 0;
    transform: translateY(16px) scale(0.985);
}
to {
    opacity: 1;
    transform: none;
}
}
.pw-detail-toolbar[data-v-07c24bf7] {
  width: auto;
  padding: 0;
  margin: 0 0 8px -6px;
}
.pw-form[data-v-07c24bf7] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.pw-form-top.is-split[data-v-07c24bf7] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 14px;
}
.pw-card-fields[data-v-07c24bf7] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 14px;
}
.pw-card-fields .pw-span[data-v-07c24bf7] {
  grid-column: 1 / -1;
}
.pw-field[data-v-07c24bf7] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.pw-field-row[data-v-07c24bf7] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.pw-field-row--3[data-v-07c24bf7] {
  grid-template-columns: 1fr 1fr 1.15fr;
}
.pw-label[data-v-07c24bf7] {
  font-size: 0.6875rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: rgba(238, 232, 220, 0.78);
}
.pw-input[data-v-07c24bf7],
.pw-input-wrap[data-v-07c24bf7] {
  width: 100%;
}
.pw-input-wrap[data-v-07c24bf7],
.pw-select[data-v-07c24bf7] {
  position: relative;
}
.pw-select[data-v-07c24bf7] {
  z-index: 2;
}
.pw-select.is-open[data-v-07c24bf7] {
  z-index: 4;
}
.pw-select-trigger[data-v-07c24bf7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  text-align: left;
  cursor: pointer;
}
.pw-select-trigger span[data-v-07c24bf7] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pw-select-arrow[data-v-07c24bf7] {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  color: rgba(238, 232, 220, 0.72);
  transition: transform 0.18s ease;
}
.pw-select.is-open .pw-select-arrow[data-v-07c24bf7] {
  transform: rotate(180deg);
}
.pw-select-menu[data-v-07c24bf7] {
  position: absolute;
  z-index: 6;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  padding: 6px;
  border-radius: 6px;
  border: 0;
  background:
    linear-gradient(165deg, rgba(238, 232, 220, 0.06), transparent 60%),
    rgba(46, 34, 24, 0.42);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}
.pw-select-option[data-v-07c24bf7] {
  display: block;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #f7f7f5;
  font: inherit;
  font-size: 0.8125rem;
  text-align: left;
  cursor: pointer;
}
.pw-select-option[data-v-07c24bf7]:hover,
.pw-select-option.is-active[data-v-07c24bf7] {
  background: rgba(238, 232, 220, 0.1);
}
.pw-input[data-v-07c24bf7] {
  box-sizing: border-box;
  height: 36px;
  padding: 0 12px;
  border: 0;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.12);
  box-shadow: none;
  color: #f7f7f5;
  font: inherit;
  font-size: 0.8125rem;
  letter-spacing: 0.01em;
}
.pw-input[data-v-07c24bf7]:focus {
  outline: none;
  background: rgba(238, 232, 220, 0.18);
}
.pw-input[data-v-07c24bf7]:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.pw-input[data-v-07c24bf7]::-moz-placeholder {
  color: rgba(238, 232, 220, 0.58);
}
.pw-input[data-v-07c24bf7]::placeholder {
  color: rgba(238, 232, 220, 0.58);
}
.pw-input--mono[data-v-07c24bf7] {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.08em;
}
.pw-input--area[data-v-07c24bf7] {
  height: auto;
  min-height: 64px;
  padding: 10px 12px;
  resize: none;
  line-height: 1.45;
}
.pw-input-wrap .pw-input[data-v-07c24bf7] {
  padding-right: 36px;
}
.pw-reveal[data-v-07c24bf7] {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(238, 232, 220, 0.72);
  transform: translateY(-50%);
  cursor: pointer;
}
.pw-reveal svg[data-v-07c24bf7] {
  display: block;
  width: 16px;
  height: 16px;
}
.pw-reveal[data-v-07c24bf7]:hover {
  color: #eee8dc;
}
.pw-gen-btn[data-v-07c24bf7] {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
  padding: 6px 10px;
  border: 0;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.16);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  color: #eee8dc;
  font: inherit;
  font-size: 0.75rem;
  letter-spacing: 0.02em;
  cursor: pointer;
}
.pw-gen-btn svg[data-v-07c24bf7] {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  color: rgba(238, 232, 220, 0.82);
}
.pw-gen-btn[data-v-07c24bf7]:hover {
  background: rgba(238, 232, 220, 0.22);
}
.pw-note[data-v-07c24bf7] {
  padding: 8px 10px;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.075);
  color: rgba(238, 232, 220, 0.72);
  font-size: 0.75rem;
}
.pw-note--error[data-v-07c24bf7] {
  background: rgba(166, 55, 47, 0.14);
  color: #f3b4ae;
}
.pw-note--ok[data-v-07c24bf7] {
  background: rgba(238, 232, 220, 0.1);
  color: #eee8dc;
}
.pw-detail-head[data-v-07c24bf7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin-bottom: 10px;
}
.pw-detail-title-row[data-v-07c24bf7] {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 2px;
}
.pw-detail-title[data-v-07c24bf7] {
  margin: 0;
  min-width: 0;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: #f7f7f5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pw-detail-head-actions[data-v-07c24bf7],
.pw-detail-actions[data-v-07c24bf7] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.pw-detail-actions[data-v-07c24bf7] {
  justify-content: flex-end;
  width: 100%;
  margin-top: 10px;
}
.pw-btn[data-v-07c24bf7] {
  border: 0;
  border-radius: 6px;
  padding: 6px 10px;
  background: rgba(238, 232, 220, 0.14);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  color: #eee8dc;
  font: inherit;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  cursor: pointer;
}
.pw-btn[data-v-07c24bf7]:hover {
  background: rgba(238, 232, 220, 0.2);
}
.pw-btn--primary[data-v-07c24bf7] {
  background: #eee8dc;
  color: #191919;
}
.pw-btn--primary[data-v-07c24bf7]:hover {
  opacity: 0.92;
  background: #eee8dc;
}
.pw-btn[data-v-07c24bf7]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.pw-import-scrim[data-v-07c24bf7] {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.56);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.pw-import-actions[data-v-07c24bf7] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.pw-import-modal[data-v-07c24bf7] {
  width: min(100% - 32px, 360px);
  padding: 22px 20px 18px;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.075);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.34);
  color: #eee8dc;
}
.pw-import-modal h3[data-v-07c24bf7] {
  margin: 0 0 6px;
  font-size: 1.05rem;
  font-weight: 500;
}
.pw-import-modal p[data-v-07c24bf7] {
  margin: 0 0 16px;
  font-size: 0.8125rem;
  color: rgba(238, 232, 220, 0.68);
}
.pw-import-choices[data-v-07c24bf7] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pw-import-choice[data-v-07c24bf7] {
  width: 100%;
  text-align: left;
  border: 0;
  border-radius: 6px;
  padding: 10px 12px;
  background: rgba(238, 232, 220, 0.08);
  color: #eee8dc;
  font: inherit;
  font-size: 0.8125rem;
  cursor: pointer;
}
.pw-import-choice[data-v-07c24bf7]:hover {
  background: rgba(238, 232, 220, 0.12);
}


.shared-root[data-v-2bf7742e] {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.shared-filters-outer[data-v-2bf7742e] {
  flex-shrink: 0;
  padding: 4px 0 8px;
  overflow-x: auto;
}
.shared-filters[data-v-2bf7742e] {
  display: flex;
  gap: 8px;
  padding: 0 16px;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
}
.shared-filter-chip[data-v-2bf7742e] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border-radius: 999px;
  border-width: 1px;
  border-style: solid;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s ease, color 0.15s ease;
}
.shared-filter-count[data-v-2bf7742e] {
  font-size: 12px;
  opacity: 0.85;
}
.shared-scroll[data-v-2bf7742e] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 8px 16px 32px;
}
.shared-section[data-v-2bf7742e] {
  margin-bottom: 22px;
}
.shared-section-header[data-v-2bf7742e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 0 4px;
}
.shared-section-title-row[data-v-2bf7742e] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.shared-section-icon[data-v-2bf7742e] {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  background: rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.shared-section-title[data-v-2bf7742e] {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.shared-section-count[data-v-2bf7742e] {
  font-size: 12px;
  font-weight: 500;
}
.shared-card[data-v-2bf7742e] {
  border-radius: 14px;
  border-width: 1px;
  border-style: solid;
  overflow: hidden;
}
.shared-row[data-v-2bf7742e] {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 12px;
  border: none;
  background: none;
  cursor: pointer;
  text-align: left;
  font: inherit;
  gap: 0;
}
.shared-row[data-v-2bf7742e]:hover {
  background: rgba(255, 255, 255, 0.03);
}
.shared-avatar[data-v-2bf7742e] {
  width: 36px;
  height: 36px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.shared-row-body[data-v-2bf7742e] {
  flex: 1;
  min-width: 0;
}
.shared-row-title[data-v-2bf7742e] {
  display: block;
  font-size: 15px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shared-row-subtitle[data-v-2bf7742e] {
  display: block;
  font-size: 12px;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shared-row-meta[data-v-2bf7742e] {
  display: flex;
  align-items: center;
  margin-top: 6px;
  min-width: 0;
}
.shared-provenance[data-v-2bf7742e] {
  font-size: 11px;
  font-weight: 500;
  padding: 3px 8px;
  border-radius: 999px;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shared-row-time[data-v-2bf7742e] {
  font-size: 11px;
  margin-left: 6px;
  flex-shrink: 0;
}
.shared-row-trailing[data-v-2bf7742e] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-left: 8px;
  flex-shrink: 0;
  gap: 8px;
}
.shared-permission[data-v-2bf7742e] {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 999px;
}
.shared-divider[data-v-2bf7742e] {
  height: 1px;
  margin-left: 60px;
  opacity: 0.6;
}
.shared-center[data-v-2bf7742e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 24px;
  text-align: center;
}
.shared-center-title[data-v-2bf7742e] {
  font-size: 16px;
  font-weight: 600;
  margin: 16px 0 6px;
}
.shared-center-body[data-v-2bf7742e] {
  font-size: 13px;
  line-height: 1.45;
  max-width: 320px;
}
.shared-empty-icon[data-v-2bf7742e] {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  border-width: 1px;
  border-style: solid;
  background: rgba(255, 255, 255, 0.04);
  display: flex;
  align-items: center;
  justify-content: center;
}
.shared-retry[data-v-2bf7742e] {
  margin-top: 18px;
  padding: 10px 18px;
  border: none;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.shared-spinner[data-v-2bf7742e] {
  width: 28px;
  height: 28px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-top-color: #fff;
  border-radius: 50%;
  animation: shared-spin-2bf7742e 0.8s linear infinite;
  margin-bottom: 12px;
}
@keyframes shared-spin-2bf7742e {
to { transform: rotate(360deg);
}
}


.shared-root[data-v-8553b602] {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.shared-filters-outer[data-v-8553b602] {
  flex-shrink: 0;
  padding: 4px 0 8px;
  overflow-x: auto;
}
.shared-filters[data-v-8553b602] {
  display: flex;
  gap: 8px;
  padding: 0 16px;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
}
.shared-filter-chip[data-v-8553b602] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border-radius: 999px;
  border-width: 1px;
  border-style: solid;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s ease, color 0.15s ease;
}
.shared-filter-count[data-v-8553b602] {
  font-size: 12px;
  opacity: 0.85;
}
.shared-scroll[data-v-8553b602] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 8px 16px 32px;
}
.shared-section[data-v-8553b602] {
  margin-bottom: 22px;
}
.shared-section-header[data-v-8553b602] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 0 4px;
}
.shared-section-title-row[data-v-8553b602] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.shared-section-icon[data-v-8553b602] {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  background: rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.shared-section-title[data-v-8553b602] {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.shared-section-count[data-v-8553b602] {
  font-size: 12px;
  font-weight: 500;
}
.shared-card[data-v-8553b602] {
  border-radius: 14px;
  border-width: 1px;
  border-style: solid;
  overflow: hidden;
}
.shared-row[data-v-8553b602] {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 12px;
  border: none;
  background: none;
  cursor: pointer;
  text-align: left;
  font: inherit;
  gap: 0;
}
.shared-row[data-v-8553b602]:hover {
  background: rgba(255, 255, 255, 0.03);
}
.shared-avatar[data-v-8553b602] {
  width: 36px;
  height: 36px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.shared-row-body[data-v-8553b602] {
  flex: 1;
  min-width: 0;
}
.shared-row-title[data-v-8553b602] {
  display: block;
  font-size: 15px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shared-row-subtitle[data-v-8553b602] {
  display: block;
  font-size: 12px;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shared-row-meta[data-v-8553b602] {
  display: flex;
  align-items: center;
  margin-top: 6px;
  min-width: 0;
}
.shared-provenance[data-v-8553b602] {
  font-size: 11px;
  font-weight: 500;
  padding: 3px 8px;
  border-radius: 999px;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shared-row-time[data-v-8553b602] {
  font-size: 11px;
  margin-left: 6px;
  flex-shrink: 0;
}
.shared-row-trailing[data-v-8553b602] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-left: 8px;
  flex-shrink: 0;
  gap: 8px;
}
.shared-permission[data-v-8553b602] {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 999px;
}
.shared-divider[data-v-8553b602] {
  height: 1px;
  margin-left: 60px;
  opacity: 0.6;
}
.shared-center[data-v-8553b602] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 24px;
  text-align: center;
}
.shared-center-title[data-v-8553b602] {
  font-size: 16px;
  font-weight: 600;
  margin: 16px 0 6px;
}
.shared-center-body[data-v-8553b602] {
  font-size: 13px;
  line-height: 1.45;
  max-width: 320px;
}
.shared-empty-icon[data-v-8553b602] {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  border-width: 1px;
  border-style: solid;
  background: rgba(255, 255, 255, 0.04);
  display: flex;
  align-items: center;
  justify-content: center;
}
.shared-retry[data-v-8553b602] {
  margin-top: 18px;
  padding: 10px 18px;
  border: none;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.shared-spinner[data-v-8553b602] {
  width: 28px;
  height: 28px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-top-color: #fff;
  border-radius: 50%;
  animation: shared-spin-8553b602 0.8s linear infinite;
  margin-bottom: 12px;
}
@keyframes shared-spin-8553b602 {
to { transform: rotate(360deg);
}
}


.notifications-root[data-v-d7f806e6] {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
}
.notifications-header[data-v-d7f806e6] {
  display: flex;
  align-items: center;
  gap: 12px;
  box-sizing: border-box;
  height: calc(var(--app-header-bar-height) + var(--app-header-top-offset));
  min-height: calc(var(--app-header-bar-height) + var(--app-header-top-offset));
  padding-top: var(--app-header-top-offset);
  padding-right: var(--app-header-content-right);
  padding-bottom: 0;
  padding-left: var(--app-header-padding-x);
  border-bottom: 1px solid #2a2a2a;
}
.notifications-back[data-v-d7f806e6],
.notifications-mark-read[data-v-d7f806e6],
.notifications-header-spacer[data-v-d7f806e6] {
  flex-shrink: 0;
}
.notifications-header-spacer[data-v-d7f806e6] {
  width: 72px;
}
.notifications-back[data-v-d7f806e6] {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.notifications-header-text[data-v-d7f806e6] {
  flex: 1;
  min-width: 0;
}
.notifications-title[data-v-d7f806e6] {
  font-size: 1.25rem;
  font-weight: 700;
}
.notifications-subtitle[data-v-d7f806e6] {
  font-size: 0.875rem;
  margin-top: 2px;
}
.notifications-mark-read[data-v-d7f806e6] {
  font-size: 0.875rem;
  font-weight: 600;
  background: none;
  border: none;
  cursor: pointer;
}
.notifications-scroll[data-v-d7f806e6] {
  flex: 1;
  overflow-y: auto;
  padding: 16px 20px 32px;
}
.notifications-center[data-v-d7f806e6] {
  min-height: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: center;
}
.notifications-spinner[data-v-d7f806e6] {
  width: 28px;
  height: 28px;
  border: 2px solid rgba(255, 255, 255, 0.12);
  border-top-color: #eee8dc;
  border-radius: 50%;
  animation: notifications-spin-d7f806e6 0.8s linear infinite;
}
@keyframes notifications-spin-d7f806e6 {
to { transform: rotate(360deg);
}
}
.notifications-empty-title[data-v-d7f806e6] {
  font-size: 1.05rem;
  font-weight: 600;
}
.notifications-list[data-v-d7f806e6] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.notifications-row[data-v-d7f806e6] {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  text-align: left;
  position: relative;
}
.notifications-row-unread[data-v-d7f806e6] {
  box-shadow: inset 3px 0 0 #eee8dc;
}
.notifications-row-avatar[data-v-d7f806e6] {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  flex-shrink: 0;
}
.notifications-row-body[data-v-d7f806e6] {
  flex: 1;
  min-width: 0;
}
.notifications-row-top[data-v-d7f806e6] {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: baseline;
}
.notifications-row-title[data-v-d7f806e6] {
  font-weight: 600;
  font-size: 0.95rem;
}
.notifications-row-time[data-v-d7f806e6] {
  font-size: 0.75rem;
  flex-shrink: 0;
}
.notifications-row-text[data-v-d7f806e6] {
  margin-top: 4px;
  font-size: 0.875rem;
  line-height: 1.45;
  word-break: break-word;
}
.notifications-unread-dot[data-v-d7f806e6] {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  position: absolute;
  top: 14px;
  right: 12px;
}
.notifications-load-more-wrap[data-v-d7f806e6] {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.notifications-load-more[data-v-d7f806e6],
.notifications-retry[data-v-d7f806e6] {
  padding: 10px 18px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: transparent;
  cursor: pointer;
}


.chat-page[data-v-0d66c37a] {
  font-family: "Fustat", sans-serif;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.chat-layout[data-v-0d66c37a] {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 0;
  padding: 0;
}
.chat-body[data-v-0d66c37a] {
  padding-top: 62px;
}
.chat-list-panel[data-v-0d66c37a],
.chat-thread-panel[data-v-0d66c37a] {
  border-radius: 0;
  background: transparent;
  border: none;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
.chat-list-panel[data-v-0d66c37a] {
  border-right: 0;
}
.chat-stage[data-v-0d66c37a] {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 20px 24px;
  overflow: hidden;
}
.chat-sheet[data-v-0d66c37a] {
  width: 100%;
  max-width: 52rem;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  background: rgba(238, 232, 220, 0.1);
  border: 0;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
  overflow: hidden;
}
.chat-thread-panel--local-ai[data-v-0d66c37a] {
  min-height: 0;
}
.chat-local-ai-panel[data-v-0d66c37a] {
  flex: 1;
  min-height: 0;
}
.chat-list-avatar--local-ai[data-v-0d66c37a] {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.chat-list-avatar-ai[data-v-0d66c37a] {
  line-height: 1;
}
.chat-list-header[data-v-0d66c37a] {
  padding: 0 10px 8px 0;
  border-bottom: 0;
}
.chat-mode-toggle[data-v-0d66c37a] {
  display: flex;
  gap: 14px;
  margin-bottom: 12px;
  background: transparent;
  border: 0;
}
.chat-mode-btn[data-v-0d66c37a] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #b0b0b0;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.3;
  cursor: pointer;
}
.chat-mode-btn-active[data-v-0d66c37a] {
  background: transparent;
  color: #eee8dc;
  box-shadow: none;
}
.chat-mode-icon[data-v-0d66c37a] {
  width: 14px;
  height: 14px;
}
.chat-mode-ai-label[data-v-0d66c37a] {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.chat-list-header-row[data-v-0d66c37a] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  margin-bottom: 12px;
}
.chat-icon-btn[data-v-0d66c37a] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border: none;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  color: #928787;
  cursor: pointer;
  transition: background 0.15s;
}
.chat-icon-btn[data-v-0d66c37a]:hover {
  background: rgba(255, 255, 255, 0.2);
}
.chat-icon-sm[data-v-0d66c37a] {
  width: 16px;
  height: 16px;
}
.chat-search-result-snippet[data-v-0d66c37a] {
  font-size: 12px;
  line-height: 1.35;
  color: #928787;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.chat-search-result-sender[data-v-0d66c37a] {
  color: #b8b0a6;
  font-weight: 500;
}
.chat-search-result-avatar[data-v-0d66c37a] {
  opacity: 0.92;
}
.chat-filter-row[data-v-0d66c37a] {
  display: flex;
  gap: 14px;
  margin-top: 12px;
}
.chat-filter-btn[data-v-0d66c37a] {
  border: none;
  border-radius: 0;
  padding: 0;
  font-size: 0.8125rem;
  line-height: 1.3;
  font-weight: 400;
  color: #b0b0b0;
  background: transparent;
  cursor: pointer;
}
.chat-filter-btn[data-v-0d66c37a]:hover {
  color: #eee8dc;
}
.chat-filter-btn-active[data-v-0d66c37a] {
  background: transparent;
  color: #eee8dc;
}
.chat-list-scroll[data-v-0d66c37a] {
  flex: 1;
  min-width: 0;
  overflow-y: auto;
  padding: 8px 8px 32px 0;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.chat-section-rail[data-v-0d66c37a] {
  position: relative;
  width: 100%;
  min-width: 0;
  padding-left: 12px;
  box-sizing: border-box;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.chat-section-rail[data-v-0d66c37a]::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  background: rgba(238, 232, 220, 0.16);
  pointer-events: none;
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  animation: chat-rule-in-0d66c37a 1.85s cubic-bezier(0.4, 0, 0.2, 1) 0.92s both;
}
@keyframes chat-rule-in-0d66c37a {
from {
    opacity: 0;
    transform: scaleY(0);
}
to {
    opacity: 1;
    transform: scaleY(1);
}
}
.chat-list-item[data-v-0d66c37a] {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  gap: 10px;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  margin: 0;
  padding: 8px 10px 8px 8px;
  box-sizing: border-box;
  border: none;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  text-align: left;
  isolation: isolate;
  transition: background 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}
.chat-list-item[data-v-0d66c37a]:hover,
.chat-list-item-active[data-v-0d66c37a] {
  background: rgba(238, 232, 220, 0.04);
}
.chat-list-item-active[data-v-0d66c37a] {
  background: rgba(238, 232, 220, 0.065);
}
.chat-list-avatar[data-v-0d66c37a],
.chat-thread-avatar[data-v-0d66c37a] {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #191919;
  z-index: 1;
  isolation: isolate;
  font-size: 8px;
  font-weight: 650;
  overflow: visible;
}
.chat-presence-dot[data-v-0d66c37a] {
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #6b7280;
  border: 1.5px solid var(--ark-bg, #15120e);
  box-sizing: border-box;
  z-index: 2;
}
.chat-presence-dot.is-online[data-v-0d66c37a] {
  background: #22c55e;
}
.chat-presence-dot.is-dnd[data-v-0d66c37a] {
  background: #f59e0b;
}
.chat-list-avatar-text[data-v-0d66c37a] {
  font-size: 13px;
  font-weight: 500;
}
.chat-list-avatar-hash[data-v-0d66c37a] {
  width: 12px;
  height: 12px;
  color: #191919;
}
.chat-list-body[data-v-0d66c37a] {
  flex: 1;
  min-width: 0;
  width: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 3px;
  overflow: hidden;
}
.chat-list-top[data-v-0d66c37a],
.chat-list-bottom[data-v-0d66c37a] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
  min-width: 0;
}
.chat-list-name[data-v-0d66c37a] {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 13px;
  font-weight: 500;
  color: #f7f7f5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-list-time[data-v-0d66c37a] {
  flex: 0 0 auto;
  font-size: 0.6875rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: rgba(238, 232, 220, 0.62);
  white-space: nowrap;
}
.chat-blocked-banner[data-v-0d66c37a] {
  padding: 14px 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.chat-blocked-banner-text[data-v-0d66c37a] {
  margin: 0 0 10px;
  font-size: 13px;
  color: #928787;
}
.chat-blocked-unblock-btn[data-v-0d66c37a] {
  border: 0;
  border-radius: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  background: transparent;
  color: #eee8dc;
  cursor: pointer;
}
.chat-list-preview[data-v-0d66c37a] {
  font-size: 0.6875rem;
  line-height: 1.3;
  height: auto;
  color: rgba(238, 232, 220, 0.62);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
.chat-list-preview-typing[data-v-0d66c37a] {
  font-style: italic;
}
.chat-list-empty[data-v-0d66c37a] {
  text-align: left;
  font-size: 11px;
  line-height: 1.4;
  color: rgba(238, 232, 220, 0.62);
  padding: 16px 8px 16px 0;
  margin: 0;
}
.chat-thread-header[data-v-0d66c37a] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(238, 232, 220, 0.06);
  background: transparent;
  flex-shrink: 0;
}
.chat-thread-info[data-v-0d66c37a] {
  flex: 1;
  min-width: 0;
}
.chat-thread-name[data-v-0d66c37a] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #f7f7f5;
}
.chat-thread-lock[data-v-0d66c37a] {
  width: 12px;
  height: 12px;
  color: rgba(238, 232, 220, 0.55);
}
.chat-thread-meta[data-v-0d66c37a] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
  font-size: 12px;
  color: rgba(238, 232, 220, 0.72);
}
.chat-thread-meta-icon[data-v-0d66c37a] {
  width: 12px;
  height: 12px;
}
.chat-invite-btn[data-v-0d66c37a] {
  border: 0;
  background: transparent;
  color: #eee8dc;
  font-size: 13px;
  padding: 0;
  border-radius: 0;
  cursor: pointer;
  flex-shrink: 0;
}
.chat-invite-btn[data-v-0d66c37a]:hover {
  color: #f7f7f5;
}
.chat-messages[data-v-0d66c37a] {
  flex: 1;
  overflow-y: auto;
  padding: 18px 20px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.chat-messages-loading[data-v-0d66c37a] {
  text-align: center;
  font-size: 13px;
  color: rgba(238, 232, 220, 0.72);
  padding: 24px;
}
.chat-messages-loading--top[data-v-0d66c37a] {
  padding: 12px 24px;
}
.chat-screenshot-banner[data-v-0d66c37a] {
  margin: 8px auto 4px;
  max-width: 420px;
  padding: 8px 12px;
  border-radius: 8px;
  background: rgba(232, 168, 74, 0.16);
  border: 1px solid rgba(232, 168, 74, 0.45);
  color: #e8a84a;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
}
.chat-message-event-row[data-v-0d66c37a] {
  display: flex;
  justify-content: center;
  padding: 6px 12px;
}
.chat-message-event[data-v-0d66c37a] {
  max-width: 420px;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  color: #928787;
}
.chat-message-row[data-v-0d66c37a] {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 4px;
  align-items: start;
}
.chat-message-row-self[data-v-0d66c37a] {
  grid-template-columns: minmax(0, 1fr) 32px;
}
.chat-message-row--grouped[data-v-0d66c37a] {
  margin-top: 0;
}
.chat-message-row--grouped .chat-message-bubble[data-v-0d66c37a] {
  border-top-left-radius: 6px;
}
.chat-message-row-self.chat-message-row--grouped .chat-message-bubble-self[data-v-0d66c37a] {
  border-top-right-radius: 6px;
}
.chat-message-content[data-v-0d66c37a] {
  display: contents;
}
.chat-message-meta[data-v-0d66c37a] {
  grid-column: 2;
  justify-self: start;
  display: flex;
  align-items: center;
  gap: 8px;
}
.chat-message-row-self .chat-message-meta[data-v-0d66c37a] {
  grid-column: 1;
  justify-self: end;
}
.chat-message-bubble-wrap[data-v-0d66c37a] {
  grid-column: 2;
  max-width: min(70%, 100%);
  justify-self: start;
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: visible;
}
.chat-message-row-self .chat-message-bubble-wrap[data-v-0d66c37a] {
  grid-column: 1;
  justify-self: end;
  align-items: flex-end;
}
.chat-message-avatar[data-v-0d66c37a] {
  grid-column: 1;
  grid-row: 1 / -1;
  align-self: start;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 500;
  color: #191919;
}
.chat-message-row-self .chat-message-avatar[data-v-0d66c37a] {
  grid-column: 2;
}
.chat-message-avatar--hidden[data-v-0d66c37a] {
  visibility: hidden;
  pointer-events: none;
}
.chat-message-author[data-v-0d66c37a] {
  font-size: 12px;
  font-weight: 500;
  color: rgba(238, 232, 220, 0.78);
}
.chat-message-time[data-v-0d66c37a] {
  font-size: 10px;
  color: rgba(238, 232, 220, 0.55);
  white-space: nowrap;
  line-height: 1;
}
.chat-message-bubble[data-v-0d66c37a] {
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 0.875rem;
  line-height: 1.5;
  word-break: break-word;
  background: rgba(238, 232, 220, 0.1);
  box-shadow: none;
  border: none;
  color: #eee8dc;
}
.chat-message-bubble-self[data-v-0d66c37a] {
  background: rgba(183, 203, 216, 0.2);
  color: #eee8dc;
}
.chat-message-bubble-self .chat-message-time[data-v-0d66c37a],
.chat-message-bubble-self .chat-message-edited[data-v-0d66c37a],
.chat-message-bubble-self .chat-message-ephemeral[data-v-0d66c37a] {
  color: rgba(238, 232, 220, 0.55);
}
.chat-message-bubble-meta[data-v-0d66c37a] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  margin-top: 4px;
  line-height: 1;
}
.chat-message-row--highlight[data-v-0d66c37a] {
  animation: chat-message-highlight-0d66c37a 1.5s ease;
}
@keyframes chat-message-highlight-0d66c37a {
0%, 100% { background: transparent;
}
20% { background: rgba(238, 232, 220, 0.16);
}
}
.chat-message-bubble--bare[data-v-0d66c37a] {
  background: transparent;
  padding: 0;
}
.chat-message-edited[data-v-0d66c37a] {
  margin-left: 6px;
  font-style: italic;
  color: #928787;
}
.chat-message-deleted[data-v-0d66c37a] {
  font-style: italic;
  color: #928787;
}
.chat-message-bubble-deleted[data-v-0d66c37a] {
  opacity: 0.85;
}
.chat-message-bubble-self .chat-message-deleted[data-v-0d66c37a] {
  color: rgba(238, 232, 220, 0.55);
}
.chat-message-row-self .chat-message-edited[data-v-0d66c37a] {
  color: rgba(238, 232, 220, 0.55);
}
.chat-typing-bar[data-v-0d66c37a] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  border-top: 0;
  flex-shrink: 0;
}
.chat-typing-avatars[data-v-0d66c37a] {
  display: flex;
}
.chat-typing-avatar[data-v-0d66c37a] {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  color: #191919;
  margin-left: -6px;
  box-shadow: 0 0 0 2px var(--ark-bg, #15120e);
}
.chat-typing-avatar[data-v-0d66c37a]:first-child {
  margin-left: 0;
}
.chat-typing-label[data-v-0d66c37a] {
  font-size: 12px;
  font-style: italic;
  color: #928787;
}
.chat-composer-wrap[data-v-0d66c37a] {
  padding: 10px 14px 14px;
  border-top: 1px solid rgba(238, 232, 220, 0.06);
  background: transparent;
  flex-shrink: 0;
}
.chat-composer[data-v-0d66c37a] {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.06);
  box-shadow: none;
  border: 0;
}
.chat-composer-icon-btn[data-v-0d66c37a] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  background: transparent;
  color: rgba(238, 232, 220, 0.82);
  cursor: not-allowed;
  opacity: 0.5;
  flex-shrink: 0;
}
.chat-composer-icon-btn--active[data-v-0d66c37a],
.chat-composer-icon-btn[data-v-0d66c37a]:not(:disabled) {
  cursor: pointer;
  opacity: 1;
}
.chat-composer-icon-btn[data-v-0d66c37a]:not(:disabled):hover {
  color: #eee8dc;
}
.chat-composer-emoji-anchor[data-v-0d66c37a] {
  position: relative;
  flex-shrink: 0;
  z-index: 50;
  overflow: visible;
}
.chat-composer-wrap[data-v-0d66c37a] {
  position: relative;
  z-index: 5;
}
.chat-file-input-hidden[data-v-0d66c37a] {
  display: none;
}
.chat-composer-input[data-v-0d66c37a] {
  max-height: 128px;
}
.chat-send-btn[data-v-0d66c37a] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #eee8dc;
  cursor: pointer;
  transition: background 0.2s ease;
  flex-shrink: 0;
}
.chat-send-btn[data-v-0d66c37a]:not(:disabled):hover {
  background: rgba(238, 232, 220, 0.08);
  opacity: 1;
}
.chat-send-btn[data-v-0d66c37a]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.chat-composer-hint[data-v-0d66c37a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: 8px 0 0;
  font-size: 10px;
  color: rgba(238, 232, 220, 0.72);
}
.chat-composer-hint-icon[data-v-0d66c37a] {
  width: 10px;
  height: 10px;
}
.chat-thread-empty[data-v-0d66c37a] {
  align-items: center;
  justify-content: center;
}
.chat-ai-empty-state[data-v-0d66c37a] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 360px;
  margin: 0 auto;
  padding: 32px;
  gap: 8px;
}
.chat-ai-empty-icon[data-v-0d66c37a] {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  display: grid;
  place-items: center;
  margin-bottom: 8px;
  background: rgba(238, 232, 220, 0.09);
  color: #eee8dc;
  font-size: 0.6875rem;
  font-weight: 650;
  letter-spacing: 0.04em;
}
.chat-ai-empty-btn[data-v-0d66c37a] {
  margin-top: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #eee8dc;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
}
.chat-ai-empty-btn[data-v-0d66c37a]:hover {
  color: #f7f7f5;
}
.chat-ai-empty-state h2[data-v-0d66c37a] {
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  color: #f7f7f5;
}
.chat-ai-empty-state p[data-v-0d66c37a] {
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
  color: rgba(238, 232, 220, 0.62);
}
.chat-empty-state[data-v-0d66c37a] {
  text-align: center;
  max-width: 360px;
  padding: 32px;
}
.chat-empty-icon[data-v-0d66c37a] {
  width: 48px;
  height: 48px;
  color: rgba(238, 232, 220, 0.62);
  margin: 0 auto 16px;
}
.chat-empty-title[data-v-0d66c37a] {
  font-size: 15px;
  font-weight: 500;
  color: #f7f7f5;
  margin: 0 0 8px;
}
.chat-empty-lead[data-v-0d66c37a] {
  font-size: 14px;
  color: rgba(238, 232, 220, 0.62);
  margin: 0;
}
.chat-dialog-overlay[data-v-0d66c37a] {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(0, 0, 0, 0.6);
}
.chat-dialog[data-v-0d66c37a] {
  position: relative;
  width: 100%;
  max-width: 28rem;
  max-height: 90vh;
  overflow-y: auto;
  padding: 20px;
  border-radius: 6px;
  background: rgba(24, 18, 14, 0.96);
  border: 0;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.38);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}
.chat-dialog-close[data-v-0d66c37a] {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #928787;
  cursor: pointer;
}
.chat-dialog-close[data-v-0d66c37a]:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}
.chat-dialog-header[data-v-0d66c37a] {
  margin-bottom: 16px;
  padding-right: 32px;
}
.chat-dialog-title[data-v-0d66c37a] {
  font-size: 15px;
  font-weight: 500;
  color: #f7f7f5;
  margin: 0 0 4px;
}
.chat-dialog-desc[data-v-0d66c37a] {
  font-size: 13px;
  color: #928787;
  margin: 0;
}
.chat-dialog-choices[data-v-0d66c37a] {
  display: grid;
  gap: 12px;
}
.chat-dialog-choice[data-v-0d66c37a] {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 12px;
  border: 0;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.06);
  text-align: left;
  cursor: pointer;
  transition: background 0.15s;
}
.chat-dialog-choice[data-v-0d66c37a]:hover {
  background: rgba(238, 232, 220, 0.1);
}
.chat-dialog-choice-icon[data-v-0d66c37a] {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: rgba(238, 232, 220, 0.2);
  color: #EEE8DC;
}
.chat-dialog-choice-icon-svg[data-v-0d66c37a] {
  width: 20px;
  height: 20px;
}
.chat-dialog-choice-title[data-v-0d66c37a] {
  font-size: 13px;
  font-weight: 500;
  color: #f7f7f5;
}
.chat-dialog-choice-desc[data-v-0d66c37a] {
  font-size: 12px;
  color: #928787;
  margin-top: 2px;
}
.chat-dialog-channel-link[data-v-0d66c37a] {
  display: block;
  width: 100%;
  margin-top: 12px;
  padding: 8px;
  border: none;
  background: transparent;
  font-size: 12px;
  color: #928787;
  cursor: pointer;
  text-align: center;
}
.chat-dialog-channel-link[data-v-0d66c37a]:hover {
  color: #ffffff;
}
.chat-dialog-back[data-v-0d66c37a] {
  border: none;
  background: transparent;
  font-size: 12px;
  color: #928787;
  cursor: pointer;
  margin-bottom: 16px;
  padding: 0;
}
.chat-dialog-back[data-v-0d66c37a]:hover {
  color: #ffffff;
}
.chat-dialog-field[data-v-0d66c37a] {
  margin-bottom: 16px;
}
.chat-dialog-label[data-v-0d66c37a] {
  display: block;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #b0b0b0;
  margin-bottom: 6px;
}
.chat-dialog-input[data-v-0d66c37a] {
  width: 100%;
  padding: 8px 12px;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.06);
  border: 0;
  font-size: 13px;
  color: #eee8dc;
  outline: none;
}
.chat-dialog-input[data-v-0d66c37a]:focus {
  background: rgba(238, 232, 220, 0.1);
}
.chat-dialog-input-spaced[data-v-0d66c37a] {
  margin-bottom: 16px;
}
.chat-dialog-members[data-v-0d66c37a] {
  max-height: 200px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.chat-dialog-members-tall[data-v-0d66c37a] {
  max-height: 300px;
}
.chat-dialog-member[data-v-0d66c37a],
.chat-dialog-contact[data-v-0d66c37a] {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 8px 12px;
  border: none;
  border-radius: 6px;
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: background 0.15s;
}
.chat-dialog-member[data-v-0d66c37a]:hover,
.chat-dialog-contact[data-v-0d66c37a]:hover {
  background: rgba(238, 232, 220, 0.07);
}
.chat-dialog-member-selected[data-v-0d66c37a] {
  background: rgba(238, 232, 220, 0.1);
}
.chat-dialog-member-avatar[data-v-0d66c37a],
.chat-dialog-contact-avatar[data-v-0d66c37a] {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 500;
  color: #191919;
}
.chat-dialog-contact-avatar[data-v-0d66c37a] {
  width: 36px;
  height: 36px;
}
.chat-dialog-member-info[data-v-0d66c37a] {
  flex: 1;
  min-width: 0;
}
.chat-dialog-member-name[data-v-0d66c37a] {
  font-size: 13px;
  font-weight: 500;
  color: #f7f7f5;
}
.chat-dialog-empty[data-v-0d66c37a] {
  padding: 12px 4px;
  font-size: 13px;
  color: #928787;
  text-align: center;
}
.chat-dialog-member-check[data-v-0d66c37a] {
  width: 16px;
  height: 16px;
  border-radius: 999px;
  border: 1px solid #928787;
  flex-shrink: 0;
}
.chat-dialog-member-check-selected[data-v-0d66c37a] {
  background: #b7cbd8;
  border-color: #b7cbd8;
}
.chat-dialog-contact-icon[data-v-0d66c37a] {
  width: 16px;
  height: 16px;
  color: #928787;
  flex-shrink: 0;
}
.chat-dialog-submit[data-v-0d66c37a] {
  display: block;
  width: auto;
  margin-left: auto;
  margin-top: 8px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #eee8dc;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
}
.chat-dialog-submit[data-v-0d66c37a]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.chat-dialog-submit[data-v-0d66c37a]:not(:disabled):hover {
  opacity: 0.9;
}
.chat-ai-header-actions[data-v-0d66c37a] {
  display: flex;
  gap: 8px;
  margin-left: auto;
  flex-shrink: 0;
}
.chat-ai-header-btn[data-v-0d66c37a] {
  padding: 0;
  border-radius: 0;
  border: 0;
  background: transparent;
  color: #eee8dc;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
}
.chat-ai-header-btn[data-v-0d66c37a]:hover {
  color: #f7f7f5;
}
.chat-ai-header-btn-danger[data-v-0d66c37a] {
  color: #f97373;
}
.chat-thread-panel--empty[data-v-0d66c37a] {
  align-items: center;
  justify-content: center;
}


.project-board[data-v-3640c0b8] {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 16px 16px 20px;
}
.project-board-row[data-v-3640c0b8] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: -moz-max-content;
  min-width: max-content;
  padding-bottom: 8px;
}
.project-column[data-v-3640c0b8] {
  width: 260px;
  flex-shrink: 0;
  padding: 12px;
  border: 0;
  border-radius: 8px;
  background: rgba(238, 232, 220, 0.06);
  transition: background 0.2s ease;
}
.project-column.is-drop-target[data-v-3640c0b8] {
  background: rgba(238, 232, 220, 0.11);
}
.project-column-head[data-v-3640c0b8] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
}
.project-column-title[data-v-3640c0b8] {
  flex: 1;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #eee8dc;
  font-family: inherit;
  font-size: 0.8125rem;
  font-weight: 500;
  outline: none;
}
.project-column-title[data-v-3640c0b8]::-moz-placeholder {
  color: rgba(238, 232, 220, 0.42);
}
.project-column-title[data-v-3640c0b8]::placeholder {
  color: rgba(238, 232, 220, 0.42);
}
.project-column-delete[data-v-3640c0b8] {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: rgba(238, 232, 220, 0.42);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}
.project-column-delete[data-v-3640c0b8]:hover {
  background: rgba(249, 115, 115, 0.18);
  color: #f97373;
}
.project-column-tasks[data-v-3640c0b8] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 48px;
}
.project-task[data-v-3640c0b8] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
  border: 0;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.09);
  cursor: grab;
  transition: background 0.2s ease, opacity 0.15s ease;
}
.project-task[data-v-3640c0b8]:hover {
  background: rgba(238, 232, 220, 0.14);
}
.project-task.is-dragging[data-v-3640c0b8] {
  opacity: 0.4;
  cursor: grabbing;
}
.project-task-text[data-v-3640c0b8] {
  width: 100%;
  color: #f7f7f5;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.project-task-face[data-v-3640c0b8] {
  width: 20px;
  height: 20px;
  font-size: 8px;
  flex-shrink: 0;
  border-radius: 999px;
  overflow: hidden;
}
.project-add-task[data-v-3640c0b8],
.project-add-column[data-v-3640c0b8] {
  border: 0;
  background: transparent;
  color: rgba(238, 232, 220, 0.48);
  font-family: inherit;
  font-size: 0.75rem;
  cursor: pointer;
  transition: color 0.15s ease, background 0.15s ease;
}
.project-add-task[data-v-3640c0b8] {
  margin-top: 8px;
  padding: 6px 2px;
  text-align: left;
}
.project-add-task[data-v-3640c0b8]:hover,
.project-add-column[data-v-3640c0b8]:hover {
  color: #eee8dc;
}
.project-add-column[data-v-3640c0b8] {
  align-self: flex-start;
  min-height: 40px;
  padding: 8px 12px;
  border-radius: 8px;
  background: rgba(238, 232, 220, 0.06);
}
.project-add-column[data-v-3640c0b8]:hover {
  background: rgba(238, 232, 220, 0.1);
}


.project-drawer-root[data-v-bee46718] {
  position: fixed;
  inset: 0;
  z-index: 110;
  display: flex;
  justify-content: flex-end;
}
.project-drawer-scrim[data-v-bee46718] {
  position: absolute;
  inset: 0;
  background: rgba(21, 18, 14, 0.48);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.project-drawer[data-v-bee46718] {
  position: relative;
  width: 100%;
  max-width: 28rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: rgba(238, 232, 220, 0.1);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
}
.project-drawer-head[data-v-bee46718] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 18px 12px;
  border-bottom: 1px solid rgba(238, 232, 220, 0.06);
}
.project-drawer-title[data-v-bee46718] {
  flex: 1;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #eee8dc;
  font-family: inherit;
  font-size: 1.05rem;
  font-weight: 500;
  outline: none;
}
.project-drawer-title[data-v-bee46718]::-moz-placeholder {
  color: rgba(238, 232, 220, 0.42);
}
.project-drawer-title[data-v-bee46718]::placeholder {
  color: rgba(238, 232, 220, 0.42);
}
.project-drawer-close[data-v-bee46718] {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #b0b0b0;
  cursor: pointer;
}
.project-drawer-close svg[data-v-bee46718] {
  width: 16px;
  height: 16px;
}
.project-drawer-close[data-v-bee46718]:hover {
  background: rgba(238, 232, 220, 0.08);
  color: #eee8dc;
}
.project-drawer-body[data-v-bee46718] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.project-drawer-field[data-v-bee46718] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.project-drawer-label[data-v-bee46718] {
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(238, 232, 220, 0.48);
}
.project-drawer-input[data-v-bee46718] {
  width: 100%;
  min-height: 40px;
  padding: 8px 14px;
  border: 0;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.08);
  color: #eee8dc;
  font-family: inherit;
  font-size: 0.875rem;
  outline: none;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.project-drawer-input[data-v-bee46718]::-moz-placeholder, .project-drawer-textarea[data-v-bee46718]::-moz-placeholder {
  color: rgba(238, 232, 220, 0.42);
}
.project-drawer-input[data-v-bee46718]::placeholder,
.project-drawer-textarea[data-v-bee46718]::placeholder {
  color: rgba(238, 232, 220, 0.42);
}
.project-drawer-textarea[data-v-bee46718] {
  min-height: 110px;
  resize: vertical;
  line-height: 1.5;
}
.project-drawer-muted[data-v-bee46718],
.project-drawer-empty[data-v-bee46718] {
  padding: 10px 12px;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.045);
  color: rgba(238, 232, 220, 0.48);
  font-size: 0.8125rem;
}
.project-drawer-comments[data-v-bee46718] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.project-drawer-comment[data-v-bee46718] {
  padding: 10px 12px;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.045);
}
.project-drawer-comment-head[data-v-bee46718] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.project-drawer-face[data-v-bee46718] {
  width: 20px;
  height: 20px;
  font-size: 8px;
  flex-shrink: 0;
  border-radius: 999px;
  overflow: hidden;
}
.project-drawer-comment-name[data-v-bee46718] {
  min-width: 0;
  flex: 1;
  font-size: 0.75rem;
  font-weight: 500;
  color: #eee8dc;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-drawer-comment-delete[data-v-bee46718] {
  border: 0;
  background: transparent;
  color: rgba(238, 232, 220, 0.48);
  font-size: 0.75rem;
  cursor: pointer;
}
.project-drawer-comment-delete[data-v-bee46718]:hover {
  color: #f97373;
}
.project-drawer-comment-text[data-v-bee46718] {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: rgba(238, 232, 220, 0.72);
  white-space: pre-wrap;
}
.project-drawer-compose[data-v-bee46718] {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}
.project-drawer-submit[data-v-bee46718] {
  flex-shrink: 0;
  padding: 8px 14px;
  border: 0;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.14);
  color: #eee8dc;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
}
.project-drawer-submit[data-v-bee46718]:hover {
  background: rgba(238, 232, 220, 0.2);
}
.project-drawer-submit[data-v-bee46718]:disabled {
  opacity: 0.4;
  cursor: default;
}
.project-drawer-foot[data-v-bee46718] {
  padding: 12px 18px;
  border-top: 1px solid rgba(238, 232, 220, 0.06);
}
.project-drawer-danger[data-v-bee46718] {
  border: 0;
  background: transparent;
  color: #f97373;
  font-size: 0.8125rem;
  cursor: pointer;
}
.project-drawer-danger[data-v-bee46718]:hover {
  color: #fda4a4;
}


.projects-app[data-v-533b60e5] {
  font-family: "Fustat", sans-serif;
}
.projects-body[data-v-533b60e5] {
  display: flex;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  gap: 0;
  padding-top: 62px;
}
.projects-list-panel[data-v-533b60e5] {
  display: flex;
  flex-direction: column;
  width: 300px;
  flex: 0 0 300px;
  flex-shrink: 0;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: transparent;
  transition:
    width 0.38s cubic-bezier(0.4, 0, 0.2, 1),
    flex-basis 0.38s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.projects-list-panel.is-hidden[data-v-533b60e5] {
  width: 0;
  flex: 0 0 0;
  opacity: 0;
  pointer-events: none;
}
.projects-library-body[data-v-533b60e5] {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 8px 12px 32px 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: stretch;
  text-align: left;
}
.projects-library-empty[data-v-533b60e5] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 8px 16px 12px;
  margin: 0;
  font-size: 11px;
  line-height: 1.4;
  color: rgba(238, 232, 220, 0.62);
  text-align: left;
}
.projects-recent[data-v-533b60e5] {
  padding: 0 0 8px;
}
.projects-recent-row[data-v-533b60e5] {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  width: 100%;
  margin: 0;
  min-height: 36px;
  padding: 8px 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
  border-radius: 8px;
}
.projects-recent-row[data-v-533b60e5]:hover {
  background: transparent;
}
.projects-recent-arrow[data-v-533b60e5] {
  width: 15px;
  height: 15px;
  color: rgba(238, 232, 220, 0.42);
}
.projects-recent-title[data-v-533b60e5] {
  min-width: 0;
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: #f7f4ee;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.projects-recent-time[data-v-533b60e5] {
  font-size: 0.8125rem;
  font-weight: 400;
  color: rgba(238, 232, 220, 0.38);
  white-space: nowrap;
}
.projects-section-label[data-v-533b60e5] {
  margin: 0;
  padding: 12px 10px 8px 0;
  font-size: 0.8125rem;
  line-height: 1.3;
  font-weight: 400;
  color: #b0b0b0;
  text-align: left;
}
.projects-section-rail[data-v-533b60e5] {
  position: relative;
  padding-left: 12px;
  text-align: left;
}
.projects-section-rail[data-v-533b60e5]::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  background: rgba(238, 232, 220, 0.16);
  pointer-events: none;
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  animation: projects-rule-in-533b60e5 1.85s cubic-bezier(0.4, 0, 0.2, 1) 0.92s both;
}
@keyframes projects-rule-in-533b60e5 {
from {
    opacity: 0;
    transform: scaleY(0);
}
to {
    opacity: 1;
    transform: scaleY(1);
}
}
.projects-card[data-v-533b60e5] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  text-align: left;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  margin: 0;
  padding: 8px 10px 8px 8px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  isolation: isolate;
  transition: background 0.32s cubic-bezier(0.4, 0, 0.2, 1), color 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}
.projects-card[data-v-533b60e5]:hover,
.projects-card.is-selected[data-v-533b60e5] {
  background: rgba(238, 232, 220, 0.04);
}
.projects-card.is-selected[data-v-533b60e5] {
  background: rgba(238, 232, 220, 0.065);
}
.projects-card[data-v-533b60e5]:focus-visible {
  outline: 2px solid #eee8dc;
  outline-offset: 3px;
}
.projects-card-meta[data-v-533b60e5] {
  flex: 1;
  min-width: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 3px;
}
.projects-card-line[data-v-533b60e5] {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
}
.projects-card-line .projects-card-title[data-v-533b60e5] {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.projects-card-line .projects-card-date[data-v-533b60e5] {
  flex: 1 1 auto;
  min-width: 0;
}
.projects-card-line .projects-card-faces[data-v-533b60e5] {
  margin-left: auto;
}
.projects-card-title[data-v-533b60e5] {
  font-size: 13px;
  font-weight: 500;
  color: #f7f7f5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.projects-card-date[data-v-533b60e5] {
  font-size: 0.6875rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: rgba(238, 232, 220, 0.62);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.projects-card-faces[data-v-533b60e5] {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-shrink: 0;
  cursor: default;
}
.projects-card-face[data-v-533b60e5] {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  overflow: visible;
  font-size: 8px;
  font-weight: 650;
  margin-left: -8px;
  position: relative;
  z-index: 1;
}
.projects-card-face[data-v-533b60e5]:first-child {
  margin-left: 0;
}
.projects-card-face[data-v-533b60e5]:nth-child(2) {
  z-index: 2;
}
.projects-card-face[data-v-533b60e5]:nth-child(3) {
  z-index: 3;
}
.projects-card-face-more[data-v-533b60e5] {
  position: relative;
  z-index: 4;
  isolation: isolate;
  overflow: hidden;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: -8px;
  padding: 0;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-family: "Fustat", sans-serif;
  font-size: 0.5625rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1;
  color: #eee8dc;
  background: rgba(46, 34, 24, 0.62);
  backdrop-filter: blur(12px) saturate(1.25);
  -webkit-backdrop-filter: blur(12px) saturate(1.25);
}
.projects-stage[data-v-533b60e5] {
  flex: 1;
  min-width: 0;
  min-height: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  padding: 0 20px 24px;
  overflow: hidden;
}
.projects-sheet[data-v-533b60e5] {
  width: 100%;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  background: rgba(238, 232, 220, 0.1);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
  overflow: hidden;
}
.projects-sheet--loading[data-v-533b60e5] {
  align-items: center;
  justify-content: center;
}
.projects-sheet-loading[data-v-533b60e5] {
  display: grid;
  justify-items: center;
  gap: 12px;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: rgba(238, 232, 220, 0.62);
}
.projects-sheet-spinner[data-v-533b60e5] {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 2px solid rgba(238, 232, 220, 0.12);
  border-top-color: rgba(238, 232, 220, 0.55);
  animation: projects-sheet-spin-533b60e5 0.85s linear infinite;
}
@keyframes projects-sheet-spin-533b60e5 {
to { transform: rotate(360deg);
}
}
.projects-toolbar[data-v-533b60e5] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: transparent;
  flex-shrink: 0;
  border-bottom: 1px solid rgba(238, 232, 220, 0.06);
}
.projects-toolbar-title[data-v-533b60e5] {
  min-width: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: #eee8dc;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.projects-toolbar-live[data-v-533b60e5] {
  flex-shrink: 0;
  font-size: 0.6875rem;
  letter-spacing: 0.02em;
  color: rgba(238, 232, 220, 0.48);
}
.projects-filter[data-v-533b60e5] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 2px;
  margin-left: 4px;
}
.projects-filter-btn[data-v-533b60e5] {
  margin: 0;
  padding: 4px 8px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: rgba(238, 232, 220, 0.48);
  font-family: inherit;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
}
.projects-filter-btn[data-v-533b60e5]:hover {
  color: #eee8dc;
}
.projects-filter-btn.is-on[data-v-533b60e5] {
  background: rgba(238, 232, 220, 0.1);
  color: #eee8dc;
}
.projects-toolbar-people[data-v-533b60e5] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 6px;
}
.projects-toolbar-faces[data-v-533b60e5] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.projects-toolbar-add[data-v-533b60e5] {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(238, 232, 220, 0.12);
  color: #eee8dc;
  cursor: pointer;
}
.projects-toolbar-add svg[data-v-533b60e5] {
  width: 11px;
  height: 11px;
}
.projects-toolbar-add[data-v-533b60e5]:hover {
  background: rgba(238, 232, 220, 0.2);
}
.projects-tool-btn[data-v-533b60e5] {
  display: grid;
  place-items: center;
  padding: 8px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #b0b0b0;
  cursor: pointer;
}
.projects-tool-btn svg[data-v-533b60e5] {
  width: 16px;
  height: 16px;
}
.projects-tool-btn[data-v-533b60e5]:hover {
  background: rgba(238, 232, 220, 0.08);
  color: #eee8dc;
}
.projects-tool-btn--danger[data-v-533b60e5]:hover {
  background: rgba(249, 115, 115, 0.18);
  color: #f97373;
}
.projects-tool-btn--focus[data-v-533b60e5] {
  margin-left: auto;
}
.projects-tool-btn--focus[data-v-533b60e5]:hover,
.projects-tool-btn--focus[aria-pressed="true"][data-v-533b60e5] {
  background: transparent;
  color: #eee8dc;
}
.projects-dialog-overlay[data-v-533b60e5] {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(21, 18, 14, 0.62);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.projects-dialog[data-v-533b60e5] {
  width: 100%;
  max-width: 28rem;
  padding: 24px;
  border-radius: 10px;
  background: rgba(238, 232, 220, 0.1);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
  color: #eee8dc;
}
.projects-dialog--scroll[data-v-533b60e5] {
  max-height: 90vh;
  overflow-y: auto;
}
.projects-dialog-title[data-v-533b60e5] {
  margin: 0 0 16px;
  font-size: 1.05rem;
  line-height: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.01em;
}
.projects-dialog-label[data-v-533b60e5] {
  display: block;
  margin: 0 0 6px;
  font-size: 0.8125rem;
  font-weight: 500;
  color: rgba(238, 232, 220, 0.72);
}
.projects-dialog-input[data-v-533b60e5] {
  width: 100%;
  min-height: 40px;
  margin-bottom: 16px;
  padding: 8px 14px;
  border: 0;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.08);
  color: #eee8dc;
  font-family: inherit;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
}
.projects-dialog-input[data-v-533b60e5]::-moz-placeholder {
  color: rgba(238, 232, 220, 0.42);
}
.projects-dialog-input[data-v-533b60e5]::placeholder {
  color: rgba(238, 232, 220, 0.42);
}
.projects-dialog-list[data-v-533b60e5] {
  max-height: 10rem;
  overflow-y: auto;
  margin-bottom: 16px;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.045);
}
.projects-dialog-option[data-v-533b60e5],
.projects-dialog-member[data-v-533b60e5] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  font-size: 0.8125rem;
  cursor: pointer;
}
.projects-dialog-option[data-v-533b60e5]:hover,
.projects-dialog-member[data-v-533b60e5]:hover {
  background: rgba(238, 232, 220, 0.07);
}
.projects-dialog-option input[data-v-533b60e5] {
  accent-color: #eee8dc;
}
.projects-dialog-face[data-v-533b60e5] {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  font-size: 8px;
  border-radius: 999px;
  overflow: hidden;
}
.projects-dialog-empty[data-v-533b60e5] {
  padding: 12px 10px;
  font-size: 0.75rem;
  color: rgba(238, 232, 220, 0.48);
}
.projects-dialog-members[data-v-533b60e5] {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.projects-dialog-member[data-v-533b60e5] {
  cursor: default;
}
.projects-dialog-member-name[data-v-533b60e5] {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.projects-dialog-member-role[data-v-533b60e5] {
  margin-left: 4px;
  font-size: 0.6875rem;
  color: rgba(238, 232, 220, 0.48);
}
.projects-dialog-remove[data-v-533b60e5] {
  flex-shrink: 0;
  border: 0;
  background: transparent;
  color: #f97373;
  font-size: 0.75rem;
  cursor: pointer;
}
.projects-dialog-actions[data-v-533b60e5] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.projects-dialog-quiet[data-v-533b60e5] {
  padding: 8px 12px;
  border: 0;
  background: transparent;
  color: rgba(238, 232, 220, 0.62);
  font-size: 0.8125rem;
  cursor: pointer;
}
.projects-dialog-submit[data-v-533b60e5] {
  padding: 8px 14px;
  border: 0;
  border-radius: 6px;
  background: rgba(238, 232, 220, 0.14);
  color: #eee8dc;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
}
.projects-dialog-submit[data-v-533b60e5]:hover {
  background: rgba(238, 232, 220, 0.2);
}
.projects-dialog-submit[data-v-533b60e5]:disabled {
  opacity: 0.4;
  cursor: default;
}
.projects-dialog-confirm[data-v-533b60e5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 8px 0 20px;
  text-align: center;
}
.projects-dialog-confirm-faces[data-v-533b60e5] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.projects-dialog-confirm-faces .projects-dialog-face[data-v-533b60e5] {
  width: 28px;
  height: 28px;
  margin-left: -8px;
  font-size: 9px;
}
.projects-dialog-confirm-faces .projects-dialog-face[data-v-533b60e5]:first-child {
  margin-left: 0;
}
.projects-dialog-confirm-copy[data-v-533b60e5] {
  margin: 0;
  max-width: 22rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #eee8dc;
}
.projects-dialog-confirm-copy em[data-v-533b60e5] {
  font-style: italic;
  font-weight: 500;
}


.storage-root[data-v-8fac9340] {
  width: 100%;
}
.storage-scroll[data-v-8fac9340] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  margin-top: 20px;
}
.storage-content[data-v-8fac9340] {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 24px 32px;
}
.storage-loading[data-v-8fac9340] {
  display: flex;
  justify-content: center;
  padding: 4rem 0;
}
.storage-spinner[data-v-8fac9340] {
  width: 28px;
  height: 28px;
  border: 2px solid rgba(255, 255, 255, 0.15);
  border-top-color: #EEE8DC;
  border-radius: 50%;
  animation: storage-spin-8fac9340 0.8s linear infinite;
}
@keyframes storage-spin-8fac9340 {
to { transform: rotate(360deg);
}
}
.storage-summary[data-v-8fac9340] {
  padding: 18px;
  border-radius: 12px;
  border-width: 1px;
  border-style: solid;
}
.storage-summary-top[data-v-8fac9340] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
}
.storage-summary-label[data-v-8fac9340] {
  font-size: 0.8125rem;
  margin-bottom: 4px;
}
.storage-summary-usage[data-v-8fac9340] {
  font-size: 1.25rem;
  font-weight: 300;
}
.storage-summary-free[data-v-8fac9340] {
  font-size: 0.8125rem;
  text-align: right;
  flex-shrink: 0;
}
.storage-summary-track[data-v-8fac9340] {
  display: flex;
  height: 8px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
}
.storage-summary-segment[data-v-8fac9340] {
  height: 100%;
  min-width: 2px;
}
.storage-plan[data-v-8fac9340] {
  margin-top: 8px;
}
.storage-plan-chips[data-v-8fac9340] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
}
.storage-plan-chip[data-v-8fac9340] {
  border-width: 1px;
  border-style: solid;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 0.875rem;
  background: transparent;
}
.storage-plan-chip.is-on[data-v-8fac9340] {
  background: rgba(255, 255, 255, 0.12);
}
.storage-plan-chip.is-blocked[data-v-8fac9340] {
  opacity: 0.45;
}
.storage-plan-price[data-v-8fac9340] {
  font-size: 0.875rem;
  margin-bottom: 8px;
}
.storage-plan-error[data-v-8fac9340] {
  color: #fca5a5;
  font-size: 0.8125rem;
  margin-bottom: 8px;
}
.storage-plan-ok[data-v-8fac9340] {
  color: #6ee7b7;
  font-size: 0.8125rem;
  margin-bottom: 8px;
}
.storage-plan-save[data-v-8fac9340] {
  border: 0;
  border-radius: 12px;
  padding: 8px 14px;
  font-size: 0.875rem;
  font-weight: 600;
  background: #EEE8DC;
  color: #25272D;
}
.storage-plan-save[data-v-8fac9340]:disabled {
  opacity: 0.45;
}
.storage-section-title[data-v-8fac9340] {
  margin-top: 28px;
  font-size: 1.125rem;
  font-weight: 600;
}
.storage-section-subtitle[data-v-8fac9340] {
  margin-top: 4px;
  margin-bottom: 16px;
  font-size: 0.875rem;
}
.storage-empty[data-v-8fac9340] {
  padding: 24px 0;
  font-size: 0.875rem;
}
.storage-categories[data-v-8fac9340] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.storage-category[data-v-8fac9340] {
  display: block;
  padding: 14px 16px;
  border-radius: 12px;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  transition: background-color 0.2s, border-color 0.2s;
}
.storage-category[data-v-8fac9340]:hover {
  background-color: rgba(255, 255, 255, 0.04) !important;
}
.storage-category-header[data-v-8fac9340] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.storage-category-label-wrap[data-v-8fac9340] {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.storage-category-dot[data-v-8fac9340] {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  flex-shrink: 0;
}
.storage-category-label[data-v-8fac9340] {
  font-size: 0.9375rem;
  font-weight: 500;
}
.storage-category-size[data-v-8fac9340] {
  font-size: 0.9375rem;
  font-weight: 500;
  flex-shrink: 0;
}
.storage-category-meta[data-v-8fac9340] {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 4px;
  font-size: 0.75rem;
}
.storage-category-track[data-v-8fac9340] {
  height: 4px;
  border-radius: 999px;
  overflow: hidden;
  margin-top: 10px;
  background: rgba(255, 255, 255, 0.08);
}
.storage-category-fill[data-v-8fac9340] {
  height: 100%;
  border-radius: 999px;
  transition: width 0.3s ease;
}
@media (max-width: 640px) {
.storage-summary-top[data-v-8fac9340] {
    flex-direction: column;
    align-items: stretch;
}
.storage-summary-free[data-v-8fac9340] {
    text-align: left;
}
}