@import "https://fonts.googleapis.com/css2?family=SF+Pro+Display:wght@300;400;500;600&display=swap";
html,body,#__next{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial}
:root{--primary-color:#0071e3;--primary-hover:#0077ed;--text-color:#1d1d1f;--secondary-text:#86868b;--background:#fff;--secondary-bg:#f5f5f7;--border-color:#d2d2d7;--shadow-color:#0000001a;--transition-speed:.3s;--border-radius:12px;--container-width:800px}body{background:var(--background);min-height:100vh;color:var(--text-color);transition:background var(--transition-speed),color var(--transition-speed);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;margin:0;padding:0;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.site-header{background-color:var(--primary-color);color:#fff;text-align:center;box-shadow:0 2px 8px var(--shadow-color);z-index:10;padding:16px 0;animation:.6s ease-out fadeInDown;position:relative}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.site-header h1{letter-spacing:-.5px;margin:0;font-size:2rem;font-weight:500}.container{max-width:var(--container-width);box-sizing:border-box;width:100%;margin:0 auto;padding:0 20px}textarea{resize:none;box-sizing:border-box;background-color:inherit;width:100%;color:inherit;min-height:200px;transition:all var(--transition-speed);border:none;border-radius:0;outline:none;flex-grow:1;padding:24px;font-family:inherit;font-size:1.1rem;line-height:1.5;animation:.5s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.controls{background-color:var(--secondary-bg);transition:background var(--transition-speed),color var(--transition-speed);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:16px 24px;animation:.4s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}textarea:focus{box-shadow:inset 0 0 0 2px var(--primary-color)}.controls-left,.controls-right{align-items:center;gap:16px;display:flex}.btn{background:var(--primary-color);color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed);border:none;padding:8px 16px;font-size:.95rem;font-weight:500}.btn:hover{background:var(--primary-hover);box-shadow:0 2px 5px var(--shadow-color);transition:all .2s;transform:translateY(-1px)}.btn:active{box-shadow:none;transform:translateY(0)}#theme-toggle{color:var(--text-color);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:6px 10px;font-size:1.2rem;display:flex}#theme-toggle:hover{box-shadow:none;background:#0000000d;transform:none}.word-count{color:var(--secondary-text);font-size:.95rem;font-weight:400}.checkbox-container{color:var(--secondary-text);align-items:center;gap:8px;font-size:.95rem;display:flex}input[type=checkbox]{appearance:none;cursor:pointer;width:36px;height:20px;transition:all var(--transition-speed);vertical-align:middle;background:#e4e4e4;border-radius:20px;position:relative}input[type=checkbox]:checked{background:var(--primary-color)}input[type=checkbox]:before{content:"";width:16px;height:16px;transition:all var(--transition-speed);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}input[type=checkbox]:checked:before{left:18px}.about-section{background-color:var(--secondary-bg);border-top:1px solid var(--border-color);padding:40px 0;font-size:1rem;line-height:1.6;animation:.8s ease-in-out fadeIn}.about-section h3{color:var(--primary-color);letter-spacing:-.5px;margin-top:0;margin-bottom:16px;font-size:1.5rem;font-weight:500}.about-section ul{margin-bottom:24px;padding-left:20px}.about-section li{margin-bottom:8px}.about-section .copyright{color:var(--secondary-text);text-align:center;margin-top:32px;font-size:.85rem}body.dark{--primary-color:#2997ff;--primary-hover:#3ba0ff;--text-color:#f5f5f7;--secondary-text:#a1a1a6;--background:#000;--secondary-bg:#1d1d1f;--border-color:#424245;--shadow-color:#0000004d}body.dark .site-header{background-color:#1d1d1f}body.dark #theme-toggle:hover{background:#ffffff1a}body.dark input[type=checkbox]{background:#424245}@media (max-width:768px){.site-header h1{font-size:1.8rem}textarea{padding:16px}.controls{padding:12px 16px}.about-section{padding:30px 0}}@media (max-width:480px){.controls-left,.controls-right{gap:10px}.btn{padding:6px 12px;font-size:.9rem}}.session-note-container{max-width:var(--container-width);box-sizing:border-box;margin:8px auto;padding:0 20px}.session-note{color:var(--secondary-text);text-align:center;margin:0;font-size:.9rem}