:root{--background: #F5EDE4;--foreground: #231632;--card: #FDFAF6;--card-foreground: #231632;--popover: #FDFAF6;--popover-foreground: #231632;--primary: #231632;--primary-foreground: #F5EDE4;--secondary: #EEE4D8;--secondary-foreground: #231632;--muted: #EEE4D8;--muted-foreground: #6B5B7A;--accent: #C8836A;--accent-foreground: #FDFAF6;--destructive: #B33A3A;--destructive-foreground: #FDFAF6;--border: #DDD0C0;--input: #DDD0C0;--ring: #C8836A;--font-display: "Fraunces", Georgia, serif;--font-body: "Bricolage Grotesque", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius: 14px;--ink-spread: rgba(35, 22, 50, .06)}.dark{--background: #231632;--foreground: #F5EDE4;--card: #2F2540;--card-foreground: #F5EDE4;--popover: #1B1126;--popover-foreground: #F5EDE4;--primary: #C8836A;--primary-foreground: #231632;--secondary: #2F2540;--secondary-foreground: #F5EDE4;--muted: #2F2540;--muted-foreground: #9B8AAB;--accent: #C8836A;--accent-foreground: #231632;--destructive: #B33A3A;--destructive-foreground: #FDFAF6;--border: #3D3151;--input: #3D3151;--ring: #C8836A;--ink-spread: rgba(200, 131, 106, .08)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden}body{background:var(--background);color:var(--foreground);font-family:var(--font-body);font-size:16px;line-height:1.55;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .6s ease,color .6s ease}#root{min-height:100vh}.paper-texture{position:relative}.paper-texture:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' /%3E%3C/svg%3E")}.ruled-paper{background-image:repeating-linear-gradient(to bottom,transparent,transparent 31px,rgba(35,22,50,.06) 31px,rgba(35,22,50,.06) 32px)}.dark .ruled-paper{background-image:repeating-linear-gradient(to bottom,transparent,transparent 31px,rgba(245,237,228,.04) 31px,rgba(245,237,228,.04) 32px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes flipCard{0%{opacity:0;transform:rotateY(90deg) scale(.9)}to{opacity:1;transform:rotateY(0) scale(1)}}@keyframes inkSpread{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(3)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes drawLine{0%{stroke-dashoffset:200}to{stroke-dashoffset:0}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .6s ease forwards}.animate-fade-in-up{animation:fadeInUp .7s cubic-bezier(.22,1,.36,1) forwards}.animate-fade-in-down{animation:fadeInDown .7s cubic-bezier(.22,1,.36,1) forwards}.animate-scale-in{animation:scaleIn .5s cubic-bezier(.22,1,.36,1) forwards}.animate-flip-card{animation:flipCard .8s cubic-bezier(.22,1,.36,1) forwards}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.animate-slide-in-right{animation:slideInRight .5s ease forwards}.delay-1{animation-delay:.1s;opacity:0}.delay-2{animation-delay:.25s;opacity:0}.delay-3{animation-delay:.4s;opacity:0}.delay-4{animation-delay:.55s;opacity:0}.delay-5{animation-delay:.7s;opacity:0}.delay-6{animation-delay:.85s;opacity:0}.delay-7{animation-delay:1s;opacity:0}.delay-8{animation-delay:1.15s;opacity:0}.ink-ripple{position:relative;overflow:hidden}.ink-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--ink-spread);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.ink-ripple:active:after{width:300px;height:300px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--radius);font-family:var(--font-body);font-size:15px;font-weight:500;letter-spacing:.02em;cursor:pointer;border:none;transition:all .3s cubic-bezier(.22,1,.36,1);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--accent);color:var(--accent-foreground);box-shadow:0 4px 20px #c8836a40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px #c8836a59}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--foreground);border:1px solid var(--border)}.btn-ghost:hover{background:var(--muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 40px #0000001f}.input-field{width:100%;padding:16px 20px;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--card);color:var(--foreground);font-family:var(--font-body);font-size:16px;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c8836a1f}.input-field::placeholder{color:var(--muted-foreground)}.progress-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:all .4s cubic-bezier(.22,1,.36,1)}.progress-dot.active{background:var(--accent);width:24px;border-radius:4px}.progress-dot.done{background:var(--accent);opacity:.4}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}