@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-cream: #F8F5F0;--color-paper: #FDF9F3;--color-ink: #2C2416;--color-ink-light: #5C5445;--color-ink-muted: #8A8478;--color-accent: #C4956A;--color-accent-warm: #D4A574;--color-sky: #A8C4D4;--color-sky-light: #D4E5ED;--color-navy: #1A2A3A;--color-navy-deep: #0F1A24;--color-gold: #D4A04A;--color-red-flag: #C45C4A;--color-green-accept: #5A9A6A;--font-display: "Instrument Serif", Georgia, serif;--font-body: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 8rem;--ease-cinematic: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--scene-width: 100vw;--scene-height: 100vh}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-cream)}body{font-family:var(--font-body);background:var(--color-cream);color:var(--color-ink);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:1.2}h1{font-size:clamp(2.5rem,6vw,5rem)}h2{font-size:clamp(1.8rem,4vw,3rem)}h3{font-size:clamp(1.4rem,3vw,2rem)}h4{font-size:clamp(1.1rem,2vw,1.5rem)}p{font-size:1rem;color:var(--color-ink-light)}.scene{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden}.scene-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.line-art{fill:none;stroke:var(--color-ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.line-art-light{stroke:var(--color-ink-muted);stroke-width:1}.line-art-accent{stroke:var(--color-accent);stroke-width:2}.character{fill:var(--color-ink);opacity:.9}.character-outline{fill:none;stroke:var(--color-ink);stroke-width:2}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-family:var(--font-body);font-size:1rem;font-weight:500;border:none;border-radius:100px;cursor:pointer;transition:all .4s var(--ease-cinematic);position:relative;overflow:hidden}.btn-primary{background:var(--color-ink);color:var(--color-cream)}.btn-primary:hover{background:var(--color-navy);transform:translateY(-2px);box-shadow:0 8px 30px #2c241633}.btn-secondary{background:transparent;color:var(--color-ink);border:1.5px solid var(--color-ink)}.btn-secondary:hover{background:var(--color-ink);color:var(--color-cream)}.btn-ghost{background:transparent;color:var(--color-ink-light);padding:var(--space-sm) var(--space-md)}.btn-ghost:hover{color:var(--color-ink)}.essay-textarea{width:100%;min-height:200px;padding:var(--space-lg);font-family:var(--font-body);font-size:1rem;line-height:1.8;color:var(--color-ink);background:var(--color-paper);border:1px solid rgba(44,36,22,.1);border-radius:12px;resize:vertical;transition:all .3s var(--ease-smooth)}.essay-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px #c4956a1a}.essay-textarea::placeholder{color:var(--color-ink-muted)}.feedback-card{background:var(--color-paper);border-radius:16px;padding:var(--space-lg);border:1px solid rgba(44,36,22,.08);box-shadow:0 4px 20px #2c24160d}.tag{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);font-size:.875rem;font-weight:500;border-radius:100px;background:#2c24160f;color:var(--color-ink-light)}.tag-red{background:#c45c4a1a;color:var(--color-red-flag)}.tag-green{background:#5a9a6a1a;color:var(--color-green-accept)}.tag-gold{background:#d4a04a1a;color:var(--color-gold)}@keyframes pulse-soft{0%,to{opacity:.4}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes draw{to{stroke-dashoffset:0}}.typewriter{font-family:var(--font-mono);overflow:hidden;white-space:nowrap;border-right:2px solid var(--color-ink);animation:blink .75s step-end infinite}@keyframes blink{0%,to{border-color:transparent}50%{border-color:var(--color-ink)}}.handwriting{font-family:var(--font-display);font-style:italic;color:var(--color-ink-light)}.scene-enter{opacity:0;transform:translateY(20px)}.scene-enter-active{opacity:1;transform:translateY(0);transition:all .8s var(--ease-cinematic)}.scene-exit{opacity:1}.scene-exit-active{opacity:0;transition:opacity .5s var(--ease-smooth)}@media(max-width:768px){:root{font-size:14px}.btn{padding:var(--space-sm) var(--space-md);min-height:44px}.scene{overflow-y:auto;-webkit-overflow-scrolling:touch}}@media(max-width:480px){:root{font-size:13px}h1{font-size:clamp(2rem,8vw,3rem)}h2{font-size:clamp(1.5rem,6vw,2rem)}h3{font-size:clamp(1.2rem,5vw,1.5rem)}.btn{width:100%;justify-content:center}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-cream)}::-webkit-scrollbar-thumb{background:var(--color-ink-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-light)}.editor-footer{height:clamp(56px,10vh,64px);border-top:1px solid #E5E5E5;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(15px,4vw,30px);background:#fbfbfc;flex-shrink:0;transition:all .3s ease}.submit-btn{min-width:120px;display:inline-flex;align-items:center;justify-content:center;gap:8px}@media(max-width:600px){.editor-footer{height:auto;padding:16px;flex-direction:column-reverse;gap:12px;background:#fbfbfcf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.submit-btn{width:100%!important;min-height:52px!important;font-size:1.1rem!important;margin:0!important;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-warm) 100%)!important;box-shadow:0 4px 15px #c4956a4d!important}.submit-btn:disabled{background:#e5e5e5!important;box-shadow:none!important}}