@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-serif: "Instrument Serif", Georgia, serif;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-page: #FAF8F5;--bg-card: #FFFFFF;--bg-cream: #F4EFE6;--bg-cream-hover: #ECE4D6;--border-light: #E7DFD4;--border-subtle: #F0EAE1;--text-primary: #1C1917;--text-secondary: #57534E;--text-muted: #8C827A;--accent-black: #1C1917;--accent-emerald: #15803D;--accent-emerald-bg: #ECFDF5;--accent-emerald-border: #A7F3D0;--accent-amber: #B45309;--accent-amber-bg: #FFFBEB;--accent-rose: #BE123C;--accent-rose-bg: #FFF1F2;--accent-blue: #1D4ED8;--accent-blue-bg: #EFF6FF;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--shadow-subtle: 0 1px 3px rgba(28, 25, 23, .04), 0 1px 2px rgba(28, 25, 23, .02);--shadow-card: 0 4px 16px rgba(28, 25, 23, .05);--shadow-elevated: 0 12px 32px rgba(28, 25, 23, .08);--transition: all .2s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:#d6cec3;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#bcb3a6}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}@media (max-width: 640px){.container{padding:0 16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:600;font-size:.88rem;padding:10px 18px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:var(--transition);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--accent-black);color:#fff;border-color:var(--accent-black);box-shadow:0 2px 8px #1c19171f}.btn-primary:hover{background:#2e2a27;transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-subtle)}.btn-secondary:hover{background:var(--bg-cream);border-color:#d6cec3}.btn-danger{background:transparent;color:#dc2626;border:1px solid #FECACA}.btn-danger:hover{background:#fef2f2}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0}.badge-emerald{background:var(--accent-emerald-bg);color:var(--accent-emerald);border:1px solid var(--accent-emerald-border)}.badge-amber{background:var(--accent-amber-bg);color:var(--accent-amber);border:1px solid #FDE68A}.badge-rose{background:var(--accent-rose-bg);color:var(--accent-rose);border:1px solid #FECDD3}.badge-blue{background:var(--accent-blue-bg);color:var(--accent-blue);border:1px solid #BFDBFE}.badge-cream{background:var(--bg-cream);color:var(--text-secondary);border:1px solid var(--border-light)}.cream-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);transition:var(--transition)}.cream-card:hover{border-color:#d1c7ba;box-shadow:var(--shadow-card)}.dropzone-container{border:2px dashed #D6CEC3;border-radius:var(--radius-xl);padding:44px 20px;text-align:center;background:var(--bg-card);cursor:pointer;transition:var(--transition)}.dropzone-container:hover,.dropzone-container.is-dragging{border-color:var(--text-primary);background:var(--bg-cream);transform:scale(1.002)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c19178c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.modal-content{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);max-width:600px;width:100%;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-elevated)}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:var(--bg-card)}.modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:12px;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-footer{padding:14px 20px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;align-items:center;flex-shrink:0;background:var(--bg-card)}@media (max-width: 640px){.modal-overlay{padding:10px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom));align-items:flex-end}.modal-content{max-height:calc(90dvh - env(safe-area-inset-bottom,0px));border-radius:20px 20px 14px 14px;width:100%}.modal-header{padding:14px 16px}.modal-body{padding:14px 16px;gap:10px}.modal-footer{padding:12px 16px}.modal-footer .btn{width:100%;justify-content:center;padding:11px 20px;font-size:.9rem}}.feature-slider-card{flex:0 0 calc(33.333% - 11px);min-width:260px;scroll-snap-align:start;border:1px solid #E5DED4;border-radius:var(--radius-md);background:#fbf9f5;padding:24px 20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-subtle);transition:var(--transition)}@media (max-width: 900px){.feature-slider-card{flex:0 0 calc(50% - 8px);min-width:240px;padding:20px 16px}}@media (max-width: 600px){.feature-slider-card{flex:0 0 100%;min-width:100%;padding:20px 16px}}.mono-box{font-family:var(--font-mono);font-size:.8rem;background:var(--bg-cream);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text-primary);word-break:break-all;white-space:pre-wrap;max-height:180px;overflow-y:auto}.mode-tabs{display:flex;align-items:center;justify-content:center;gap:4px;margin:0 auto 28px;background:var(--bg-cream);padding:4px;border-radius:var(--radius-full);width:fit-content;max-width:100%;border:1px solid var(--border-light);white-space:nowrap}.mode-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius-full);border:none;cursor:pointer;font-weight:600;font-size:.84rem;white-space:nowrap;flex-shrink:0;transition:var(--transition)}@media (max-width: 480px){.mode-tabs{gap:3px;padding:3px;width:100%;max-width:350px}.mode-tab-btn{flex:1 1 0;justify-content:center;padding:7px 10px;font-size:.78rem;gap:4px}}