@font-face{font-family:Geist Mono;src:url(/assets/GeistMono-Variable-BNLlm6Cd.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--font-display: "Rock Salt", cursive;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--coral: #f25c54;--coral-light: #fff0ee;--tangerine: #f27127;--tangerine-light: #fff3eb;--sky: #3da5e0;--sky-light: #eef7fd;--emerald: #2ec4a0;--emerald-light: #ecfbf6;--ink: #2a2a3d;--lavender: #8b7cf7;--lavender-light: #f3f1fe;--gold: #f5b731;--gold-light: #fef8e8;--bg-page: #fdfcfa;--bg-warm: #faf7f2;--bg-panel: #ffffff;--bg-card: #ffffff;--bg-card-hover: #fefefe;--bg-input: #faf9f7;--bg-input-focus: #ffffff;--border: #e8e3dc;--border-light: #f0ece6;--border-focus: var(--lavender);--accent: var(--coral);--accent-hover: #e04a42;--accent-soft: rgba(242, 92, 84, .08);--accent-ring: rgba(242, 92, 84, .2);--text-primary: #1a1a2e;--text-secondary: #5a5a72;--text-muted: #9a9aad;--text-on-accent: #ffffff;--danger: #e5484d;--danger-soft: rgba(229, 72, 77, .08);--radius: 16px;--radius-sm: 10px;--radius-xs: 6px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .1);--shadow-color: 0 6px 20px rgba(242, 92, 84, .12);--ease: cubic-bezier(.16, 1, .3, 1);--t-fast: .15s var(--ease);--t-normal: .25s var(--ease)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{height:100%;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--text-primary);background:var(--bg-page)}#root{height:100%}.mono{font-family:var(--font-mono)}::selection{background:var(--coral);color:var(--text-on-accent)}a{color:inherit;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 20px;border:none;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--t-fast);-webkit-user-select:none;user-select:none;line-height:1.4}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-accent{background:var(--coral);color:var(--text-on-accent);box-shadow:0 2px 8px #f25c5440}.btn-accent:not(:disabled):hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px #f25c544d}.btn-accent:not(:disabled):active{transform:translateY(0)}.btn-primary{background:var(--ink);color:var(--text-on-accent)}.btn-primary:not(:disabled):hover{background:#3a3a50;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:not(:disabled):active{transform:translateY(0)}.btn-outline{background:transparent;color:var(--text-primary);border:1.5px solid var(--border)}.btn-outline:not(:disabled):hover{border-color:var(--text-muted);background:var(--bg-warm);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:not(:disabled):hover{background:var(--bg-warm);color:var(--text-primary);border-color:var(--text-muted)}.btn-large{padding:13px 32px;font-size:15px;border-radius:var(--radius-sm)}.btn-small{padding:5px 12px;font-size:13px}.btn-nav{padding:9px 22px;font-size:13px;border-radius:99px}.btn-icon{font-size:15px;line-height:1}.kbd{font-family:var(--font-mono);font-size:10px;opacity:.5;margin-left:2px}.wordmark{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:22px;color:var(--text-primary);letter-spacing:.02em}.landing{min-height:100vh;position:relative;overflow:hidden;background:var(--bg-page)}.confetti-field{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.confetti-field:before{content:"";position:absolute;inset:-50%;width:200%;height:200%;background-image:radial-gradient(2px 2px at 12% 8%,var(--coral) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 28% 15%,var(--sky) 50%,transparent 50%),radial-gradient(2px 2px at 75% 6%,var(--tangerine) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 52% 20%,var(--emerald) 50%,transparent 50%),radial-gradient(1.8px 1.8px at 88% 22%,var(--lavender) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 6% 30%,var(--sky) 50%,transparent 50%),radial-gradient(2px 2px at 40% 10%,var(--gold) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 65% 28%,var(--coral) 50%,transparent 50%),radial-gradient(1.8px 1.8px at 20% 42%,var(--emerald) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 82% 35%,var(--tangerine) 50%,transparent 50%),radial-gradient(2px 2px at 10% 58%,var(--lavender) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 45% 52%,var(--sky) 50%,transparent 50%),radial-gradient(1.8px 1.8px at 70% 45%,var(--gold) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 33% 68%,var(--coral) 50%,transparent 50%),radial-gradient(2px 2px at 58% 62%,var(--emerald) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 15% 78%,var(--tangerine) 50%,transparent 50%),radial-gradient(1.8px 1.8px at 90% 70%,var(--lavender) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 42% 82%,var(--sky) 50%,transparent 50%);opacity:.4;animation:confettiDrift 50s linear infinite}@keyframes confettiDrift{0%{transform:translate(0)}to{transform:translate(-3%,4%)}}.landing-nav{position:relative;z-index:2;padding:24px 0}.landing-nav-inner{max-width:1100px;margin:0 auto;padding:0 36px;display:flex;align-items:center;justify-content:space-between}.hero{position:relative;z-index:1;padding:60px 0 40px}.hero-inner{max-width:760px;margin:0 auto;padding:0 36px;text-align:center}.hero-headline{font-family:var(--font-sans);font-size:clamp(46px,7.5vw,76px);font-weight:700;letter-spacing:-.04em;line-height:1.08;color:var(--text-primary);margin-bottom:24px}.hero-sub{font-size:18px;line-height:1.7;color:var(--text-secondary);max-width:480px;margin:0 auto 40px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.fan-section{position:relative;z-index:1;padding:60px 0 80px}.fan-container{display:flex;justify-content:center;align-items:flex-end;position:relative;height:340px;max-width:700px;margin:0 auto;perspective:800px}.fan-card{position:absolute;width:180px;height:240px;border-radius:18px;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;cursor:default;transition:transform .4s var(--ease),box-shadow .4s var(--ease);overflow:hidden;box-shadow:0 8px 30px #0000001f}.fan-card:hover{transform:translateY(-12px)!important;box-shadow:0 16px 40px #0000002e}.fan-card-content{position:relative;z-index:2;display:flex;flex-direction:column}.fan-card-title{font-family:Rock Salt,cursive;font-size:16px;font-weight:700;line-height:1.35;color:#fff;margin-bottom:6px;text-shadow:0 1px 4px rgba(0,0,0,.2)}.fan-card-sub{font-family:var(--font-mono);font-size:12px;line-height:1.4;color:#ffffffe6;font-weight:500}.fan-card-pattern{position:absolute;inset:0;z-index:1;opacity:.3}.fan-card-1{background:linear-gradient(145deg,var(--coral),#e04540);transform:rotate(-16deg) translate(-240px);z-index:1}.fan-pattern-1{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.4) 0px,rgba(255,255,255,.4) 2px,transparent 2px,transparent 8px)}.fan-card-2{background:linear-gradient(145deg,#f5ebe0,#e8d5c0);transform:rotate(-8deg) translate(-120px);z-index:2}.fan-card-2 .fan-card-title{color:var(--text-primary);text-shadow:none}.fan-card-2 .fan-card-sub{color:var(--text-secondary)}.fan-pattern-2{background-image:radial-gradient(circle 2px at center,rgba(0,0,0,.15) 50%,transparent 50%);background-size:10px 10px}.fan-card-3{background:linear-gradient(145deg,var(--sky),#2a8cc7);transform:rotate(0) translate(0);z-index:3}.fan-pattern-3{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.3) 0px,rgba(255,255,255,.3) 2px,transparent 2px,transparent 7px)}.fan-card-4{background:linear-gradient(145deg,#2a2a3d,#1a1a2e);transform:rotate(8deg) translate(120px);z-index:4}.fan-pattern-4{background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:20px 20px}.fan-card-5{background:linear-gradient(145deg,var(--emerald),#22a688);transform:rotate(16deg) translate(240px);z-index:5}.fan-pattern-5{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.2) 0px,rgba(255,255,255,.2) 2px,transparent 2px,transparent 8px)}@media(max-width:800px){.fan-container{height:260px;max-width:500px}.fan-card{width:150px;height:200px;padding:14px;border-radius:14px}.fan-card-title{font-size:13px}.fan-card-sub{font-size:10px}.fan-card-1{transform:rotate(-16deg) translate(-140px)}.fan-card-2{transform:rotate(-8deg) translate(-70px)}.fan-card-3{transform:rotate(0) translate(0)}.fan-card-4{transform:rotate(8deg) translate(70px)}.fan-card-5{transform:rotate(16deg) translate(140px)}}.values-section{position:relative;z-index:1;padding:60px 0 40px}.values-inner{max-width:800px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.value-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:99px;font-size:13px;color:var(--text-secondary);box-shadow:var(--shadow-sm);transition:all var(--t-fast)}.value-pill:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.simple-footer{position:relative;z-index:1;background:#f8f9fa;border-top:1px solid #e1e4e8;padding:18px 32px;text-align:center;width:100%;margin-top:40px}.simple-footer .footer-text{font-family:var(--font-sans);font-size:13px;color:#8c959f;letter-spacing:.01em}.editor{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-warm)}.editor-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 32px;flex-shrink:0;min-height:56px}.editor-header-left{justify-self:start}.editor-header-center{justify-self:center}.editor-stats{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:.02em}.editor-header-right{justify-self:end;display:flex;gap:12px}.triptych{display:grid;grid-template-columns:minmax(300px,640px) minmax(320px,1.2fr) minmax(300px,640px);justify-content:center;flex:1;min-height:0;gap:32px;padding:0 32px 32px}.paper{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 4px 24px #0000000a,0 1px 2px #00000005;overflow:hidden;position:relative}.paper-content{flex:1;display:flex;flex-direction:column;padding:48px 40px 16px;overflow:hidden}.paper-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 40px 32px;background:transparent;flex-shrink:0}.source-textarea,.output-textarea{flex:1;width:100%;resize:none;border:none;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:16px;line-height:1.8;outline:none;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding-bottom:24px}.source-textarea::-webkit-scrollbar,.output-textarea::-webkit-scrollbar{width:5px}.source-textarea::-webkit-scrollbar-thumb,.output-textarea::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.source-textarea::placeholder,.output-textarea::placeholder{color:var(--text-muted)}.output-textarea{cursor:default}.workspace-column{display:flex;flex-direction:column;overflow-y:auto;padding:0;scrollbar-width:none}.workspace-column::-webkit-scrollbar{display:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 24px;height:100%}.empty-icon{font-size:32px;margin-bottom:12px;opacity:.5}.empty-title{font-size:15px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.empty-desc{font-size:14px;color:var(--text-muted);max-width:220px;line-height:1.5}.cards-body{display:flex;flex-direction:column;gap:8px}.card-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px #0000000a;transition:all var(--t-normal);animation:cardIn .25s var(--ease) both;position:relative;overflow:hidden}.card-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--coral);opacity:.5;transition:opacity var(--t-fast)}.card-item:nth-child(4n+2):before{background:var(--sky)}.card-item:nth-child(4n+3):before{background:var(--emerald)}.card-item:nth-child(4n+4):before{background:var(--lavender)}.card-item:hover:before{opacity:1}@keyframes cardIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.card-item:hover{box-shadow:0 8px 24px #0000000f;border-color:var(--border);transform:translateY(-2px)}.card-dragging{box-shadow:0 16px 40px #0000001f!important;border-color:var(--border-focus)!important;transform:scale(1.02)!important;z-index:10}.card-editing{border-color:var(--border-focus);box-shadow:0 0 0 3px #8b7cf726}.card-header{display:flex;align-items:center;gap:6px;padding:8px 12px 2px 16px}.drag-handle{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;color:var(--text-muted);cursor:grab;border-radius:var(--radius-xs);transition:all var(--t-fast);flex-shrink:0;touch-action:none}.drag-handle:hover{color:var(--text-secondary);background:var(--bg-warm)}.drag-handle:active{cursor:grabbing}.card-index{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--text-muted);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-actions{display:flex;gap:1px;margin-left:auto;opacity:0;transition:opacity var(--t-fast)}.card-item:hover .card-actions{opacity:1}.card-action-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);font-size:14px;transition:all var(--t-fast)}.card-action-btn:hover{background:var(--bg-warm);color:var(--text-primary)}.card-action-delete:hover{color:var(--danger);background:var(--danger-soft)}.card-body{padding:4px 16px 16px 20px}.card-text{font-size:15px;line-height:1.8;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;cursor:text}.card-edit-textarea{width:100%;resize:none;border:none;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:15px;line-height:1.8;outline:none;overflow:hidden;padding:0}:focus-visible{outline:2px solid var(--lavender);outline-offset:2px}@media(max-width:900px){.triptych{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.panel-body{max-height:40vh}}@media(max-width:700px){.hero{padding:40px 0 20px}.values-inner{flex-direction:column;gap:8px}}