.calendar-page{min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#ffffff;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:padding-left .3s ease;padding-left:0}@media (min-width:769px){.calendar-page.sidebar-collapsed{padding-left:60px}.calendar-page.sidebar-expanded{padding-left:260px}}.calendar-header{background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;position:-webkit-sticky;position:sticky;top:62px;z-index:100}.calendar-title-section{display:flex;align-items:center;gap:16px}.calendar-icon{color:#a855f7;flex-shrink:0}.calendar-title{font-size:28px;font-weight:700;margin:0;background:linear-gradient(45deg,#8b5cf6,#d946ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.calendar-subtitle{color:rgba(255,255,255,.8);margin:4px 0 0;font-size:14px}.user-info{color:#30d158;font-weight:500}.calendar-actions{gap:12px;flex-wrap:wrap}.action-btn,.calendar-actions{display:flex;align-items:center}.action-btn{gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.action-btn.primary{background:linear-gradient(45deg,#8b5cf6,#d946ef);color:white}.action-btn.primary:hover{background:linear-gradient(45deg,#7c3aed,#c026d3);transform:translateY(-1px)}.action-btn.secondary{background:rgba(255,255,255,.1);color:#ffffff;border:1px solid rgba(255,255,255,.2)}.action-btn.secondary:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.view-selector{display:flex;background:rgba(255,255,255,.1);border-radius:8px;padding:2px}.view-btn{padding:8px 16px;border:none;background:transparent;color:rgba(255,255,255,.8);font-size:14px;border-radius:6px;cursor:pointer;transition:all .2s ease}.view-btn.active,.view-btn:hover{background:rgba(255,255,255,.2);color:#ffffff}.calendar-main{padding:20px;flex:1 1}.calendar-container{background:rgba(255,255,255,.05);border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.3)}.fc{color:#ffffff}.fc-theme-standard .fc-scrollgrid,.fc-theme-standard td,.fc-theme-standard th{border-color:rgba(255,255,255,.1)}.fc-col-header-cell{background:rgba(255,255,255,.05);color:#ffffff;font-weight:600}.fc-daygrid-day{background:transparent}.fc-daygrid-day:hover{background:rgba(255,255,255,.02)}.fc-day-today{background:rgba(243,156,18,.1)!important}.fc-event{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;border:none!important}.fc-toolbar{color:#ffffff;margin-bottom:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.fc-toolbar-title{color:#ff6b35;font-size:28px;font-weight:600;text-shadow:0 0 20px rgba(255,107,53,.3)}.fc-button-primary{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#ffffff}.fc-button-primary:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}.fc-button-primary:disabled{opacity:.5}.modal-overlay{right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;padding:20px}.event-modal{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-radius:12px;border:1px solid rgba(255,255,255,.1);min-width:400px;max-width:600px;width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.5)}.modal-header{padding:20px 20px 10px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h3{margin:0;font-size:20px;font-weight:600}.close-btn{background:none;border:none;color:rgba(255,255,255,.6);font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn:hover{background:rgba(255,255,255,.1);color:#ffffff}.modal-content{padding:20px}.event-details{margin-bottom:20px}.event-time{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.8);font-size:14px}.event-description,.event-time{margin-bottom:12px}.event-description p{margin:0;color:rgba(255,255,255,.9);line-height:1.5}.event-attendees,.event-creator{margin-bottom:12px;color:rgba(255,255,255,.8);font-size:14px}.event-attendees ul{margin:4px 0 0 16px;padding:0}.event-attendees li{color:rgba(255,255,255,.7)}.event-status{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.encrypted{background:rgba(255,107,107,.2);color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.status-badge.nft{background:rgba(78,205,196,.2);color:#4ecdc4;border:1px solid rgba(78,205,196,.3)}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.calendar-stats{display:flex;gap:20px;padding:0 20px 20px;flex-wrap:wrap}.stat-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;text-align:center;flex:1 1;min-width:120px}.stat-value{font-size:20px;font-weight:700;color:#a855f7;margin-bottom:4px}.stat-label{font-size:12px;color:rgba(255,255,255,.7);text-transform:uppercase;font-weight:500}@media (max-width:768px){.calendar-page{padding-left:0}.calendar-header{flex-direction:column;align-items:stretch;gap:16px}.calendar-actions{justify-content:center}.calendar-title{font-size:24px}.event-modal{min-width:auto;margin:10px}.calendar-stats,.modal-actions{flex-direction:column}.stat-card{min-width:auto}}.calendar-container::-webkit-scrollbar{width:8px}.calendar-container::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:4px}.calendar-container::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.calendar-container::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.App-header{margin-top:62px}.desktop-header-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.desktop-header-wrapper *{pointer-events:auto}.app-subtitle{font-size:14px;margin:0}.app-logo{filter:drop-shadow(0 0 8px rgba(139,92,246,.3))}.user-info{display:flex;align-items:center;gap:12px;z-index:2}.desktop-user-info{right:24px;top:50%;transform:translateY(-50%)}.handcash-user-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(255,255,255,.1);border-radius:20px;border:1px solid rgba(255,255,255,.2)}.handcash-user-icon{width:16px;height:16px;border-radius:50%}.user-handle{color:#ffffff;font-weight:500}.connect-btn{background:linear-gradient(45deg,#8b5cf6,#d946ef);color:white;border:none;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.connect-btn:hover{background:linear-gradient(45deg,#7c3aed,#c026d3);transform:translateY(-1px)}@media (max-width:768px){.App-header{padding:12px 16px 16px;text-align:center;justify-content:center;flex-direction:column;gap:16px}.App-header h1{font-size:1.6rem;margin-bottom:4px}.app-subtitle{font-size:.85rem;margin-bottom:0}.desktop-header-wrapper{position:static;transform:none;left:auto;top:auto;width:100%}.desktop-user-info{position:static;transform:none;right:auto;top:auto}}.loading-door-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100000;overflow:hidden;pointer-events:all}.door-panel{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000;transition:transform 2.5s cubic-bezier(.4,0,.2,1);overflow:hidden;transform-origin:right center}.loading-door-container.open .door-panel{transform:translateX(100%)}.door-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.bitcoin-logo{font-size:80px;color:#a855f7;margin-bottom:20px;text-shadow:0 0 30px rgba(168,85,247,.5);animation:pulse 1.5s ease-in-out infinite}.door-title{font-size:48px;font-weight:200;margin:0;letter-spacing:-1px;display:flex;gap:12px;justify-content:center;align-items:center}.bitcoin-text{color:#8b5cf6;font-weight:300}.writer-text{color:#ffffff;font-weight:200}.calendar-text{color:#d946ef;font-weight:200;text-shadow:0 0 20px rgba(217,70,239,.4)}.door-panel:after{content:"";position:absolute;top:0;right:20px;width:4px;height:100%;background:linear-gradient(180deg,transparent,rgba(168,85,247,.3) 20%,rgba(168,85,247,.5) 50%,rgba(168,85,247,.3) 80%,transparent)}.door-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 0,rgba(168,85,247,.02) 50%,rgba(0,0,0,.3) 100%);pointer-events:none}@media (max-width:768px){.bitcoin-logo{font-size:60px}.door-title{font-size:36px;flex-direction:column;gap:8px}}*{margin:0;padding:0;box-sizing:border-box}.App{text-align:left;background-color:#000000;color:#ffffff;min-height:100vh;font-family:SF Pro Display,Helvetica Neue,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;padding-bottom:100px;padding-top:68px}.app-content{flex:1 1;display:flex;flex-direction:column}.main-content{flex:1 1}@media (max-width:768px){.App{padding-bottom:90px;padding-top:100px}}@media (max-width:480px){.App{padding-bottom:80px;padding-top:96px}}.taskbar{justify-content:space-between;height:28px;background:linear-gradient(180deg,#3a3a3a,#2a2a2a);border-bottom:1px solid #1a1a1a;padding:0 12px;font-size:13px;color:#ffffff;position:relative;z-index:10000}.taskbar,.taskbar-left{display:flex;align-items:center}.taskbar-left{gap:0}.bitcoin-logo{line-height:1}.bitcoin-logo,.bitcoin-symbol{color:#8b5cf6;font-size:18px;font-weight:700}.app-name{font-size:13px;font-weight:500;color:#ffffff}.taskbar-center{flex:1 1;display:flex;justify-content:center}.taskbar-right{gap:8px}.taskbar-link,.taskbar-right{display:flex;align-items:center}.taskbar-link{color:#ccc;text-decoration:none;padding:4px;border-radius:3px;transition:all .2s ease}.taskbar-link:hover{background-color:rgba(255,255,255,.1);color:#fff}.bitcoin-menu-container,.developers-menu-container,.writer-menu-container{position:relative}.bitcoin-logo-button,.developers-menu-button,.writer-menu-button{background:transparent;border:none;padding:4px 8px;cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;color:#ffffff;font-size:13px;font-weight:500}.bitcoin-logo-button:hover,.developers-menu-button:hover,.writer-menu-button:hover{background:rgba(255,255,255,.1)}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:9998}.bitcoin-menu,.developers-menu,.writer-menu{position:absolute;top:28px;left:0;min-width:200px;background:#1a1a1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.8);z-index:9999;overflow:hidden;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.menu-header{padding:12px 16px;background:rgba(139,92,246,.1);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.9);font-weight:500;font-size:14px}.bitcoin-logo-small{color:#8b5cf6;font-size:16px;font-weight:700}.menu-separator{height:1px;background:rgba(255,255,255,.1);margin:4px 0}.menu-item{padding:10px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease;color:rgba(255,255,255,.8);font-size:14px}.menu-item:hover{background:rgba(255,255,255,.05);color:rgba(255,255,255,.95)}.menu-item span:first-child{font-size:16px;width:16px;text-align:center}.app-container{display:flex;flex:1 1;overflow:hidden;width:100%;transition:margin-left .3s ease}@media (min-width:769px){.app-container.with-dev-sidebar{margin-left:260px}.app-container.with-dev-sidebar-collapsed{margin-left:60px}}@media (max-width:768px){.app-container.with-dev-sidebar,.app-container.with-dev-sidebar-collapsed{margin-left:0!important}.taskbar{height:32px;padding:0 8px}.bitcoin-logo,.bitcoin-symbol{font-size:16px}.app-name{font-size:12px}.bitcoin-menu,.writer-menu{top:32px;min-width:180px}.menu-item{padding:12px 16px;font-size:14px}.desktop-user-info{display:none!important}.mobile-user-info{display:flex!important}.App-header{padding:12px 16px 16px;text-align:center;justify-content:center;flex-direction:column;gap:16px}.App-header h1{font-size:1.6rem;margin-bottom:4px}.app-subtitle{font-size:.85rem;margin-bottom:0}.mobile-logout-btn{padding:6px 12px;font-size:.8rem;border-radius:6px;min-width:80px}.navbar-login{gap:8px;width:100%;align-items:center}.login-features{display:none}.navbar-handcash-btn{width:100%;max-width:200px;padding:8px 16px;font-size:.85rem;border-radius:6px}.mobile-user-info .handcash-badge{padding:6px 12px;border-radius:8px;font-size:.85rem}.mobile-user-info .handcash-badge .user-handle{font-size:.85rem;font-weight:500}.mobile-menu-toggle{display:flex}.app-container{flex-direction:column}.disclaimer{padding:8px 16px;font-size:12px}}main{flex:1 1;overflow:hidden;width:100%;display:flex;flex-direction:column}.App-header{background:#1a1a1a;color:#ffffff;padding:16px 24px;border-bottom:1px solid #333;position:relative;display:flex;justify-content:flex-end;align-items:center;min-height:96px}.App-header h1{margin:0;font-size:2rem;font-weight:200;position:relative;z-index:1;text-align:center}.app-subtitle{margin:8px 0 0;font-size:1rem;font-weight:300;color:rgba(255,255,255,.7);letter-spacing:.02em;text-align:center}.app-title-container{gap:12px;flex-direction:row}.app-logo{flex-shrink:0;filter:drop-shadow(0 0 8px rgba(255,140,0,.3))}.title-text{display:flex;flex-direction:column;align-items:flex-start}.desktop-user-info{position:absolute;top:24px;right:32px;display:flex;align-items:center;gap:16px;z-index:9999}.mobile-user-info{display:none;justify-content:center;align-items:center;margin:12px 16px 8px;padding:10px 16px;background:rgba(255,255,255,.03);border-radius:8px}.mobile-auth-section{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:320px}.mobile-login-section{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:260px}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-line{width:25px;height:2px;background-color:#ffffff;transition:all .3s ease;transform-origin:1px}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding-top:120px}.mobile-menu{background-color:#1a1a1a;border-radius:12px;max-width:90vw;width:350px;max-height:80vh;overflow-y:auto;border:1px solid #333;box-shadow:0 10px 30px rgba(0,0,0,.5)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #333}.mobile-menu-header h3{color:#ffffff;font-size:18px;font-weight:600;margin:0}.close-mobile-menu{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-mobile-menu:hover{color:#ffffff}.mobile-menu-content{padding:0}.mobile-menu-section{border-bottom:1px solid #2a2a2a;padding:20px}.mobile-menu-section:last-child{border-bottom:none}.mobile-menu-section h4{color:#8b5cf6;font-size:14px;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.mobile-menu-item{width:100%;background:none;border:none;color:#ffffff;font-size:16px;padding:12px 0;text-align:left;cursor:pointer;transition:color .2s ease;display:block}.mobile-menu-item:hover{color:#8b5cf6}.mobile-menu-login{width:100%;background:linear-gradient(135deg,#4CAF50,#2E7D32);border:none;color:#ffffff;font-size:16px;font-weight:600;padding:16px;border-radius:8px;cursor:pointer;transition:all .2s ease}.mobile-menu-login:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(76,175,80,.3)}.mobile-sidebar-content{padding:0}.mobile-sidebar-empty,.mobile-sidebar-loading{padding:16px 0;color:#888;font-size:14px;text-align:center}.mobile-document-list{display:flex;flex-direction:column;gap:4px}.mobile-document-item{width:100%;background:none;color:#ffffff;text-align:left;cursor:pointer;padding:12px 0;transition:background-color .2s ease;border:none;border-bottom:1px solid #2a2a2a}.mobile-document-item:hover{background-color:#2a2a2a}.mobile-document-item.active{background-color:rgba(139,92,246,.1);border-left:3px solid #8b5cf6;padding-left:9px}.mobile-doc-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.mobile-doc-icon{font-size:16px;min-width:20px}.mobile-doc-title{flex:1 1;font-weight:500;font-size:14px;text-align:left}.mobile-doc-date{font-size:12px;color:#888}.mobile-doc-preview{font-size:12px;color:#aaa;margin-top:4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.title-section{display:flex;flex-direction:column;align-items:center;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.title-section *{pointer-events:auto}@media (max-width:768px){.title-section{position:static;transform:none;left:auto;top:auto;width:100%}}.App-header h1{font-size:32px;font-weight:300;color:#ffffff;letter-spacing:-.02em;line-height:1;margin-bottom:8px}.subtitle{font-size:14px;font-weight:300;color:#888;margin:0;opacity:.8}.header-left{flex:1 1;display:flex;justify-content:flex-start}.header-right{position:absolute;right:24px;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;gap:12px}@media (max-width:768px){.header-right{position:static;transform:none;right:auto;top:auto;margin-top:12px;justify-content:center}}.app-title-container{display:flex;align-items:center;justify-content:center;flex:0 0 auto}.handcash-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#4CAF50,#2E7D32);border-radius:20px;border:1px solid #2e7d32}.handcash-logo{color:#ffffff;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.handcash-badge .user-handle{color:#ffffff;font-weight:500;font-size:14px}.user-dropdown-container{position:relative}.handcash-badge.clickable{cursor:pointer;transition:all .2s ease;position:relative}.handcash-badge.clickable:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(76,175,80,.4)}.dropdown-arrow{color:#ffffff;font-size:10px;margin-left:6px;transition:transform .2s ease}.user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background-color:#1a1a1a;border:1px solid #333;border-radius:8px;min-width:220px;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:1000;overflow:hidden}.mobile-user-dropdown{left:0;right:auto;margin-top:4px}.dropdown-header{padding:16px;background-color:#111;border-bottom:1px solid #333}.user-info-detailed{text-align:left}.user-handle-large{color:#ffffff;font-size:16px;font-weight:600;margin-bottom:4px}.user-paymail{color:#888;font-size:12px;font-weight:400}.dropdown-divider{height:1px;background-color:#333}.dropdown-item.logout-item{width:100%;background:none;border:none;color:#ffffff;font-size:14px;padding:12px 16px;text-align:left;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:8px}.dropdown-item.logout-item:hover{background-color:#2a2a2a;color:#ff6b6b}.user-handle{font-size:12px;color:#888}.login-btn,.logout-btn{background-color:#333;color:#fff;border:1px solid #555;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease;font-family:SF Pro Display,Helvetica Neue,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}.login-btn{background:linear-gradient(135deg,#4CAF50,#45a049);border:none;font-weight:500}.login-btn:hover{background:linear-gradient(135deg,#45a049,#4CAF50);transform:translateY(-1px)}.logout-btn:hover{background-color:#444;border-color:#666}.disclaimer{padding:8px 16px;background-color:#0a0a0a;border-bottom:1px solid #222;text-align:center}.disclaimer small{color:#666;font-size:11px}.loading{height:50vh;font-size:14px;color:#888}.loading,.login-container{display:flex;justify-content:center;align-items:center}.login-container{min-height:100vh;flex-direction:column;background:linear-gradient(135deg,#000000,#1a1a1a);padding:20px}.login-box{background-color:#111;border:1px solid #333;border-radius:12px;padding:40px;max-width:480px;width:100%;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,.4)}.logo-section h1{font-size:28px;font-weight:600;margin-bottom:8px;color:#ffffff;letter-spacing:-.5px}.tagline{color:#999;font-size:15px;font-weight:400;margin-bottom:32px;line-height:1.4}.features-section{margin-bottom:32px;text-align:left}.features-section h3{color:#ffffff;font-size:18px;font-weight:600;margin-bottom:20px;text-align:center;letter-spacing:-.3px}.features-section ul{list-style:none;padding:0}.features-section li{margin-bottom:12px;line-height:1.5}.features-section li,.login-section p{color:#ccc;font-size:15px;font-weight:400}.login-section p{margin-bottom:24px;line-height:1.4}.handcash-login-btn{background:linear-gradient(135deg,#4CAF50,#45a049);color:white;border:none;padding:14px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;font-family:SF Pro Display,Helvetica Neue,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.3px}.handcash-login-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(76,175,80,.25);background:linear-gradient(135deg,#4CAF50,#43a047)}.handcash-login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background-color:#ff4444;color:white;padding:12px;border-radius:4px;margin-bottom:16px;font-size:14px}.privacy-note{margin-top:16px;color:#666;font-size:12px;line-height:1.4}.demo-section{margin-top:40px;padding:20px;background-color:#0a0a0a;border-radius:8px;max-width:500px;width:100%;text-align:center}.demo-section h4{color:#ffffff;font-size:16px;margin-bottom:8px}.demo-section p{color:#888;font-size:14px;line-height:1.4}.demo-section a{color:#4CAF50;text-decoration:none;margin-left:8px}.demo-section a:hover{text-decoration:underline}.callback-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#000000}.callback-box{text-align:center;padding:40px}.callback-box h2{color:#ffffff;font-size:24px;margin:16px 0 8px}.callback-box p{color:#888;font-size:14px}.document-editor{display:flex;flex-direction:column;flex:1 1;width:100%;height:100%;background-color:#000000;overflow:hidden}.document-editor.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background-color:#1a1a1a;border-bottom:1px solid #333;min-height:48px}.toolbar-left,.toolbar-right{display:flex;gap:8px}.toolbar-center{display:flex;gap:16px;font-size:12px;color:#888;align-items:center}.toolbar button{background-color:#333;color:#fff;border:1px solid #555;padding:6px 8px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease}.toolbar button:hover{background-color:#444;border-color:#666}.toolbar button:disabled{opacity:.5;cursor:not-allowed}.toolbar button.save-guest{background:linear-gradient(135deg,#666,#555);border-color:#444}.toolbar button.save-guest:hover{background:linear-gradient(135deg,#4CAF50,#45a049);border-color:#4CAF50}.toolbar button.publish-btn{background:#333;border-color:#555}.toolbar button.publish-btn:hover{background:#444;border-color:#666}.toolbar button.encrypt-btn{background:#333;border-color:#555}.toolbar button.encrypt-btn.encrypted,.toolbar button.encrypt-btn:hover{background:#444;border-color:#666}.toolbar button.price-btn{background:#333;border-color:#555}.toolbar button.price-btn:hover{background:#444;border-color:#666}.storage-modal{background:#1a1a1a;max-width:800px;width:90vw;max-height:90vh}.storage-modal .modal-header{padding:20px;border-bottom:1px solid #333}.storage-modal .modal-header h2{margin:0;font-weight:300}.storage-modal .close-btn{color:#888;font-size:24px;width:30px;height:30px}.storage-modal .modal-content{padding:20px}.document-info{padding:16px;background:#222;border-radius:8px}.document-info h3{margin:0 0 8px;color:#fff;font-weight:400}.document-info p{margin:0;color:#888}.storage-methods h4{margin:0 0 16px;color:#fff;font-weight:400}.storage-option{border-radius:8px;padding:16px;margin-bottom:12px;transition:all .3s ease}.storage-option:hover{border-color:#555;background:#222}.storage-option.selected{border-color:#8b5cf6;background:#2a1f0a}.option-header{align-items:flex-start;margin-bottom:12px;gap:12px}.option-details h5{margin:0 0 4px;color:#fff;font-weight:500}.option-details .cost{margin:0;color:#4CAF50;font-weight:600}.description{color:#ccc;margin:0 0 12px;line-height:1.4}.pros-cons{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;font-size:14px}.cons,.pros{color:#aaa}.pros strong{color:#4CAF50}.cons strong{color:#f44336}.cons ul,.pros ul{margin:8px 0 0;padding-left:16px}.cons li,.pros li{margin-bottom:4px}.encryption-option{margin:24px 0;padding:16px;background:#222;border-radius:8px}.encryption-option label{display:flex;align-items:center;gap:8px;color:#fff;cursor:pointer}.monetization-options{margin:24px 0;padding:20px;background:#1f2937;border-radius:8px;border:1px solid #374151}.monetization-options h4{margin:0 0 16px;color:#fff;font-weight:400}.shares-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:16px}.monetization-options label{display:flex;flex-direction:column;gap:8px;color:#fff;font-weight:500}.monetization-options input{padding:8px 12px;background:#374151;border:1px solid #4b5563;border-radius:6px;color:#fff;font-size:14px}.monetization-options input:focus{outline:none;border-color:#8b5cf6}.shares-summary{padding:16px;background:#111827;border-radius:6px;border:1px solid #374151}.shares-summary p{margin:8px 0;color:#D1D5DB;font-weight:500}.cost-summary{margin-top:24px;padding:20px;background:#0f172a;border-radius:8px;border:1px solid #1e293b}.cost-summary h4{margin:0 0 16px;color:#fff;font-weight:400}.cost-breakdown{gap:8px}.cost-line{display:flex;justify-content:space-between;color:#ccc;padding:8px 0}.cost-line.total{border-top:1px solid #334155;font-weight:600;color:#fff;font-size:16px}.modal-footer{padding:20px;border-top:1px solid #333;display:flex;justify-content:flex-end;gap:12px}.modal-footer button{padding:12px 24px;border-radius:6px;border:none;font-weight:500;cursor:pointer;transition:all .3s ease}.cancel-btn{background:#374151;color:#D1D5DB}.cancel-btn:hover{background:#4B5563}.save-btn{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff}.save-btn:hover{background:linear-gradient(135deg,#d946ef,#8b5cf6)}.editor-container{flex:1 1;overflow:hidden;position:relative;width:100%;display:flex;flex-direction:column}.editor{flex:1 1;width:100%;padding:24px 40px;outline:none;border:none;background-color:#000000;color:#ffffff;font-family:SF Pro Display,Helvetica Neue,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6;overflow-y:auto;overflow-x:hidden;resize:none;white-space:pre-wrap;-webkit-user-select:text;user-select:text;box-sizing:border-box}.editor,.editor *{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;max-width:100%}.editor:focus{outline:none}.editor p{margin:0 0 8px;min-height:1.2em;word-wrap:break-word;word-break:break-word;white-space:pre-wrap}.editor img{max-width:100%;height:auto;border-radius:4px;margin:10px 0;box-shadow:0 2px 8px rgba(0,0,0,.3)}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:6px 16px;background-color:#1a1a1a;border-top:1px solid #333;font-size:12px;color:#888;min-height:32px}.auto-save-status{flex:1 1;text-align:center;font-size:11px;transition:all .3s ease}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10000}.document-list-modal{background-color:#111;border:1px solid #333;border-radius:8px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #333}.modal-header h3{color:#ffffff;font-size:18px}.modal-header button{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px}.modal-header button:hover{color:#ffffff}.document-list{flex:1 1;overflow-y:auto;padding:0}.document-item{padding:16px 20px;border-bottom:1px solid #222;cursor:pointer;transition:background-color .2s ease}.document-item:hover{background-color:#1a1a1a}.document-info{flex:1 1;cursor:pointer}.document-info h4{color:#ffffff;font-size:16px;margin-bottom:4px;font-weight:400}.document-meta{color:#666;font-size:12px}.document-actions{display:flex;gap:4px;flex-shrink:0;margin-left:auto}.delete-btn,.publish-btn{background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s ease;opacity:.7;flex-shrink:0}.publish-btn:hover{background-color:#8b5cf6;color:white;opacity:1}.delete-btn:hover{background-color:#ff4444;color:white;opacity:1}.delete-btn.confirm-delete{background-color:#ff6600;color:white;opacity:1;animation:pulse .5s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.mobile-document-wrapper{display:flex;align-items:center;gap:8px;margin-bottom:4px}.mobile-document-item{flex:1 1}.mobile-delete-btn{background:none;border:none;color:#666;font-size:16px;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease;opacity:.7;flex-shrink:0}.mobile-delete-btn:hover{background-color:#ff4444;color:white;opacity:1}.mobile-delete-btn.confirm-delete{background-color:#ff6600;color:white;opacity:1;animation:pulse .5s ease-in-out}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state p{font-size:14px;margin-bottom:20px}.empty-state button{background-color:#4CAF50;color:white;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px}.empty-state button:hover{background-color:#45a049}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.document-sidebar{background-color:#0a0a0a;border-right:1px solid #222;display:flex;flex-direction:column;position:relative;min-width:200px;max-width:500px;flex-shrink:0}.document-sidebar.collapsed{width:40px!important;min-width:40px}.sidebar-resize-handle{position:absolute;right:-3px;top:0;bottom:0;width:6px;background:transparent;cursor:col-resize;z-index:10}.sidebar-resize-handle:hover{background:rgba(139,92,246,.3)}.sidebar-resize-handle:active{background:rgba(139,92,246,.5)}.sidebar-header{padding:12px;border-bottom:1px solid #222;display:flex;align-items:center;gap:8px;min-height:48px}.collapse-btn{background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.collapse-btn:hover{background-color:#1a1a1a;color:#fff}.sidebar-header h3{font-size:14px;font-weight:500;color:#ccc}.sidebar-content{flex:1 1;overflow-y:auto;padding:12px}.sidebar-actions{margin-bottom:16px}.new-document-btn{width:100%;padding:8px;background-color:#2a2a2a;color:#fff;border:1px solid #333;border-radius:6px;cursor:pointer;font-size:13px;margin-bottom:8px;transition:all .2s}.new-document-btn:hover{background-color:#333;border-color:#444}.search-input{width:100%;padding:6px 10px;background-color:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff;font-size:13px;outline:none}.search-input:focus{border-color:#555}.document-list{display:flex;flex-direction:column;gap:4px}.document-item{margin-bottom:4px}.document-button,.document-item{display:flex;align-items:center;gap:8px}.document-button{flex:1 1;padding:8px;background-color:#1a1a1a;color:#fff;border:1px solid #333;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s;text-align:left}.document-button:hover{background-color:#2a2a2a;border-color:#444}.document-item.active .document-button{background-color:#2a2a2a;border-color:#555}.document-content{flex:1 1;cursor:pointer}.document-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.document-icon{font-size:14px}.document-title{font-size:13px;font-weight:500;color:#fff;flex:1 1;white-space:nowrap}.document-preview,.document-title{overflow:hidden;text-overflow:ellipsis}.document-preview{font-size:11px;color:#666;margin:4px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.document-meta{display:flex;gap:8px;font-size:10px;color:#555;align-items:center}.document-date,.document-words{flex-shrink:0}.document-cost{margin-left:auto;color:#4CAF50;font-weight:500}.sidebar-empty,.sidebar-loading{text-align:center;padding:20px;color:#666;font-size:12px}.document-list::-webkit-scrollbar,.editor::-webkit-scrollbar,.sidebar-content::-webkit-scrollbar{width:8px}.document-list::-webkit-scrollbar-track,.editor::-webkit-scrollbar-track,.sidebar-content::-webkit-scrollbar-track{background:#1a1a1a}.document-list::-webkit-scrollbar-thumb,.editor::-webkit-scrollbar-thumb,.sidebar-content::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.document-list::-webkit-scrollbar-thumb:hover,.editor::-webkit-scrollbar-thumb:hover,.sidebar-content::-webkit-scrollbar-thumb:hover{background:#444}.publish-modal{background-color:#0a0a0a;border:1px solid #333;border-radius:12px;width:90%;max-width:800px;max-height:70vh;overflow-y:auto;display:flex;flex-direction:column}.publish-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #222;background-color:#111;position:-webkit-sticky;position:sticky;top:0;z-index:10}.publish-modal .modal-header h2{color:#fff;font-size:20px;font-weight:600}.publish-modal .modal-body{padding:24px}.document-info{background-color:#111;border-radius:6px;padding:12px;margin-bottom:24px;display:flex;gap:8px}.document-info .label{color:#666;font-size:13px}.document-info .title{color:#fff;font-size:13px;font-weight:500}.additional-settings h3,.paywall-settings h3,.visibility-section h3{color:#fff;font-size:16px;font-weight:600;margin-bottom:16px}.visibility-options{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:24px}.visibility-option{display:flex;align-items:flex-start;padding:12px;background-color:#111;border:2px solid #222;border-radius:8px;cursor:pointer;transition:all .2s}.visibility-option:hover{background-color:#1a1a1a;border-color:#333}.visibility-option.selected{background-color:#1a2f1a;border-color:#4CAF50}.visibility-option input[type=radio]{margin-right:12px;margin-top:4px}.option-content{display:flex;gap:12px;flex:1 1}.option-icon{font-size:24px}.option-content h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px}.option-content p{color:#999;font-size:12px;margin:0}.paywall-settings{background-color:#111;border-radius:8px;padding:20px;margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;color:#ccc}.price-input-group{display:flex;align-items:center;background-color:#1a1a1a;border:1px solid #333;border-radius:6px;padding:0 12px}.currency{color:#666;font-size:16px;margin-right:4px}.price-input{background:none;border:none;color:#fff;font-size:16px;font-weight:500;padding:10px 4px;outline:none;flex:1 1}.earnings-estimate{margin-top:8px;color:#999;font-size:12px}.earnings-estimate strong{color:#4CAF50}.fee-note{color:#666;font-size:11px;margin-left:4px}.form-group textarea{width:100%;background-color:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff;font-size:13px;padding:10px;resize:vertical;outline:none;font-family:inherit}.form-group textarea:focus{border-color:#555}.char-count{text-align:right;color:#666;font-size:11px;margin-top:4px}.additional-settings{background-color:#111;border-radius:8px;padding:20px;margin-bottom:24px}.checkbox-label{display:flex;align-items:center;margin-bottom:12px;cursor:pointer;color:#ccc;font-size:13px}.checkbox-label:last-child{margin-bottom:0}.checkbox-label input[type=checkbox]{margin-right:8px}.info-box{background-color:#1a1f1a;border:1px solid #2a3f2a;border-radius:6px;padding:12px;display:flex;gap:10px;align-items:flex-start}.info-icon{font-size:16px}.info-box div{color:#999;font-size:12px;line-height:1.5}.info-box strong{color:#ccc}.publish-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #222;background-color:#111}.publish-modal .cancel-btn,.publish-modal .confirm-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.publish-modal .cancel-btn{background-color:initial;border:1px solid #333;color:#ccc}.publish-modal .cancel-btn:hover{background-color:#1a1a1a;border-color:#444}.publish-modal .confirm-btn{background-color:#4CAF50;border:none;color:white}.publish-modal .confirm-btn:hover{background-color:#45a049}.storage-modal{background-color:#0a0a0a;border:1px solid #333;border-radius:12px;width:95%;max-width:1400px;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column}.storage-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #222;background-color:#111;position:-webkit-sticky;position:sticky;top:0;z-index:10}.storage-modal .modal-header h2{color:#fff;font-size:20px;font-weight:600}.storage-modal .close-btn{background:none;border:none;color:#666;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.storage-modal .close-btn:hover{background-color:#1a1a1a;color:#fff}.storage-options-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;padding:16px 20px}.storage-option-card{background-color:#111;border:2px solid #222;border-radius:8px;padding:12px;cursor:pointer;transition:all .3s}.storage-option-card:hover{background-color:#1a1a1a;border-color:#333;transform:translateY(-2px)}.storage-option-card.selected{background-color:#1a2f1a;border-color:#4CAF50}.storage-option-card .option-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.storage-option-card .option-icon{font-size:24px}.storage-option-card h3{color:#fff;font-size:16px;font-weight:600;margin:0}.storage-option-card .option-description{color:#999;font-size:13px;line-height:1.4;margin-bottom:12px}.storage-option-card .option-features{display:flex;flex-direction:column;gap:6px}.storage-option-card .feature{color:#4CAF50;font-size:12px}.pricing-breakdown-section{padding:16px 20px;border-top:1px solid #222}.pricing-breakdown-content{display:flex;gap:40px;align-items:flex-start}.pricing-breakdown-section h3{color:#fff;font-size:14px;font-weight:600;margin:0 0 12px}.breakdown-table{flex:1 1;border-collapse:collapse;margin:0}.breakdown-table td{font-size:12px;border-bottom:1px solid #1a1a1a}.breakdown-table td:first-child{color:#888;width:50%}.breakdown-table .total-row td{border-top:2px solid #333;border-bottom:none;padding-top:12px;font-size:14px}.breakdown-table .usd-amount{color:#4CAF50;font-size:12px}.pricing-info{flex:1 1;background-color:#111;border-radius:6px;padding:10px 14px;margin:0;align-self:center}.pricing-info p{color:#999;font-size:12px;line-height:1.5;margin:0}.storage-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #222;background-color:#111}.storage-modal .cancel-btn,.storage-modal .confirm-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.storage-modal .cancel-btn{background-color:initial;border:1px solid #333;color:#ccc}.storage-modal .cancel-btn:hover{background-color:#1a1a1a;border-color:#444}.storage-modal .confirm-btn{background-color:#4CAF50;border:none;color:white}.storage-modal .confirm-btn:hover:not(:disabled){background-color:#45a049}.storage-modal .confirm-btn:disabled{background-color:#2a2a2a;color:#666;cursor:not-allowed}.pricing-display{display:inline-flex;align-items:center;margin:0 16px;font-size:12px;color:#888;position:relative}.pricing-hint{color:#666;font-style:italic}.pricing-button{background:none;border:1px solid #333;border-radius:6px;padding:6px 12px;color:#ccc;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;font-size:12px;font-family:inherit}.pricing-button:hover{background-color:#1a1a1a;border-color:#4CAF50;color:#fff}.pricing-summary{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.pricing-summary:hover{background-color:rgba(76,175,80,.1)}.pricing-label{color:#999}.pricing-amount{color:#4CAF50;font-weight:600;font-size:13px}.pricing-comparison{color:#666;font-size:11px;font-style:italic}.pricing-expand{background:none;border:none;color:#666;cursor:pointer;padding:0;margin-left:4px;font-size:10px}.pricing-details{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:8px;background-color:#111;border:1px solid #333;border-radius:8px;padding:16px;width:500px;max-width:90vw;z-index:1000;box-shadow:0 8px 32px rgba(0,0,0,.4)}.storage-options{margin-bottom:20px}.storage-options h4{color:#fff;font-size:14px;margin-bottom:12px}.storage-option{background-color:#1a1a1a;border:1px solid #333;border-radius:6px;padding:12px;margin-bottom:8px;cursor:pointer;transition:all .2s ease}.storage-option:hover{border-color:#4CAF50;background-color:#222}.storage-option.selected{border-color:#4CAF50;background-color:rgba(76,175,80,.1)}.option-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.option-icon{font-size:18px}.option-name{color:#fff;font-weight:600;font-size:13px}.option-description{color:#999;font-size:11px;margin-bottom:8px;line-height:1.4}.option-features{display:flex;flex-wrap:wrap;gap:6px}.feature-tag{background-color:rgba(76,175,80,.2);color:#4CAF50;padding:2px 6px;border-radius:3px}.pricing-breakdown h4{color:#fff;font-size:14px;margin-bottom:12px}.breakdown-table{width:100%;font-size:12px;margin-bottom:16px}.breakdown-table td{padding:6px 0;color:#ccc}.breakdown-table td:first-child{color:#999;width:60%}.breakdown-table td:last-child{text-align:right;color:#fff}.total-row td{padding-top:12px;border-top:1px solid #333;font-weight:600}.usd-equivalent{color:#4CAF50;font-size:11px}.pricing-notes{margin-top:16px;padding-top:16px;border-top:1px solid #333}.pricing-notes .note{color:#999;font-size:11px;line-height:1.5;margin-bottom:8px}.pricing-notes .note strong{color:#ccc}.pricing-notes .note.highlight{background-color:rgba(76,175,80,.1);padding:8px;border-radius:4px;border:1px solid rgba(76,175,80,.3);color:#4CAF50}.toolbar-mobile{display:none;justify-content:space-between;align-items:center;width:100%}.mobile-main-actions{display:flex;align-items:center;gap:12px}.save-btn-mobile{background-color:#4CAF50;color:#fff;border:1px solid #45a049;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.save-btn-mobile:hover{background-color:#45a049;transform:translateY(-1px)}.mobile-dropdown-container{position:relative}.mobile-actions-btn{background-color:#333;color:#fff;border:1px solid #555;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.mobile-actions-btn:hover{background-color:#444}.mobile-dropdown{position:absolute;top:100%;right:0;background-color:#1a1a1a;border:1px solid #333;border-radius:6px;min-width:200px;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:100;margin-top:4px}.dropdown-item{width:100%;background:none;border:none;color:#ffffff;font-size:14px;padding:12px 16px;text-align:left;cursor:pointer;transition:background-color .2s ease;display:block}.dropdown-item:hover{background-color:#2a2a2a}.dropdown-item:first-child{border-radius:6px 6px 0 0}.dropdown-item:last-child{border-radius:0 0 6px 6px}.dropdown-item.encrypted{color:#4CAF50}.mobile-stats{display:flex;gap:8px;font-size:12px;color:#888;align-items:center}.char-count,.mobile-pricing-cost,.mobile-pricing-hint,.word-count{padding:4px 8px;background-color:#2a2a2a;border-radius:4px}.mobile-pricing-cost,.mobile-pricing-hint{color:#4CAF50;font-weight:600;cursor:pointer;transition:background-color .2s ease}.mobile-pricing-cost:hover{background-color:#3a3a3a}.toolbar-desktop{display:flex;justify-content:space-between;align-items:center;width:100%}@media (max-width:768px){.toolbar{padding:12px 16px;min-height:56px}.toolbar-mobile{display:flex}.toolbar-desktop{display:none}.editor{padding:16px 20px;font-size:16px}.app-title-container{flex-direction:column;gap:8px}.title-text{align-items:center}.app-logo{width:28px!important;height:28px!important}.status-bar{padding:8px 16px;min-height:36px;font-size:12px}.login-box{padding:24px;margin:20px}.document-list-modal{width:95%;max-height:90vh}.storage-modal{width:95vw;max-height:85vh;margin:0 auto}.storage-modal .modal-content{padding:16px}.storage-methods{gap:12px}.storage-option{padding:16px}.shares-grid{grid-template-columns:1fr;gap:12px}.cost-breakdown{font-size:14px}.document-sidebar{display:none}}.tokenize-modal{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);border-radius:16px;max-width:900px;width:90%;max-height:90vh;overflow-y:auto;padding:0;box-shadow:0 20px 60px rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.1)}.tokenize-modal .modal-header{padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.3);border-radius:16px 16px 0 0}.tokenize-modal .modal-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.tokenize-modal .modal-body{padding:32px}.document-info-box{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:32px}.document-info-box h3{color:#fff;font-size:18px;margin:0 0 8px}.document-info-box p{color:rgba(255,255,255,.6);font-size:14px;margin:0}.protocol-section{margin-bottom:32px}.protocol-section h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:20px}.protocol-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.protocol-card{background:rgba(255,255,255,.02);border:2px solid transparent;border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease}.protocol-card:hover{background:rgba(255,255,255,.05);transform:translateY(-2px)}.protocol-card.selected{background:rgba(255,255,255,.08);box-shadow:0 4px 12px rgba(0,0,0,.3)}.protocol-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.protocol-icon{font-size:24px}.protocol-header h4{color:#fff;font-size:14px;font-weight:600;margin:0}.protocol-description{color:rgba(255,255,255,.6);font-size:12px;line-height:1.4;margin-bottom:12px}.protocol-features{display:flex;flex-wrap:wrap;gap:6px}.feature-tag{padding:4px 8px;border-radius:4px;font-size:10px;font-weight:500}.token-config-section{margin-bottom:32px}.token-config-section h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:20px}.token-config-section h4{color:rgba(255,255,255,.8);font-size:16px;font-weight:500;margin:24px 0 16px}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:rgba(255,255,255,.8);font-size:13px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;color:#fff;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:rgba(255,255,255,.3);background:rgba(0,0,0,.6)}.form-group small{color:rgba(255,255,255,.4);font-size:11px;margin-top:4px}.cost-estimation{background:rgba(0,122,204,.05);border:1px solid rgba(0,122,204,.2);border-radius:12px;padding:20px;margin-top:24px}.cost-estimation h3{color:#007acc;font-size:16px;font-weight:600;margin-bottom:16px}.cost-breakdown{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.cost-item{display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.7);font-size:14px}.cost-item.total{color:#fff;font-weight:600;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.cost-note{color:rgba(255,255,255,.4);font-size:11px;font-style:italic}.tokenize-modal .modal-footer{padding:20px 32px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:12px;background:rgba(0,0,0,.2);border-radius:0 0 16px 16px}.tokenize-btn{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;color:white}.tokenize-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.twitter-modal{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);border-radius:16px;max-width:600px;width:90%;max-height:85vh;overflow-y:auto;padding:0;box-shadow:0 20px 60px rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.1)}.twitter-modal .modal-header{padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.3);border-radius:16px 16px 0 0}.twitter-modal .modal-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.twitter-modal .modal-body{padding:32px}.twitter-auth-section{padding:40px 20px;text-align:center}.auth-prompt,.twitter-auth-section{display:flex;flex-direction:column;align-items:center}.auth-prompt{gap:20px}.twitter-logo-large{color:#1DA1F2}.auth-prompt h3{color:#fff;font-size:22px;font-weight:600;margin:0}.auth-prompt p{color:rgba(255,255,255,.6);font-size:16px;margin:0}.twitter-login-btn{background:#1DA1F2;color:white;border:none;padding:12px 24px;border-radius:24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:10px}.twitter-login-btn:hover{background:#1a8cd8;transform:translateY(-1px);box-shadow:0 4px 12px rgba(29,161,242,.3)}.twitter-login-btn:disabled{opacity:.7;cursor:not-allowed}.twitter-user-info{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(255,255,255,.03);border-radius:12px;margin-bottom:24px}.twitter-avatar{width:48px;height:48px;border-radius:50%}.twitter-user-details{flex:1 1}.twitter-name{color:#fff;font-size:16px;font-weight:600}.twitter-handle{color:rgba(255,255,255,.5);font-size:14px}.twitter-logout-btn{background:transparent;color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.2);padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.twitter-logout-btn:hover{background:rgba(255,255,255,.05);color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.3)}.document-preview{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;margin-bottom:24px}.document-preview h3{color:#fff;font-size:18px;margin:0 0 8px}.document-preview .word-count{color:rgba(255,255,255,.5);font-size:14px;margin:0}.snippet-section{margin-bottom:24px}.snippet-section h4{color:rgba(255,255,255,.8);font-size:14px;font-weight:500;margin-bottom:12px}.snippet-options{display:flex;gap:16px;margin-bottom:16px}.snippet-option{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.7);font-size:14px;cursor:pointer}.snippet-option input[type=radio]{cursor:pointer}.custom-range{margin-top:16px}.range-inputs{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.range-inputs label{display:flex;flex-direction:column;gap:8px;color:rgba(255,255,255,.7);font-size:13px}.range-inputs input[type=number]{background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px;color:#fff;font-size:14px}.tweet-composer{margin-bottom:24px}.tweet-input{width:100%;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;color:#fff;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;resize:none;transition:all .2s}.tweet-input:focus{outline:none;border-color:#1DA1F2;background:rgba(0,0,0,.6)}.tweet-input.over-limit{border-color:#e0245e}.tweet-options{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.option-group{display:flex;gap:20px}.tweet-option{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.7);font-size:14px}.tweet-option,.tweet-option input[type=checkbox]{cursor:pointer}.character-count{color:rgba(255,255,255,.5);font-size:14px;font-weight:500}.character-count.over-limit{color:#e0245e}.success-message{background:rgba(0,255,0,.1);border:1px solid rgba(0,255,0,.3);border-radius:8px;padding:12px;display:flex;justify-content:space-between;align-items:center;margin-top:16px;color:#00ff00;font-size:14px}.success-message a{color:#00ff00;text-decoration:none;font-weight:500;transition:opacity .2s}.success-message a:hover{opacity:.8}.twitter-modal .modal-footer{padding:20px 32px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:12px;background:rgba(0,0,0,.2);border-radius:0 0 16px 16px}.post-btn{background:#1DA1F2;color:white;border:none;padding:10px 20px;border-radius:20px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.post-btn:hover{background:#1a8cd8;transform:translateY(-1px);box-shadow:0 4px 12px rgba(29,161,242,.3)}.post-btn:disabled{opacity:.5;cursor:not-allowed}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}.twitter-share-btn{background:#1DA1F2;color:white;border:none;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.twitter-share-btn:hover{background:#1a8cd8;transform:translateY(-1px);box-shadow:0 2px 8px rgba(29,161,242,.3)}.twitter-share-btn:disabled{opacity:.6;cursor:not-allowed}.features-view-wrapper{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;flex-direction:column}.features-view-wrapper .features-page{flex:1 1;overflow-y:auto;overflow-x:hidden}.features-close-btn{position:fixed;top:60px;right:20px;z-index:1001;background:#1a1a1a;color:#fff;border:1px solid #444;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .2s;box-shadow:0 2px 10px rgba(0,0,0,.5)}.features-close-btn:hover{background:#8b5cf6;color:#000;border-color:#8b5cf6;transform:scale(1.1)}