:root{--color-bg:#fdfcf8;--color-text-main:#2c3e50;--color-text-muted:#64748b;--color-primary:#d97706;--color-primary-light:#fcd34d;--color-secondary:#84f7d2;--color-secondary-light:#6ee7b7;--color-accent:#e11d48;--color-card-bg:#fff;--color-border:#e2e8f0;--color-danger:#ef4444;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}*{box-sizing:border-box;padding:0;margin:0}body,html{height:100%}body{background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-family-base);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{width:100%;max-width:600px;margin:0 auto}.card,.container{padding:var(--spacing-md)}.card{background-color:var(--color-card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.title{font-size:1.5rem;font-weight:700;color:var(--color-text-main);margin-bottom:var(--spacing-md)}.subtitle{font-size:1.125rem;font-weight:600;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:500;transition:opacity .2s}.btn:active{opacity:.8}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-ghost{background-color:transparent;color:var(--color-text-muted)}.btn-ghost:hover{background-color:rgba(0,0,0,.05)}.desktop-only{display:block}.mobile-only{display:none}.main-content{flex:1 1;margin-left:250px;padding:40px;margin-bottom:0}.sidebar{width:250px;height:100vh;border-right:1px solid var(--color-border);padding:20px;display:flex;flex-direction:column;top:0}.bottom-nav,.sidebar{background:#fff;position:fixed;left:0;z-index:50}.bottom-nav{bottom:0;width:100%;height:70px;border-top:1px solid var(--color-border);display:none;justify-content:space-around;align-items:center;padding:0 var(--spacing-sm);box-shadow:0 -1px 3px rgba(0,0,0,.05)}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.main-content{margin-left:0!important;padding:16px!important;margin-bottom:70px}.container{padding:var(--spacing-sm)!important}.sidebar{display:none}.reply-container{margin-left:8px!important;padding-left:8px!important}.bottom-nav{display:flex}.mobile-header{top:0;height:60px;border-bottom:1px solid var(--color-border);z-index:100;align-items:center;justify-content:space-between;padding:0 16px}.mobile-header,.mobile-menu{display:flex;position:fixed;left:0;width:100%;background:#fff}.mobile-menu{top:60px;height:calc(100vh - 60px - 70px);z-index:90;padding:20px;flex-direction:column;gap:10px;overflow-y:auto}}