:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--line-height: 1.8;--paragraph-spacing: 2rem;--max-width: 800px;--padding: 2rem;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #1a1a1a;--text-secondary: #6c757d;--border-color: #e9ecef;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--bg-primary-dark: #1a1a1a;--bg-secondary-dark: #2d2d2d;--text-primary-dark: #ffffff;--text-secondary-dark: #b0b0b0;--border-color-dark: #404040;--shadow-dark: 0 2px 8px rgba(0, 0, 0, .3)}[data-theme=dark]{--bg-primary: var(--bg-primary-dark);--bg-secondary: var(--bg-secondary-dark);--text-primary: var(--text-primary-dark);--text-secondary: var(--text-secondary-dark);--border-color: var(--border-color-dark);--shadow: var(--shadow-dark)}.no-flash *{transition:none!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:var(--line-height);transition:background-color .3s ease,color .3s ease}#app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:var(--max-width);margin:0 auto;padding:var(--padding);flex:1}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.title{font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1.5}.subtitle{font-size:1.2rem;color:var(--text-secondary);font-weight:400}.controls{display:flex;gap:1rem;align-items:center}.btn{background:none;border:1px solid var(--border-color);border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s ease;color:var(--text-primary);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.btn:hover{background-color:var(--bg-secondary);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.theme-toggle,.language-dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow);min-width:150px;z-index:1000;margin-top:.5rem}.dropdown-item{padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;border:none;background:none;width:100%;text-align:left;color:var(--text-primary)}.dropdown-item:hover{background-color:var(--bg-secondary)}.dropdown-item.active{background-color:var(--bg-secondary);font-weight:600}.content{margin-bottom:3rem}.proposal-text{font-size:1.1rem;line-height:var(--line-height);color:var(--text-primary)}.proposal-text p{margin-bottom:var(--paragraph-spacing)}.proposal-text h2{font-size:1.5rem;font-weight:600;margin:2.5rem 0 1.5rem;color:var(--text-primary)}.proposal-text h3{font-size:1.3rem;font-weight:600;margin:2rem 0 1rem;color:var(--text-primary)}.proposal-text h5{background-color:var(--bg-secondary);padding:1rem 1.5rem;border-radius:8px;margin:1rem 0;color:var(--text-primary);box-shadow:var(--shadow);font-weight:600}.proposal-text ul,.proposal-text ol{margin:1.5rem 0;padding-left:2rem}.proposal-text li{margin-bottom:.5rem}.share-section{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-color);text-align:center}.share-title{font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.share-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.share-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s ease;min-height:44px}.share-btn.primary{background-color:var(--text-primary);color:var(--bg-primary)}.share-btn.secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.share-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.copy-feedback{position:fixed;top:2rem;right:2rem;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem 1.5rem;box-shadow:var(--shadow);z-index:1001;display:flex;align-items:center;gap:.5rem;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){:root{--padding: 1rem;--paragraph-spacing: 1.5rem}.title{font-size:2rem}.header{flex-direction:column;gap:1rem;align-items:flex-start}.controls{align-self:flex-end}.share-buttons{flex-direction:column;align-items:center}.share-btn{width:100%;max-width:300px;justify-content:center}.copy-feedback{top:1rem;right:1rem;left:1rem}}@media (max-width: 480px){.title{font-size:1.75rem}.proposal-text{font-size:1rem}.controls{gap:.5rem}.btn{padding:.5rem;min-width:40px;min-height:40px}}
