:root{--safe-area-top:env(safe-area-inset-top);--safe-area-right:env(safe-area-inset-right);--safe-area-bottom:env(safe-area-inset-bottom);--safe-area-left:env(safe-area-inset-left);--page-gutter:20px;--font-display:Georgia,"Times New Roman",serif}html{scrollbar-gutter:stable;-moz-text-size-adjust:100%;text-size-adjust:100%;touch-action:pan-x pan-y;min-width:0;max-width:100%;min-height:100%}[data-theme=light]{--bg-primary:#f1ede3;--bg-secondary:#e7dfd1;--bg-card:#fffaf0;--bg-hover:#ded5c6;--text-primary:#20201c;--text-secondary:#6d685e;--accent-color:#e64e2f;--accent-color-rgb:230,78,47;--marker-color:#d9ee55;--border-color:#c9c0b1;--strong-border:#25251f;--danger-color:#c93629;--shadow-sm:3px 3px 0 #20201c1f;--shadow-md:6px 6px 0 #20201c24}[data-theme=dark]{--bg-primary:#151612;--bg-secondary:#24251f;--bg-card:#1d1e19;--bg-hover:#303128;--text-primary:#f3ecdd;--text-secondary:#aaa296;--accent-color:#ff6847;--accent-color-rgb:255,104,71;--marker-color:#cde64d;--border-color:#4d4c43;--strong-border:#f3ecdd;--danger-color:#ff5c4f;--shadow-sm:3px 3px 0 #0006;--shadow-md:6px 6px 0 #00000085}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--bg-primary);background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--text-primary)7%,transparent)1px,transparent 0);min-width:0;max-width:100%;min-height:100%;color:var(--text-primary);touch-action:pan-x pan-y;background-size:22px 22px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;transition:background-color .3s,color .3s;overflow-x:clip}button,input,textarea,select{font:inherit;max-width:100%}img,video,canvas{max-width:100%;height:auto}::selection{background:var(--marker-color);color:#20201c}:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-secondary);opacity:.5;border-radius:4px}@media (max-width:768px){:root{--page-gutter:18px}html{scrollbar-gutter:auto}body{min-height:100dvh}input,textarea,select{font-size:16px!important}button,a,input,textarea,select,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}}@media (max-width:360px){:root{--page-gutter:16px}}