* {
      -webkit-tap-highlight-color: transparent;
    }

    html {
      scroll-behavior: smooth
    }

    body {
      font-family: 'Inter', system-ui, -apple-system, sans-serif
    }

    .font-poppins {
      font-family: 'Poppins', Inter, sans-serif
    }

    .glass {
      background: rgba(255, 255, 255, .7);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border: 1px solid rgba(255, 255, 255, .25)
    }

    .dark .glass {
      background: rgba(15, 23, 42, .6);
      border: 1px solid rgba(255, 255, 255, .08)
    }

    .shadow-soft {
      box-shadow: 0 10px 30px -10px rgba(79, 70, 229, .25), 0 4px 12px -4px rgba(0, 0, 0, .05)
    }

    .dark .shadow-soft {
      box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .5), 0 4px 12px -4px rgba(0, 0, 0, .3)
    }

    .trans {
      transition: all .2s cubic-bezier(.2, .8, .2, 1)
    }

    ::-webkit-scrollbar {
      width: 6px;
      height: 6px
    }

    ::-webkit-scrollbar-thumb {
      background: #c7d2fe;
      border-radius: 3px
    }

    .dark ::-webkit-scrollbar-thumb {
      background: #374151
    }

    .no-scrollbar::-webkit-scrollbar {
      display: none
    }

    .zen #sidebar,
    .zen #topbar,
    .zen #bottomnav,
    .zen #fab {
      display: none !important
    }

    .animate-in {
      animation: in .25s ease
    }

    @keyframes in {
      from {
        opacity: 0;
        transform: translateY(8px)
      }
    }

    /* Quill Editor Customizations */
    .ql-toolbar.ql-snow {
      border: none !important;
      border-bottom: 1px solid rgba(0,0,0,0.1) !important;
      background: rgba(0,0,0,0.02);
      border-radius: 12px 12px 0 0;
      padding: 8px 12px !important;
      font-family: inherit;
    }
    .ql-container.ql-snow {
      border: none !important;
      font-family: 'Inter', system-ui, sans-serif !important;
      font-size: 14px !important;
    }
    .ql-editor {
      min-height: 120px;
    }
    .ql-editor p {
      margin-bottom: 0.5em;
    }

    /* Dark Mode Quill */
    .dark .ql-toolbar.ql-snow {
      border-bottom: 1px solid rgba(255,255,255,0.1) !important;
      background: rgba(255,255,255,0.02);
    }
    .dark .ql-snow .ql-stroke {
      stroke: #cbd5e1;
    }
    .dark .ql-snow .ql-fill, .dark .ql-snow .ql-stroke.ql-fill {
      fill: #cbd5e1;
    }
    .dark .ql-snow .ql-picker {
      color: #cbd5e1;
    }
    .dark .ql-snow .ql-picker-options {
      background-color: #1e293b;
      border-color: rgba(255,255,255,0.1);
    }
    .dark .ql-editor.ql-blank::before {
      color: rgba(255,255,255,0.4);
    }