.cloud-history-section{background:#f8f9fa;padding:4rem 0;margin:2rem 0}.cloud-history-section .container{max-width:1200px;margin:0 auto;padding:0 2rem}#auth-container{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}#user-info{display:flex;align-items:center;gap:16px}#user-name{font-weight:500;color:#333}.action-buttons{display:flex;gap:4px;margin:8px 0 4px 0}.action-buttons button{padding:8px;border-radius:4px;border:none;cursor:pointer;transition:background-color .2s ease}.action-buttons button:hover{background-color:#f0f0f0}.action-buttons button i{font-size:1rem}#search-container{margin:8px 0 4px 0}#search-input{width:100%;padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:.95rem;transition:border-color .3s ease}#search-input:focus{outline:0;border-color:#666}#clips-container{padding:.5rem .5rem 0 .5rem;background:0 0;box-shadow:none;border-radius:0}.clip-item{display:flex;align-items:stretch;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:6px;box-shadow:0 1px 4px rgba(60,60,60,.06);font-size:.93rem;min-height:32px;transition:box-shadow .18s,transform .18s}.clip-item:hover{box-shadow:0 4px 16px rgba(60,60,60,.1);transform:scale(1.012);border-color:#c7d2fe}.clip-content{flex:1 1 auto;padding:7px 0 7px 14px;display:flex;align-items:center;position:relative;background:0 0}.clip-text{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:pre-line;cursor:pointer;position:relative;margin-bottom:2px;font-size:.93rem;line-height:1.32;color:#222;word-break:break-all;padding-right:48px;background:0 0;border-bottom:1px solid #ececec;transition:background .2s}.clip-text.expanded{-webkit-line-clamp:unset;line-clamp:unset;max-height:none;overflow:visible;text-overflow:unset;white-space:pre-line;background:#f5f7fa}.clip-meta{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:2px;margin-top:2px}.clip-tag{background:#e0e7ef;color:#2563eb;border-radius:999px;font-size:.78em;padding:2px 10px;font-weight:500;letter-spacing:.01em;display:inline-block}.clip-actions{display:flex;align-items:center;gap:4px;padding:0 12px 0 16px;border-left:1px solid #ececec;background:0 0;position:relative;z-index:2}.clip-actions button{padding:0;width:26px;height:26px;border-radius:50%;border:none;cursor:pointer;font-size:14px;background:#f3f4f6;color:#444;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(60,60,60,.04);transition:background .15s,color .15s,box-shadow .15s}.clip-actions button i{font-size:14px}.clip-actions button:hover{background:#e0e7ef;color:#2563eb;box-shadow:0 2px 8px rgba(60,60,60,.1)}.btn-primary{background-color:#3ecf8e;color:#fff;border:none}.btn-primary:hover{background-color:#2fb67e}.btn-secondary{background-color:#f8f9fa;color:#333;border:1px solid #e0e0e0}.btn-secondary:hover{background-color:#e9ecef}.btn-danger{background-color:#fff;color:#dc3545;border:1px solid #dc3545}.btn-danger:hover{background-color:#dc3545;color:#fff}.btn-info{background-color:#fff;color:#17a2b8;border:1px solid #17a2b8}.btn-info:hover{background-color:#17a2b8;color:#fff}#loading,#no-clips{text-align:center;padding:2rem;color:#666;font-size:1rem}.toast{position:fixed;bottom:20px;right:20px;background-color:#333;color:#fff;padding:12px 24px;border-radius:4px;z-index:1000;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000}.modal-content{position:relative;background-color:#fff;margin:10% auto;padding:20px;width:80%;max-width:600px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{margin:0;color:#333}.close-modal{background:0 0;border:none;font-size:24px;cursor:pointer;color:#666}.modal-body{margin-bottom:20px}.modal-body textarea{width:100%;min-height:150px;padding:12px;border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit;font-size:14px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.modal-footer .btn{min-width:90px;font-size:1rem;padding:8px 20px;border-radius:4px;border:none;cursor:pointer;transition:background .2s,color .2s}.modal-footer .btn-primary{background:#3ecf8e;color:#fff;margin-right:4px}.modal-footer .btn-primary:focus,.modal-footer .btn-primary:hover{background:#2fb67e;color:#fff}.modal-footer .btn-secondary{background:#f8f9fa;color:#333;border:1px solid #e0e0e0}.modal-footer .btn-secondary:focus,.modal-footer .btn-secondary:hover{background:#e9ecef;color:#333}#sign-out-button{min-width:110px;font-size:1rem;padding:8px 20px;border-radius:4px;border:none;background:#f8f9fa;color:#333;border:1px solid #e0e0e0;transition:background .2s,color .2s;display:flex;align-items:center;gap:8px}#sign-out-button:focus,#sign-out-button:hover{background:#e9ecef;color:#333}@media (max-width:768px){.modal-content{width:95%;margin:5% auto}.clip-item{padding:4px 2px 4px 6px;font-size:.89rem}.clip-text{font-size:.89rem}.clip-actions button{font-size:12px;width:22px;height:22px}#auth-container{flex-direction:column;gap:16px;text-align:center}.action-buttons{flex-direction:column}.action-buttons button{width:100%}}.app-download-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(60,60,60,.07);padding:18px 20px 10px 20px;margin:0 auto 18px auto;max-width:700px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:18px}.app-download-header{width:100%;text-align:center;margin-bottom:8px}.app-download-stats{width:100%;text-align:center;margin-bottom:8px;display:flex;flex-direction:column;align-items:center;gap:8px}.app-download-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:18px;justify-content:center;align-items:center;width:100%;margin-top:8px}.app-download-item{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:80px}.app-icon{width:38px;height:38px;margin-bottom:2px;filter:drop-shadow(0 1px 2px rgba(60,60,60,.07))}.app-download-btn{margin-top:0;padding:5px 18px;font-size:.97rem;border-radius:20px;font-weight:500;box-shadow:0 1px 2px rgba(60,60,60,.04);transition:background .15s,color .15s,box-shadow .15s}.app-download-btn:hover{background:#2563eb;color:#fff;box-shadow:0 2px 8px rgba(60,60,60,.1)}.app-download-item i{width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#444;margin-bottom:2px;font-size:38px!important}@media (max-width:600px){.app-download-card{padding:10px 4px 6px 4px;max-width:98vw}.app-download-list{gap:10px}.app-download-item{min-width:60px}.app-icon{width:28px;height:28px}.app-download-btn{font-size:.91rem;padding:4px 10px}.app-download-item i{width:28px;height:28px;font-size:28px!important}}.gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;-webkit-border-radius:20px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:0;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}.gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.gsi-material-button:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}.gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#303030;opacity:12%}.gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}.app-download-item a{text-decoration:none}.app-download-icon-link i{color:#3ecf8e!important;font-size:38px;transition:color .18s}.app-download-icon-link:focus i,.app-download-icon-link:hover i{color:#2fb67e!important}@media (max-width:600px){.app-download-icon-link i{font-size:28px}}