@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";.inline-widget{margin:16px 0;padding:16px;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:12px;border:1px solid rgba(0,180,216,.2);box-shadow:0 4px 20px #0000004d;transition:all .3s ease;width:100%;max-width:100%;box-sizing:border-box}.inline-widget:hover{border-color:#00b4d866;box-shadow:0 6px 25px #00b4d81a}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.widget-header h4{margin:0;color:#00b4d8;font-size:16px;font-weight:600}.widget-header h5{margin:0 0 8px;color:#00b4d8;font-size:14px;font-weight:600}.price-chart-widget .price-change{padding:4px 8px;border-radius:6px;font-weight:600;font-size:14px}.price-change.positive{background:rgba(34,197,94,.2);color:#22c55e}.price-change.negative{background:rgba(239,68,68,.2);color:#ef4444}.mini-chart{height:100px;margin:12px 0;background:rgba(0,0,0,.2);border-radius:8px;padding:8px}.chart-svg{width:100%;height:100%}.chart-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.stat{text-align:center;padding:8px;background:rgba(0,0,0,.2);border-radius:6px}.stat span{display:block;font-size:12px;color:#94a3b8;margin-bottom:4px}.stat strong{font-size:14px;color:#e2e8f0}.portfolio-widget .total-change{padding:4px 8px;border-radius:6px;font-weight:600;font-size:14px}.portfolio-positions{display:flex;flex-direction:column;gap:12px}.position-item{padding:12px;background:rgba(0,0,0,.2);border-radius:8px;border:1px solid rgba(255,255,255,.05)}.position-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.crypto-name{font-weight:600;color:#e2e8f0}.position-value{font-weight:600;color:#00b4d8}.position-details{display:flex;align-items:center;gap:12px}.percentage-bar{flex:1;height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden}.percentage-fill{height:100%;background:linear-gradient(90deg,#00b4d8,#0077b6);transition:width .5s ease}.position-change{font-size:12px;font-weight:600;padding:2px 6px;border-radius:4px}.news-items{display:flex;flex-direction:column;gap:12px}.news-item{padding:12px;background:rgba(0,0,0,.2);border-radius:8px;border-left:3px solid #00b4d8}.news-content h5{margin:0 0 8px;color:#e2e8f0;font-size:14px;line-height:1.4}.news-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.impact-badge{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.impact-badge.positive{background:rgba(34,197,94,.2);color:#22c55e}.impact-badge.negative{background:rgba(239,68,68,.2);color:#ef4444}.affected-coins,.impact-score{font-size:11px;color:#94a3b8}.order-details{background:rgba(0,0,0,.2);border-radius:8px;padding:12px}.order-summary{display:flex;flex-direction:column;gap:8px}.order-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.order-row.highlight{background:rgba(0,180,216,.1);border-radius:6px;padding:8px 12px;margin-top:8px}.order-row span{color:#94a3b8;font-size:14px}.order-row strong{color:#e2e8f0;font-weight:600}.order-row strong.positive{color:#22c55e}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.game-stat{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(0,0,0,.2);border-radius:8px}.stat-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.stat-info{display:flex;flex-direction:column}.stat-info span{font-size:12px;color:#94a3b8;margin-bottom:2px}.stat-info strong{font-size:14px;color:#e2e8f0;font-weight:600}.achievements{padding:12px;background:rgba(0,0,0,.2);border-radius:8px}.achievement-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.achievement-badge{padding:4px 8px;background:rgba(0,180,216,.2);color:#00b4d8;border-radius:12px;font-size:11px;font-weight:600}@media (max-width: 480px){.chart-stats{grid-template-columns:1fr;gap:8px}.stat-grid{grid-template-columns:1fr}.news-meta{flex-direction:column;align-items:flex-start;gap:4px}.position-details{flex-direction:column;align-items:stretch;gap:8px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#0f0f23 0%,#1a1a2e 100%);min-height:100vh;padding:20px;color:#fff;line-height:1.6;overflow-x:hidden}.device-frame{text-align:center;margin-bottom:20px}.device-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#00b4d8,#00f5a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.device-subtitle{color:#9ca3af;font-size:.9rem;font-weight:400}.mobile-container{max-width:375px;width:375px;height:812px;margin:0 auto;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f0f23 100%);border-radius:30px;box-shadow:0 25px 50px #000000b3,0 0 0 8px #ffffff1a,inset 0 1px #ffffff1a;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-container:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:150px;height:25px;background:rgba(0,0,0,.8);border-radius:0 0 15px 15px;z-index:1000}.app-header{display:flex;justify-content:space-between;align-items:center;padding:60px 20px 20px;position:relative;z-index:10}.header-left{display:flex;align-items:center;gap:15px}.menu-icon{font-size:20px;color:#9ca3af;cursor:pointer;transition:color .3s ease}.menu-icon:hover{color:#00b4d8}.app-title{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#00b4d8,#00f5a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-right{display:flex;align-items:center;gap:15px}.notification-icon{font-size:18px;color:#9ca3af;cursor:pointer;transition:color .3s ease}.notification-icon:hover{color:#00b4d8}.user-avatar{width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,#00b4d8,#00f5a0);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;color:#fff;cursor:pointer;transition:transform .3s ease}.user-avatar:hover{transform:scale(1.1)}.portfolio-section{padding:20px;text-align:center;background:rgba(255,255,255,.05);margin:0 20px 20px;border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.portfolio-header h2{font-size:1rem;color:#9ca3af;margin-bottom:10px;font-weight:500}.balance-amount{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:5px}.balance-change{font-size:1rem;font-weight:600}.balance-change.positive{color:#00f5a0}.balance-change.negative{color:#ff6b6b}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:25px}.action-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:15px;padding:15px 8px;color:#fff;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;gap:8px}.action-btn:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.action-btn i{font-size:1.2rem}.buy-btn:hover{border-color:#00f5a0;box-shadow:0 5px 15px #00f5a04d}.sell-btn:hover{border-color:#ff6b6b;box-shadow:0 5px 15px #ff6b6b4d}.swap-btn:hover,.send-btn:hover{border-color:#00b4d8;box-shadow:0 5px 15px #00b4d84d}.holdings-section{padding:0 20px 20px}.holdings-section h3{font-size:1.1rem;font-weight:600;margin-bottom:15px;color:#fff}.coin-list{display:flex;flex-direction:column;gap:12px}.coin-item{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.05);padding:15px;border-radius:15px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer}.coin-item:hover{background:rgba(255,255,255,.08);transform:translateY(-2px);box-shadow:0 5px 15px #00b4d833}.coin-info{display:flex;align-items:center;gap:12px}.coin-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.coin-icon.btc{background:linear-gradient(135deg,#f7931a,#ffb347);color:#fff}.coin-icon.eth{background:linear-gradient(135deg,#627eea,#8c9eff);color:#fff}.coin-icon.sol{background:linear-gradient(135deg,#14f195,#9945ff);color:#fff}.coin-details{display:flex;flex-direction:column}.coin-name{font-weight:600;color:#fff;font-size:.95rem}.coin-amount{font-size:.8rem;color:#9ca3af}.coin-value{text-align:right}.coin-value .value{font-weight:600;color:#fff;font-size:.95rem}.coin-value .change{font-size:.8rem;font-weight:500}.coin-value .change.positive{color:#00f5a0}.coin-value .change.negative{color:#ff6b6b}.ai-assistant-container{position:fixed;bottom:30px;right:30px;z-index:100;display:flex;flex-direction:column;align-items:center;gap:12px}.quick-actions-floating{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.quick-action-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,rgba(0,180,216,.9),rgba(0,245,160,.9));border:none;border-radius:20px;color:#0f0f23;font-weight:600;font-size:11px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;min-width:85px;justify-content:flex-start}.quick-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00b4d866;background:linear-gradient(135deg,rgba(0,180,216,1),rgba(0,245,160,1))}.action-icon{font-size:14px}.action-text{font-size:10px;font-weight:700}.ai-assistant-avatar{cursor:pointer;text-align:center}.avatar-container{position:relative;width:70px;height:70px;margin:0 auto 8px}.avatar-glow{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:linear-gradient(135deg,#00b4d8,#00f5a0);border-radius:50%;opacity:.6;animation:glow-pulse 2s ease-in-out infinite alternate}.avatar-face{position:relative;width:70px;height:70px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:50%;border:3px solid rgba(0,180,216,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;transition:all .3s ease}.avatar-face:hover{transform:scale(1.1);border-color:#00b4d8}.avatar-eyes{display:flex;gap:8px;margin-bottom:4px}.eye{width:6px;height:6px;background:#00f5a0;border-radius:50%;animation:blink 3s ease-in-out infinite}.avatar-mouth{width:12px;height:6px;border:2px solid #00f5a0;border-top:none;border-radius:0 0 12px 12px}.pulse-ring{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:2px solid rgba(0,180,216,.3);border-radius:50%;animation:pulse-ring 2s ease-out infinite}.avatar-name{font-size:.7rem;font-weight:600;color:#00b4d8;text-shadow:0 2px 4px rgba(0,0,0,.3)}.chat-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;display:flex;flex-direction:column}.chat-content{max-width:400px;width:100%;height:100%;margin:0 auto;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);display:flex;flex-direction:column;border-radius:0}@media (min-width: 768px){.chat-content{margin:50px auto;height:calc(100vh - 100px);border-radius:20px;border:1px solid rgba(255,255,255,.1)}}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:60px 20px 20px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.1);border-radius:20px 20px 0 0}.chat-header-info{display:flex;align-items:center;gap:12px}.chat-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.avatar-face-mini{width:40px;height:40px;background:linear-gradient(135deg,#00b4d8,#00f5a0);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:2px solid rgba(255,255,255,.2)}.chat-title h3{font-size:1.1rem;font-weight:600;color:#fff}.chat-title .status{font-size:.8rem;color:#00f5a0}.close-chat{background:none;border:none;color:#9ca3af;font-size:1.2rem;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.close-chat:hover{color:#fff;background:rgba(255,255,255,.1)}.chat-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px;max-height:calc(100vh - 200px)}.message{max-width:85%;animation:slideIn .3s ease-out}.ai-message{align-self:flex-start}.user-message{align-self:flex-end}.message-content{display:flex;flex-direction:column;gap:12px}.message-text{background:rgba(255,255,255,.1);padding:15px;border-radius:18px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);line-height:1.5;white-space:pre-wrap}.ai-message .message-text{background:linear-gradient(135deg,rgba(0,180,216,.2),rgba(0,245,160,.1));border-color:#00b4d84d}.user-message .message-text{background:rgba(255,255,255,.15);border-color:#fff3}.action-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.action-btn{background:rgba(0,180,216,.2);border:1px solid rgba(0,180,216,.4);border-radius:20px;padding:8px 16px;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn:hover{background:rgba(0,180,216,.3);transform:translateY(-1px)}.chat-input-container{padding:15px 20px 30px;background:rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.1);border-radius:0 0 20px 20px}.chat-input-wrapper{display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:25px;padding:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.chat-input-wrapper:focus-within{border-color:#00b4d8;box-shadow:0 0 0 3px #00b4d833}.chat-input{flex:1;background:none;border:none;padding:8px 12px;color:#fff;font-size:.9rem;outline:none;font-family:inherit}.chat-input::placeholder{color:#9ca3af}.send-button{background:linear-gradient(135deg,#00b4d8,#00f5a0);border:none;border-radius:20px;padding:8px 16px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:60px}.send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00b4d84d}.send-button:disabled{opacity:.5;cursor:not-allowed}.typing-indicator{display:flex;gap:4px;align-items:center;padding:10px 0}.typing-indicator span{width:8px;height:8px;background:#00b4d8;border-radius:50%;animation:typing 1.4s infinite ease-in-out}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@media (max-width: 400px){.mobile-container{width:100%;max-width:100%;border-radius:0;height:100vh}.mobile-container:before{display:none}.app-header{padding-top:40px}.action-buttons{flex-direction:column;gap:6px}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3000;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #00b4d8;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-overlay p{font-size:.9rem;color:#9ca3af}@keyframes glow-pulse{0%{opacity:.4;transform:scale(1)}to{opacity:.8;transform:scale(1.05)}}@keyframes blink{0%,90%,to{opacity:1}95%{opacity:0}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(1.3);opacity:0}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suggestion-btn.advanced-btn{background:linear-gradient(135deg,rgba(0,180,216,.2),rgba(0,245,160,.1));border-color:#00b4d866}.suggestion-btn.advanced-btn:hover{background:linear-gradient(135deg,rgba(0,180,216,.3),rgba(0,245,160,.2));border-color:#00b4d899}.typing-indicator{display:flex;gap:4px;align-items:center}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#00b4d8;animation:typing 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-10px);opacity:1}}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 400px){.mobile-container{width:100%;max-width:100%;border-radius:0;height:100vh}.mobile-container:before{display:none}.app-header{padding-top:40px}}.suggestion-btn.advanced-btn{background:linear-gradient(135deg,rgba(0,180,216,.2),rgba(0,245,160,.1));border:1px solid rgba(0,180,216,.3)}.suggestion-btn.advanced-btn:hover{background:linear-gradient(135deg,rgba(0,180,216,.3),rgba(0,245,160,.2));border-color:#00b4d880;transform:translateY(-2px);box-shadow:0 5px 15px #00b4d84d}.typing-indicator{display:flex;gap:4px;align-items:center;padding:8px 0}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:#00b4d8;animation:typing-bounce 1.4s ease-in-out infinite both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.typing-indicator span:nth-child(3){animation-delay:0s}@keyframes typing-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-content{position:relative;z-index:1001}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-size:.9rem;font-weight:500;color:#fff}.form-row{display:grid;gap:10px}.modal-content{transform-origin:center center}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:rgba(0,180,216,.5);border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:rgba(0,180,216,.7)}.chart-container{position:relative;height:400px;width:100%}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.achievement-badge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,rgba(0,245,160,.2),rgba(0,180,216,.1));border:1px solid rgba(0,245,160,.3);border-radius:20px;padding:5px 10px;font-size:.75rem;font-weight:600;color:#00f5a0}.progress-bar{width:100%;height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#00b4d8,#00f5a0);border-radius:4px;transition:width .8s ease}.floating-action{position:fixed;bottom:120px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,rgba(0,180,216,.9),rgba(0,245,160,.9));border:none;border-radius:50%;color:#fff;font-size:1.2rem;cursor:pointer;z-index:99;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 5px 15px #00b4d866}.floating-action:hover{transform:scale(1.1);box-shadow:0 8px 25px #00b4d899}.glow-effect{position:relative}.glow-effect:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#00b4d8,#00f5a0,#00b4d8);border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease}.glow-effect:hover:before{opacity:.7;animation:glow-rotate 2s linear infinite}@keyframes glow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.price-ticker{animation:price-pulse 2s ease-in-out infinite}@keyframes price-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.impact-high{background:rgba(255,107,107,.2);border-color:#ff6b6b66;color:#ff6b6b}.impact-medium{background:rgba(255,165,0,.2);border-color:#ffa50066;color:orange}.impact-low{background:rgba(0,245,160,.2);border-color:#00f5a066;color:#00f5a0}.scratch-card{position:relative;overflow:hidden}.scratch-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#666,#999,#666);cursor:crosshair;transition:opacity .3s ease}.scratch-overlay.scratched{opacity:0;pointer-events:none}.wheel-container{position:relative;display:inline-block}.wheel-pointer{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #ffffff;z-index:10}.loading-shimmer{background:linear-gradient(90deg,rgba(255,255,255,.1) 25%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 75%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 400px){.mobile-container{width:100%;max-width:100%;border-radius:0;height:100vh}.mobile-container:before{display:none}.app-header{padding-top:40px}.suggestion-buttons{grid-template-columns:1fr;gap:8px}.form-row{grid-template-columns:1fr}.modal-content{margin:10px;max-width:calc(100vw - 20px)}}