@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Pacifico&display=swap";@font-face{font-family:remixicon;src:url(/assets/remixicon-Dj-GCdWP.eot?t=1766743011500);src:url(/assets/remixicon-Dj-GCdWP.eot?t=1766743011500#iefix) format("embedded-opentype"),url(/assets/remixicon-DMdG15mt.woff2?t=1766743011500) format("woff2"),url(/assets/remixicon-C6oSHjyR.woff?t=1766743011500) format("woff"),url(/assets/remixicon-Cr1pveRX.ttf?t=1766743011500) format("truetype"),url(/assets/remixicon-Cj6uv-K3.svg?t=1766743011500#remixicon) format("svg");font-display:swap}[class^=ri-],[class*=" ri-"]{font-family:remixicon!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ri-lg{font-size:1.3333em;line-height:.75em;vertical-align:-.0667em}.ri-xl{font-size:1.5em;line-height:.6666em;vertical-align:-.075em}.ri-xxs{font-size:.5em}.ri-xs{font-size:.75em}.ri-sm{font-size:.875em}.ri-1x{font-size:1em}.ri-2x{font-size:2em}.ri-3x{font-size:3em}.ri-4x{font-size:4em}.ri-5x{font-size:5em}.ri-6x{font-size:6em}.ri-7x{font-size:7em}.ri-8x{font-size:8em}.ri-9x{font-size:9em}.ri-10x{font-size:10em}.ri-fw{text-align:center;width:1.25em}.ri-24-hours-fill:before{content:""}.ri-24-hours-line:before{content:""}.ri-4k-fill:before{content:""}.ri-4k-line:before{content:""}.ri-a-b:before{content:""}.ri-account-box-fill:before{content:""}.ri-account-box-line:before{content:""}.ri-account-circle-fill:before{content:""}.ri-account-circle-line:before{content:""}.ri-account-pin-box-fill:before{content:""}.ri-account-pin-box-line:before{content:""}.ri-account-pin-circle-fill:before{content:""}.ri-account-pin-circle-line:before{content:""}.ri-add-box-fill:before{content:""}.ri-add-box-line:before{content:""}.ri-add-circle-fill:before{content:""}.ri-add-circle-line:before{content:""}.ri-add-fill:before{content:""}.ri-add-line:before{content:""}.ri-admin-fill:before{content:""}.ri-admin-line:before{content:""}.ri-advertisement-fill:before{content:""}.ri-advertisement-line:before{content:""}.ri-airplay-fill:before{content:""}.ri-airplay-line:before{content:""}.ri-alarm-fill:before{content:""}.ri-alarm-line:before{content:""}.ri-alarm-warning-fill:before{content:""}.ri-alarm-warning-line:before{content:""}.ri-album-fill:before{content:""}.ri-album-line:before{content:""}.ri-alert-fill:before{content:""}.ri-alert-line:before{content:""}.ri-aliens-fill:before{content:""}.ri-aliens-line:before{content:""}.ri-align-bottom:before{content:""}.ri-align-center:before{content:""}.ri-align-justify:before{content:""}.ri-align-left:before{content:""}.ri-align-right:before{content:""}.ri-align-top:before{content:""}.ri-align-vertically:before{content:""}.ri-alipay-fill:before{content:""}.ri-alipay-line:before{content:""}.ri-amazon-fill:before{content:""}.ri-amazon-line:before{content:""}.ri-anchor-fill:before{content:""}.ri-anchor-line:before{content:""}.ri-ancient-gate-fill:before{content:""}.ri-ancient-gate-line:before{content:""}.ri-ancient-pavilion-fill:before{content:""}.ri-ancient-pavilion-line:before{content:""}.ri-android-fill:before{content:""}.ri-android-line:before{content:""}.ri-angularjs-fill:before{content:""}.ri-angularjs-line:before{content:""}.ri-anticlockwise-2-fill:before{content:""}.ri-anticlockwise-2-line:before{content:""}.ri-anticlockwise-fill:before{content:""}.ri-anticlockwise-line:before{content:""}.ri-app-store-fill:before{content:""}.ri-app-store-line:before{content:""}.ri-apple-fill:before{content:""}.ri-apple-line:before{content:""}.ri-apps-2-fill:before{content:""}.ri-apps-2-line:before{content:""}.ri-apps-fill:before{content:""}.ri-apps-line:before{content:""}.ri-archive-drawer-fill:before{content:""}.ri-archive-drawer-line:before{content:""}.ri-archive-fill:before{content:""}.ri-archive-line:before{content:""}.ri-arrow-down-circle-fill:before{content:""}.ri-arrow-down-circle-line:before{content:""}.ri-arrow-down-fill:before{content:""}.ri-arrow-down-line:before{content:""}.ri-arrow-down-s-fill:before{content:""}.ri-arrow-down-s-line:before{content:""}.ri-arrow-drop-down-fill:before{content:""}.ri-arrow-drop-down-line:before{content:""}.ri-arrow-drop-left-fill:before{content:""}.ri-arrow-drop-left-line:before{content:""}.ri-arrow-drop-right-fill:before{content:""}.ri-arrow-drop-right-line:before{content:""}.ri-arrow-drop-up-fill:before{content:""}.ri-arrow-drop-up-line:before{content:""}.ri-arrow-go-back-fill:before{content:""}.ri-arrow-go-back-line:before{content:""}.ri-arrow-go-forward-fill:before{content:""}.ri-arrow-go-forward-line:before{content:""}.ri-arrow-left-circle-fill:before{content:""}.ri-arrow-left-circle-line:before{content:""}.ri-arrow-left-down-fill:before{content:""}.ri-arrow-left-down-line:before{content:""}.ri-arrow-left-fill:before{content:""}.ri-arrow-left-line:before{content:""}.ri-arrow-left-right-fill:before{content:""}.ri-arrow-left-right-line:before{content:""}.ri-arrow-left-s-fill:before{content:""}.ri-arrow-left-s-line:before{content:""}.ri-arrow-left-up-fill:before{content:""}.ri-arrow-left-up-line:before{content:""}.ri-arrow-right-circle-fill:before{content:""}.ri-arrow-right-circle-line:before{content:""}.ri-arrow-right-down-fill:before{content:""}.ri-arrow-right-down-line:before{content:""}.ri-arrow-right-fill:before{content:""}.ri-arrow-right-line:before{content:""}.ri-arrow-right-s-fill:before{content:""}.ri-arrow-right-s-line:before{content:""}.ri-arrow-right-up-fill:before{content:""}.ri-arrow-right-up-line:before{content:""}.ri-arrow-up-circle-fill:before{content:""}.ri-arrow-up-circle-line:before{content:""}.ri-arrow-up-down-fill:before{content:""}.ri-arrow-up-down-line:before{content:""}.ri-arrow-up-fill:before{content:""}.ri-arrow-up-line:before{content:""}.ri-arrow-up-s-fill:before{content:""}.ri-arrow-up-s-line:before{content:""}.ri-artboard-2-fill:before{content:""}.ri-artboard-2-line:before{content:""}.ri-artboard-fill:before{content:""}.ri-artboard-line:before{content:""}.ri-article-fill:before{content:""}.ri-article-line:before{content:""}.ri-aspect-ratio-fill:before{content:""}.ri-aspect-ratio-line:before{content:""}.ri-asterisk:before{content:""}.ri-at-fill:before{content:""}.ri-at-line:before{content:""}.ri-attachment-2:before{content:""}.ri-attachment-fill:before{content:""}.ri-attachment-line:before{content:""}.ri-auction-fill:before{content:""}.ri-auction-line:before{content:""}.ri-award-fill:before{content:""}.ri-award-line:before{content:""}.ri-baidu-fill:before{content:""}.ri-baidu-line:before{content:""}.ri-ball-pen-fill:before{content:""}.ri-ball-pen-line:before{content:""}.ri-bank-card-2-fill:before{content:""}.ri-bank-card-2-line:before{content:""}.ri-bank-card-fill:before{content:""}.ri-bank-card-line:before{content:""}.ri-bank-fill:before{content:""}.ri-bank-line:before{content:""}.ri-bar-chart-2-fill:before{content:""}.ri-bar-chart-2-line:before{content:""}.ri-bar-chart-box-fill:before{content:""}.ri-bar-chart-box-line:before{content:""}.ri-bar-chart-fill:before{content:""}.ri-bar-chart-grouped-fill:before{content:""}.ri-bar-chart-grouped-line:before{content:""}.ri-bar-chart-horizontal-fill:before{content:""}.ri-bar-chart-horizontal-line:before{content:""}.ri-bar-chart-line:before{content:""}.ri-barcode-box-fill:before{content:""}.ri-barcode-box-line:before{content:""}.ri-barcode-fill:before{content:""}.ri-barcode-line:before{content:""}.ri-barricade-fill:before{content:""}.ri-barricade-line:before{content:""}.ri-base-station-fill:before{content:""}.ri-base-station-line:before{content:""}.ri-basketball-fill:before{content:""}.ri-basketball-line:before{content:""}.ri-battery-2-charge-fill:before{content:""}.ri-battery-2-charge-line:before{content:""}.ri-battery-2-fill:before{content:""}.ri-battery-2-line:before{content:""}.ri-battery-charge-fill:before{content:""}.ri-battery-charge-line:before{content:""}.ri-battery-fill:before{content:""}.ri-battery-line:before{content:""}.ri-battery-low-fill:before{content:""}.ri-battery-low-line:before{content:""}.ri-battery-saver-fill:before{content:""}.ri-battery-saver-line:before{content:""}.ri-battery-share-fill:before{content:""}.ri-battery-share-line:before{content:""}.ri-bear-smile-fill:before{content:""}.ri-bear-smile-line:before{content:""}.ri-behance-fill:before{content:""}.ri-behance-line:before{content:""}.ri-bell-fill:before{content:""}.ri-bell-line:before{content:""}.ri-bike-fill:before{content:""}.ri-bike-line:before{content:""}.ri-bilibili-fill:before{content:""}.ri-bilibili-line:before{content:""}.ri-bill-fill:before{content:""}.ri-bill-line:before{content:""}.ri-billiards-fill:before{content:""}.ri-billiards-line:before{content:""}.ri-bit-coin-fill:before{content:""}.ri-bit-coin-line:before{content:""}.ri-blaze-fill:before{content:""}.ri-blaze-line:before{content:""}.ri-bluetooth-connect-fill:before{content:""}.ri-bluetooth-connect-line:before{content:""}.ri-bluetooth-fill:before{content:""}.ri-bluetooth-line:before{content:""}.ri-blur-off-fill:before{content:""}.ri-blur-off-line:before{content:""}.ri-body-scan-fill:before{content:""}.ri-body-scan-line:before{content:""}.ri-bold:before{content:""}.ri-book-2-fill:before{content:""}.ri-book-2-line:before{content:""}.ri-book-3-fill:before{content:""}.ri-book-3-line:before{content:""}.ri-book-fill:before{content:""}.ri-book-line:before{content:""}.ri-book-marked-fill:before{content:""}.ri-book-marked-line:before{content:""}.ri-book-open-fill:before{content:""}.ri-book-open-line:before{content:""}.ri-book-read-fill:before{content:""}.ri-book-read-line:before{content:""}.ri-booklet-fill:before{content:""}.ri-booklet-line:before{content:""}.ri-bookmark-2-fill:before{content:""}.ri-bookmark-2-line:before{content:""}.ri-bookmark-3-fill:before{content:""}.ri-bookmark-3-line:before{content:""}.ri-bookmark-fill:before{content:""}.ri-bookmark-line:before{content:""}.ri-boxing-fill:before{content:""}.ri-boxing-line:before{content:""}.ri-braces-fill:before{content:""}.ri-braces-line:before{content:""}.ri-brackets-fill:before{content:""}.ri-brackets-line:before{content:""}.ri-briefcase-2-fill:before{content:""}.ri-briefcase-2-line:before{content:""}.ri-briefcase-3-fill:before{content:""}.ri-briefcase-3-line:before{content:""}.ri-briefcase-4-fill:before{content:""}.ri-briefcase-4-line:before{content:""}.ri-briefcase-5-fill:before{content:""}.ri-briefcase-5-line:before{content:""}.ri-briefcase-fill:before{content:""}.ri-briefcase-line:before{content:""}.ri-bring-forward:before{content:""}.ri-bring-to-front:before{content:""}.ri-broadcast-fill:before{content:""}.ri-broadcast-line:before{content:""}.ri-brush-2-fill:before{content:""}.ri-brush-2-line:before{content:""}.ri-brush-3-fill:before{content:""}.ri-brush-3-line:before{content:""}.ri-brush-4-fill:before{content:""}.ri-brush-4-line:before{content:""}.ri-brush-fill:before{content:""}.ri-brush-line:before{content:""}.ri-bubble-chart-fill:before{content:""}.ri-bubble-chart-line:before{content:""}.ri-bug-2-fill:before{content:""}.ri-bug-2-line:before{content:""}.ri-bug-fill:before{content:""}.ri-bug-line:before{content:""}.ri-building-2-fill:before{content:""}.ri-building-2-line:before{content:""}.ri-building-3-fill:before{content:""}.ri-building-3-line:before{content:""}.ri-building-4-fill:before{content:""}.ri-building-4-line:before{content:""}.ri-building-fill:before{content:""}.ri-building-line:before{content:""}.ri-bus-2-fill:before{content:""}.ri-bus-2-line:before{content:""}.ri-bus-fill:before{content:""}.ri-bus-line:before{content:""}.ri-bus-wifi-fill:before{content:""}.ri-bus-wifi-line:before{content:""}.ri-cactus-fill:before{content:""}.ri-cactus-line:before{content:""}.ri-cake-2-fill:before{content:""}.ri-cake-2-line:before{content:""}.ri-cake-3-fill:before{content:""}.ri-cake-3-line:before{content:""}.ri-cake-fill:before{content:""}.ri-cake-line:before{content:""}.ri-calculator-fill:before{content:""}.ri-calculator-line:before{content:""}.ri-calendar-2-fill:before{content:""}.ri-calendar-2-line:before{content:""}.ri-calendar-check-fill:before{content:""}.ri-calendar-check-line:before{content:""}.ri-calendar-event-fill:before{content:""}.ri-calendar-event-line:before{content:""}.ri-calendar-fill:before{content:""}.ri-calendar-line:before{content:""}.ri-calendar-todo-fill:before{content:""}.ri-calendar-todo-line:before{content:""}.ri-camera-2-fill:before{content:""}.ri-camera-2-line:before{content:""}.ri-camera-3-fill:before{content:""}.ri-camera-3-line:before{content:""}.ri-camera-fill:before{content:""}.ri-camera-lens-fill:before{content:""}.ri-camera-lens-line:before{content:""}.ri-camera-line:before{content:""}.ri-camera-off-fill:before{content:""}.ri-camera-off-line:before{content:""}.ri-camera-switch-fill:before{content:""}.ri-camera-switch-line:before{content:""}.ri-capsule-fill:before{content:""}.ri-capsule-line:before{content:""}.ri-car-fill:before{content:""}.ri-car-line:before{content:""}.ri-car-washing-fill:before{content:""}.ri-car-washing-line:before{content:""}.ri-caravan-fill:before{content:""}.ri-caravan-line:before{content:""}.ri-cast-fill:before{content:""}.ri-cast-line:before{content:""}.ri-cellphone-fill:before{content:""}.ri-cellphone-line:before{content:""}.ri-celsius-fill:before{content:""}.ri-celsius-line:before{content:""}.ri-centos-fill:before{content:""}.ri-centos-line:before{content:""}.ri-character-recognition-fill:before{content:""}.ri-character-recognition-line:before{content:""}.ri-charging-pile-2-fill:before{content:""}.ri-charging-pile-2-line:before{content:""}.ri-charging-pile-fill:before{content:""}.ri-charging-pile-line:before{content:""}.ri-chat-1-fill:before{content:""}.ri-chat-1-line:before{content:""}.ri-chat-2-fill:before{content:""}.ri-chat-2-line:before{content:""}.ri-chat-3-fill:before{content:""}.ri-chat-3-line:before{content:""}.ri-chat-4-fill:before{content:""}.ri-chat-4-line:before{content:""}.ri-chat-check-fill:before{content:""}.ri-chat-check-line:before{content:""}.ri-chat-delete-fill:before{content:""}.ri-chat-delete-line:before{content:""}.ri-chat-download-fill:before{content:""}.ri-chat-download-line:before{content:""}.ri-chat-follow-up-fill:before{content:""}.ri-chat-follow-up-line:before{content:""}.ri-chat-forward-fill:before{content:""}.ri-chat-forward-line:before{content:""}.ri-chat-heart-fill:before{content:""}.ri-chat-heart-line:before{content:""}.ri-chat-history-fill:before{content:""}.ri-chat-history-line:before{content:""}.ri-chat-new-fill:before{content:""}.ri-chat-new-line:before{content:""}.ri-chat-off-fill:before{content:""}.ri-chat-off-line:before{content:""}.ri-chat-poll-fill:before{content:""}.ri-chat-poll-line:before{content:""}.ri-chat-private-fill:before{content:""}.ri-chat-private-line:before{content:""}.ri-chat-quote-fill:before{content:""}.ri-chat-quote-line:before{content:""}.ri-chat-settings-fill:before{content:""}.ri-chat-settings-line:before{content:""}.ri-chat-smile-2-fill:before{content:""}.ri-chat-smile-2-line:before{content:""}.ri-chat-smile-3-fill:before{content:""}.ri-chat-smile-3-line:before{content:""}.ri-chat-smile-fill:before{content:""}.ri-chat-smile-line:before{content:""}.ri-chat-upload-fill:before{content:""}.ri-chat-upload-line:before{content:""}.ri-chat-voice-fill:before{content:""}.ri-chat-voice-line:before{content:""}.ri-check-double-fill:before{content:""}.ri-check-double-line:before{content:""}.ri-check-fill:before{content:""}.ri-check-line:before{content:""}.ri-checkbox-blank-circle-fill:before{content:""}.ri-checkbox-blank-circle-line:before{content:""}.ri-checkbox-blank-fill:before{content:""}.ri-checkbox-blank-line:before{content:""}.ri-checkbox-circle-fill:before{content:""}.ri-checkbox-circle-line:before{content:""}.ri-checkbox-fill:before{content:""}.ri-checkbox-indeterminate-fill:before{content:""}.ri-checkbox-indeterminate-line:before{content:""}.ri-checkbox-line:before{content:""}.ri-checkbox-multiple-blank-fill:before{content:""}.ri-checkbox-multiple-blank-line:before{content:""}.ri-checkbox-multiple-fill:before{content:""}.ri-checkbox-multiple-line:before{content:""}.ri-china-railway-fill:before{content:""}.ri-china-railway-line:before{content:""}.ri-chrome-fill:before{content:""}.ri-chrome-line:before{content:""}.ri-clapperboard-fill:before{content:""}.ri-clapperboard-line:before{content:""}.ri-clipboard-fill:before{content:""}.ri-clipboard-line:before{content:""}.ri-clockwise-2-fill:before{content:""}.ri-clockwise-2-line:before{content:""}.ri-clockwise-fill:before{content:""}.ri-clockwise-line:before{content:""}.ri-close-circle-fill:before{content:""}.ri-close-circle-line:before{content:""}.ri-close-fill:before{content:""}.ri-close-line:before{content:""}.ri-closed-captioning-fill:before{content:""}.ri-closed-captioning-line:before{content:""}.ri-cloud-fill:before{content:""}.ri-cloud-line:before{content:""}.ri-cloud-off-fill:before{content:""}.ri-cloud-off-line:before{content:""}.ri-cloud-windy-fill:before{content:""}.ri-cloud-windy-line:before{content:""}.ri-cloudy-2-fill:before{content:""}.ri-cloudy-2-line:before{content:""}.ri-cloudy-fill:before{content:""}.ri-cloudy-line:before{content:""}.ri-code-box-fill:before{content:""}.ri-code-box-line:before{content:""}.ri-code-fill:before{content:""}.ri-code-line:before{content:""}.ri-code-s-fill:before{content:""}.ri-code-s-line:before{content:""}.ri-code-s-slash-fill:before{content:""}.ri-code-s-slash-line:before{content:""}.ri-code-view:before{content:""}.ri-codepen-fill:before{content:""}.ri-codepen-line:before{content:""}.ri-coin-fill:before{content:""}.ri-coin-line:before{content:""}.ri-coins-fill:before{content:""}.ri-coins-line:before{content:""}.ri-collage-fill:before{content:""}.ri-collage-line:before{content:""}.ri-command-fill:before{content:""}.ri-command-line:before{content:""}.ri-community-fill:before{content:""}.ri-community-line:before{content:""}.ri-compass-2-fill:before{content:""}.ri-compass-2-line:before{content:""}.ri-compass-3-fill:before{content:""}.ri-compass-3-line:before{content:""}.ri-compass-4-fill:before{content:""}.ri-compass-4-line:before{content:""}.ri-compass-discover-fill:before{content:""}.ri-compass-discover-line:before{content:""}.ri-compass-fill:before{content:""}.ri-compass-line:before{content:""}.ri-compasses-2-fill:before{content:""}.ri-compasses-2-line:before{content:""}.ri-compasses-fill:before{content:""}.ri-compasses-line:before{content:""}.ri-computer-fill:before{content:""}.ri-computer-line:before{content:""}.ri-contacts-book-2-fill:before{content:""}.ri-contacts-book-2-line:before{content:""}.ri-contacts-book-fill:before{content:""}.ri-contacts-book-line:before{content:""}.ri-contacts-book-upload-fill:before{content:""}.ri-contacts-book-upload-line:before{content:""}.ri-contacts-fill:before{content:""}.ri-contacts-line:before{content:""}.ri-contrast-2-fill:before{content:""}.ri-contrast-2-line:before{content:""}.ri-contrast-drop-2-fill:before{content:""}.ri-contrast-drop-2-line:before{content:""}.ri-contrast-drop-fill:before{content:""}.ri-contrast-drop-line:before{content:""}.ri-contrast-fill:before{content:""}.ri-contrast-line:before{content:""}.ri-copper-coin-fill:before{content:""}.ri-copper-coin-line:before{content:""}.ri-copper-diamond-fill:before{content:""}.ri-copper-diamond-line:before{content:""}.ri-copyleft-fill:before{content:""}.ri-copyleft-line:before{content:""}.ri-copyright-fill:before{content:""}.ri-copyright-line:before{content:""}.ri-coreos-fill:before{content:""}.ri-coreos-line:before{content:""}.ri-coupon-2-fill:before{content:""}.ri-coupon-2-line:before{content:""}.ri-coupon-3-fill:before{content:""}.ri-coupon-3-line:before{content:""}.ri-coupon-4-fill:before{content:""}.ri-coupon-4-line:before{content:""}.ri-coupon-5-fill:before{content:""}.ri-coupon-5-line:before{content:""}.ri-coupon-fill:before{content:""}.ri-coupon-line:before{content:""}.ri-cpu-fill:before{content:""}.ri-cpu-line:before{content:""}.ri-creative-commons-by-fill:before{content:""}.ri-creative-commons-by-line:before{content:""}.ri-creative-commons-fill:before{content:""}.ri-creative-commons-line:before{content:""}.ri-creative-commons-nc-fill:before{content:""}.ri-creative-commons-nc-line:before{content:""}.ri-creative-commons-nd-fill:before{content:""}.ri-creative-commons-nd-line:before{content:""}.ri-creative-commons-sa-fill:before{content:""}.ri-creative-commons-sa-line:before{content:""}.ri-creative-commons-zero-fill:before{content:""}.ri-creative-commons-zero-line:before{content:""}.ri-criminal-fill:before{content:""}.ri-criminal-line:before{content:""}.ri-crop-2-fill:before{content:""}.ri-crop-2-line:before{content:""}.ri-crop-fill:before{content:""}.ri-crop-line:before{content:""}.ri-css3-fill:before{content:""}.ri-css3-line:before{content:""}.ri-cup-fill:before{content:""}.ri-cup-line:before{content:""}.ri-currency-fill:before{content:""}.ri-currency-line:before{content:""}.ri-cursor-fill:before{content:""}.ri-cursor-line:before{content:""}.ri-customer-service-2-fill:before{content:""}.ri-customer-service-2-line:before{content:""}.ri-customer-service-fill:before{content:""}.ri-customer-service-line:before{content:""}.ri-dashboard-2-fill:before{content:""}.ri-dashboard-2-line:before{content:""}.ri-dashboard-3-fill:before{content:""}.ri-dashboard-3-line:before{content:""}.ri-dashboard-fill:before{content:""}.ri-dashboard-line:before{content:""}.ri-database-2-fill:before{content:""}.ri-database-2-line:before{content:""}.ri-database-fill:before{content:""}.ri-database-line:before{content:""}.ri-delete-back-2-fill:before{content:""}.ri-delete-back-2-line:before{content:""}.ri-delete-back-fill:before{content:""}.ri-delete-back-line:before{content:""}.ri-delete-bin-2-fill:before{content:""}.ri-delete-bin-2-line:before{content:""}.ri-delete-bin-3-fill:before{content:""}.ri-delete-bin-3-line:before{content:""}.ri-delete-bin-4-fill:before{content:""}.ri-delete-bin-4-line:before{content:""}.ri-delete-bin-5-fill:before{content:""}.ri-delete-bin-5-line:before{content:""}.ri-delete-bin-6-fill:before{content:""}.ri-delete-bin-6-line:before{content:""}.ri-delete-bin-7-fill:before{content:""}.ri-delete-bin-7-line:before{content:""}.ri-delete-bin-fill:before{content:""}.ri-delete-bin-line:before{content:""}.ri-delete-column:before{content:""}.ri-delete-row:before{content:""}.ri-device-fill:before{content:""}.ri-device-line:before{content:""}.ri-device-recover-fill:before{content:""}.ri-device-recover-line:before{content:""}.ri-dingding-fill:before{content:""}.ri-dingding-line:before{content:""}.ri-direction-fill:before{content:""}.ri-direction-line:before{content:""}.ri-disc-fill:before{content:""}.ri-disc-line:before{content:""}.ri-discord-fill:before{content:""}.ri-discord-line:before{content:""}.ri-discuss-fill:before{content:""}.ri-discuss-line:before{content:""}.ri-dislike-fill:before{content:""}.ri-dislike-line:before{content:""}.ri-disqus-fill:before{content:""}.ri-disqus-line:before{content:""}.ri-divide-fill:before{content:""}.ri-divide-line:before{content:""}.ri-donut-chart-fill:before{content:""}.ri-donut-chart-line:before{content:""}.ri-door-closed-fill:before{content:""}.ri-door-closed-line:before{content:""}.ri-door-fill:before{content:""}.ri-door-line:before{content:""}.ri-door-lock-box-fill:before{content:""}.ri-door-lock-box-line:before{content:""}.ri-door-lock-fill:before{content:""}.ri-door-lock-line:before{content:""}.ri-door-open-fill:before{content:""}.ri-door-open-line:before{content:""}.ri-dossier-fill:before{content:""}.ri-dossier-line:before{content:""}.ri-douban-fill:before{content:""}.ri-douban-line:before{content:""}.ri-double-quotes-l:before{content:""}.ri-double-quotes-r:before{content:""}.ri-download-2-fill:before{content:""}.ri-download-2-line:before{content:""}.ri-download-cloud-2-fill:before{content:""}.ri-download-cloud-2-line:before{content:""}.ri-download-cloud-fill:before{content:""}.ri-download-cloud-line:before{content:""}.ri-download-fill:before{content:""}.ri-download-line:before{content:""}.ri-draft-fill:before{content:""}.ri-draft-line:before{content:""}.ri-drag-drop-fill:before{content:""}.ri-drag-drop-line:before{content:""}.ri-drag-move-2-fill:before{content:""}.ri-drag-move-2-line:before{content:""}.ri-drag-move-fill:before{content:""}.ri-drag-move-line:before{content:""}.ri-dribbble-fill:before{content:""}.ri-dribbble-line:before{content:""}.ri-drive-fill:before{content:""}.ri-drive-line:before{content:""}.ri-drizzle-fill:before{content:""}.ri-drizzle-line:before{content:""}.ri-drop-fill:before{content:""}.ri-drop-line:before{content:""}.ri-dropbox-fill:before{content:""}.ri-dropbox-line:before{content:""}.ri-dual-sim-1-fill:before{content:""}.ri-dual-sim-1-line:before{content:""}.ri-dual-sim-2-fill:before{content:""}.ri-dual-sim-2-line:before{content:""}.ri-dv-fill:before{content:""}.ri-dv-line:before{content:""}.ri-dvd-fill:before{content:""}.ri-dvd-line:before{content:""}.ri-e-bike-2-fill:before{content:""}.ri-e-bike-2-line:before{content:""}.ri-e-bike-fill:before{content:""}.ri-e-bike-line:before{content:""}.ri-earth-fill:before{content:""}.ri-earth-line:before{content:""}.ri-earthquake-fill:before{content:""}.ri-earthquake-line:before{content:""}.ri-edge-fill:before{content:""}.ri-edge-line:before{content:""}.ri-edit-2-fill:before{content:""}.ri-edit-2-line:before{content:""}.ri-edit-box-fill:before{content:""}.ri-edit-box-line:before{content:""}.ri-edit-circle-fill:before{content:""}.ri-edit-circle-line:before{content:""}.ri-edit-fill:before{content:""}.ri-edit-line:before{content:""}.ri-eject-fill:before{content:""}.ri-eject-line:before{content:""}.ri-emotion-2-fill:before{content:""}.ri-emotion-2-line:before{content:""}.ri-emotion-fill:before{content:""}.ri-emotion-happy-fill:before{content:""}.ri-emotion-happy-line:before{content:""}.ri-emotion-laugh-fill:before{content:""}.ri-emotion-laugh-line:before{content:""}.ri-emotion-line:before{content:""}.ri-emotion-normal-fill:before{content:""}.ri-emotion-normal-line:before{content:""}.ri-emotion-sad-fill:before{content:""}.ri-emotion-sad-line:before{content:""}.ri-emotion-unhappy-fill:before{content:""}.ri-emotion-unhappy-line:before{content:""}.ri-empathize-fill:before{content:""}.ri-empathize-line:before{content:""}.ri-emphasis-cn:before{content:""}.ri-emphasis:before{content:""}.ri-english-input:before{content:""}.ri-equalizer-fill:before{content:""}.ri-equalizer-line:before{content:""}.ri-eraser-fill:before{content:""}.ri-eraser-line:before{content:""}.ri-error-warning-fill:before{content:""}.ri-error-warning-line:before{content:""}.ri-evernote-fill:before{content:""}.ri-evernote-line:before{content:""}.ri-exchange-box-fill:before{content:""}.ri-exchange-box-line:before{content:""}.ri-exchange-cny-fill:before{content:""}.ri-exchange-cny-line:before{content:""}.ri-exchange-dollar-fill:before{content:""}.ri-exchange-dollar-line:before{content:""}.ri-exchange-fill:before{content:""}.ri-exchange-funds-fill:before{content:""}.ri-exchange-funds-line:before{content:""}.ri-exchange-line:before{content:""}.ri-external-link-fill:before{content:""}.ri-external-link-line:before{content:""}.ri-eye-2-fill:before{content:""}.ri-eye-2-line:before{content:""}.ri-eye-close-fill:before{content:""}.ri-eye-close-line:before{content:""}.ri-eye-fill:before{content:""}.ri-eye-line:before{content:""}.ri-eye-off-fill:before{content:""}.ri-eye-off-line:before{content:""}.ri-facebook-box-fill:before{content:""}.ri-facebook-box-line:before{content:""}.ri-facebook-circle-fill:before{content:""}.ri-facebook-circle-line:before{content:""}.ri-facebook-fill:before{content:""}.ri-facebook-line:before{content:""}.ri-fahrenheit-fill:before{content:""}.ri-fahrenheit-line:before{content:""}.ri-feedback-fill:before{content:""}.ri-feedback-line:before{content:""}.ri-file-2-fill:before{content:""}.ri-file-2-line:before{content:""}.ri-file-3-fill:before{content:""}.ri-file-3-line:before{content:""}.ri-file-4-fill:before{content:""}.ri-file-4-line:before{content:""}.ri-file-add-fill:before{content:""}.ri-file-add-line:before{content:""}.ri-file-chart-2-fill:before{content:""}.ri-file-chart-2-line:before{content:""}.ri-file-chart-fill:before{content:""}.ri-file-chart-line:before{content:""}.ri-file-cloud-fill:before{content:""}.ri-file-cloud-line:before{content:""}.ri-file-code-fill:before{content:""}.ri-file-code-line:before{content:""}.ri-file-copy-2-fill:before{content:""}.ri-file-copy-2-line:before{content:""}.ri-file-copy-fill:before{content:""}.ri-file-copy-line:before{content:""}.ri-file-damage-fill:before{content:""}.ri-file-damage-line:before{content:""}.ri-file-download-fill:before{content:""}.ri-file-download-line:before{content:""}.ri-file-edit-fill:before{content:""}.ri-file-edit-line:before{content:""}.ri-file-excel-2-fill:before{content:""}.ri-file-excel-2-line:before{content:""}.ri-file-excel-fill:before{content:""}.ri-file-excel-line:before{content:""}.ri-file-fill:before{content:""}.ri-file-forbid-fill:before{content:""}.ri-file-forbid-line:before{content:""}.ri-file-gif-fill:before{content:""}.ri-file-gif-line:before{content:""}.ri-file-history-fill:before{content:""}.ri-file-history-line:before{content:""}.ri-file-hwp-fill:before{content:""}.ri-file-hwp-line:before{content:""}.ri-file-info-fill:before{content:""}.ri-file-info-line:before{content:""}.ri-file-line:before{content:""}.ri-file-list-2-fill:before{content:""}.ri-file-list-2-line:before{content:""}.ri-file-list-3-fill:before{content:""}.ri-file-list-3-line:before{content:""}.ri-file-list-fill:before{content:""}.ri-file-list-line:before{content:""}.ri-file-lock-fill:before{content:""}.ri-file-lock-line:before{content:""}.ri-file-marked-fill:before{content:""}.ri-file-marked-line:before{content:""}.ri-file-music-fill:before{content:""}.ri-file-music-line:before{content:""}.ri-file-paper-2-fill:before{content:""}.ri-file-paper-2-line:before{content:""}.ri-file-paper-fill:before{content:""}.ri-file-paper-line:before{content:""}.ri-file-pdf-fill:before{content:""}.ri-file-pdf-line:before{content:""}.ri-file-ppt-2-fill:before{content:""}.ri-file-ppt-2-line:before{content:""}.ri-file-ppt-fill:before{content:""}.ri-file-ppt-line:before{content:""}.ri-file-reduce-fill:before{content:""}.ri-file-reduce-line:before{content:""}.ri-file-search-fill:before{content:""}.ri-file-search-line:before{content:""}.ri-file-settings-fill:before{content:""}.ri-file-settings-line:before{content:""}.ri-file-shield-2-fill:before{content:""}.ri-file-shield-2-line:before{content:""}.ri-file-shield-fill:before{content:""}.ri-file-shield-line:before{content:""}.ri-file-shred-fill:before{content:""}.ri-file-shred-line:before{content:""}.ri-file-text-fill:before{content:""}.ri-file-text-line:before{content:""}.ri-file-transfer-fill:before{content:""}.ri-file-transfer-line:before{content:""}.ri-file-unknow-fill:before{content:""}.ri-file-unknow-line:before{content:""}.ri-file-upload-fill:before{content:""}.ri-file-upload-line:before{content:""}.ri-file-user-fill:before{content:""}.ri-file-user-line:before{content:""}.ri-file-warning-fill:before{content:""}.ri-file-warning-line:before{content:""}.ri-file-word-2-fill:before{content:""}.ri-file-word-2-line:before{content:""}.ri-file-word-fill:before{content:""}.ri-file-word-line:before{content:""}.ri-file-zip-fill:before{content:""}.ri-file-zip-line:before{content:""}.ri-film-fill:before{content:""}.ri-film-line:before{content:""}.ri-filter-2-fill:before{content:""}.ri-filter-2-line:before{content:""}.ri-filter-3-fill:before{content:""}.ri-filter-3-line:before{content:""}.ri-filter-fill:before{content:""}.ri-filter-line:before{content:""}.ri-filter-off-fill:before{content:""}.ri-filter-off-line:before{content:""}.ri-find-replace-fill:before{content:""}.ri-find-replace-line:before{content:""}.ri-finder-fill:before{content:""}.ri-finder-line:before{content:""}.ri-fingerprint-2-fill:before{content:""}.ri-fingerprint-2-line:before{content:""}.ri-fingerprint-fill:before{content:""}.ri-fingerprint-line:before{content:""}.ri-fire-fill:before{content:""}.ri-fire-line:before{content:""}.ri-firefox-fill:before{content:""}.ri-firefox-line:before{content:""}.ri-first-aid-kit-fill:before{content:""}.ri-first-aid-kit-line:before{content:""}.ri-flag-2-fill:before{content:""}.ri-flag-2-line:before{content:""}.ri-flag-fill:before{content:""}.ri-flag-line:before{content:""}.ri-flashlight-fill:before{content:""}.ri-flashlight-line:before{content:""}.ri-flask-fill:before{content:""}.ri-flask-line:before{content:""}.ri-flight-land-fill:before{content:""}.ri-flight-land-line:before{content:""}.ri-flight-takeoff-fill:before{content:""}.ri-flight-takeoff-line:before{content:""}.ri-flood-fill:before{content:""}.ri-flood-line:before{content:""}.ri-flow-chart:before{content:""}.ri-flutter-fill:before{content:""}.ri-flutter-line:before{content:""}.ri-focus-2-fill:before{content:""}.ri-focus-2-line:before{content:""}.ri-focus-3-fill:before{content:""}.ri-focus-3-line:before{content:""}.ri-focus-fill:before{content:""}.ri-focus-line:before{content:""}.ri-foggy-fill:before{content:""}.ri-foggy-line:before{content:""}.ri-folder-2-fill:before{content:""}.ri-folder-2-line:before{content:""}.ri-folder-3-fill:before{content:""}.ri-folder-3-line:before{content:""}.ri-folder-4-fill:before{content:""}.ri-folder-4-line:before{content:""}.ri-folder-5-fill:before{content:""}.ri-folder-5-line:before{content:""}.ri-folder-add-fill:before{content:""}.ri-folder-add-line:before{content:""}.ri-folder-chart-2-fill:before{content:""}.ri-folder-chart-2-line:before{content:""}.ri-folder-chart-fill:before{content:""}.ri-folder-chart-line:before{content:""}.ri-folder-download-fill:before{content:""}.ri-folder-download-line:before{content:""}.ri-folder-fill:before{content:""}.ri-folder-forbid-fill:before{content:""}.ri-folder-forbid-line:before{content:""}.ri-folder-history-fill:before{content:""}.ri-folder-history-line:before{content:""}.ri-folder-info-fill:before{content:""}.ri-folder-info-line:before{content:""}.ri-folder-keyhole-fill:before{content:""}.ri-folder-keyhole-line:before{content:""}.ri-folder-line:before{content:""}.ri-folder-lock-fill:before{content:""}.ri-folder-lock-line:before{content:""}.ri-folder-music-fill:before{content:""}.ri-folder-music-line:before{content:""}.ri-folder-open-fill:before{content:""}.ri-folder-open-line:before{content:""}.ri-folder-received-fill:before{content:""}.ri-folder-received-line:before{content:""}.ri-folder-reduce-fill:before{content:""}.ri-folder-reduce-line:before{content:""}.ri-folder-settings-fill:before{content:""}.ri-folder-settings-line:before{content:""}.ri-folder-shared-fill:before{content:""}.ri-folder-shared-line:before{content:""}.ri-folder-shield-2-fill:before{content:""}.ri-folder-shield-2-line:before{content:""}.ri-folder-shield-fill:before{content:""}.ri-folder-shield-line:before{content:""}.ri-folder-transfer-fill:before{content:""}.ri-folder-transfer-line:before{content:""}.ri-folder-unknow-fill:before{content:""}.ri-folder-unknow-line:before{content:""}.ri-folder-upload-fill:before{content:""}.ri-folder-upload-line:before{content:""}.ri-folder-user-fill:before{content:""}.ri-folder-user-line:before{content:""}.ri-folder-warning-fill:before{content:""}.ri-folder-warning-line:before{content:""}.ri-folder-zip-fill:before{content:""}.ri-folder-zip-line:before{content:""}.ri-folders-fill:before{content:""}.ri-folders-line:before{content:""}.ri-font-color:before{content:""}.ri-font-size-2:before{content:""}.ri-font-size:before{content:""}.ri-football-fill:before{content:""}.ri-football-line:before{content:""}.ri-footprint-fill:before{content:""}.ri-footprint-line:before{content:""}.ri-forbid-2-fill:before{content:""}.ri-forbid-2-line:before{content:""}.ri-forbid-fill:before{content:""}.ri-forbid-line:before{content:""}.ri-format-clear:before{content:""}.ri-fridge-fill:before{content:""}.ri-fridge-line:before{content:""}.ri-fullscreen-exit-fill:before{content:""}.ri-fullscreen-exit-line:before{content:""}.ri-fullscreen-fill:before{content:""}.ri-fullscreen-line:before{content:""}.ri-function-fill:before{content:""}.ri-function-line:before{content:""}.ri-functions:before{content:""}.ri-funds-box-fill:before{content:""}.ri-funds-box-line:before{content:""}.ri-funds-fill:before{content:""}.ri-funds-line:before{content:""}.ri-gallery-fill:before{content:""}.ri-gallery-line:before{content:""}.ri-gallery-upload-fill:before{content:""}.ri-gallery-upload-line:before{content:""}.ri-game-fill:before{content:""}.ri-game-line:before{content:""}.ri-gamepad-fill:before{content:""}.ri-gamepad-line:before{content:""}.ri-gas-station-fill:before{content:""}.ri-gas-station-line:before{content:""}.ri-gatsby-fill:before{content:""}.ri-gatsby-line:before{content:""}.ri-genderless-fill:before{content:""}.ri-genderless-line:before{content:""}.ri-ghost-2-fill:before{content:""}.ri-ghost-2-line:before{content:""}.ri-ghost-fill:before{content:""}.ri-ghost-line:before{content:""}.ri-ghost-smile-fill:before{content:""}.ri-ghost-smile-line:before{content:""}.ri-gift-2-fill:before{content:""}.ri-gift-2-line:before{content:""}.ri-gift-fill:before{content:""}.ri-gift-line:before{content:""}.ri-git-branch-fill:before{content:""}.ri-git-branch-line:before{content:""}.ri-git-commit-fill:before{content:""}.ri-git-commit-line:before{content:""}.ri-git-merge-fill:before{content:""}.ri-git-merge-line:before{content:""}.ri-git-pull-request-fill:before{content:""}.ri-git-pull-request-line:before{content:""}.ri-git-repository-commits-fill:before{content:""}.ri-git-repository-commits-line:before{content:""}.ri-git-repository-fill:before{content:""}.ri-git-repository-line:before{content:""}.ri-git-repository-private-fill:before{content:""}.ri-git-repository-private-line:before{content:""}.ri-github-fill:before{content:""}.ri-github-line:before{content:""}.ri-gitlab-fill:before{content:""}.ri-gitlab-line:before{content:""}.ri-global-fill:before{content:""}.ri-global-line:before{content:""}.ri-globe-fill:before{content:""}.ri-globe-line:before{content:""}.ri-goblet-fill:before{content:""}.ri-goblet-line:before{content:""}.ri-google-fill:before{content:""}.ri-google-line:before{content:""}.ri-google-play-fill:before{content:""}.ri-google-play-line:before{content:""}.ri-government-fill:before{content:""}.ri-government-line:before{content:""}.ri-gps-fill:before{content:""}.ri-gps-line:before{content:""}.ri-gradienter-fill:before{content:""}.ri-gradienter-line:before{content:""}.ri-grid-fill:before{content:""}.ri-grid-line:before{content:""}.ri-group-2-fill:before{content:""}.ri-group-2-line:before{content:""}.ri-group-fill:before{content:""}.ri-group-line:before{content:""}.ri-guide-fill:before{content:""}.ri-guide-line:before{content:""}.ri-h-1:before{content:""}.ri-h-2:before{content:""}.ri-h-3:before{content:""}.ri-h-4:before{content:""}.ri-h-5:before{content:""}.ri-h-6:before{content:""}.ri-hail-fill:before{content:""}.ri-hail-line:before{content:""}.ri-hammer-fill:before{content:""}.ri-hammer-line:before{content:""}.ri-hand-coin-fill:before{content:""}.ri-hand-coin-line:before{content:""}.ri-hand-heart-fill:before{content:""}.ri-hand-heart-line:before{content:""}.ri-hand-sanitizer-fill:before{content:""}.ri-hand-sanitizer-line:before{content:""}.ri-handbag-fill:before{content:""}.ri-handbag-line:before{content:""}.ri-hard-drive-2-fill:before{content:""}.ri-hard-drive-2-line:before{content:""}.ri-hard-drive-fill:before{content:""}.ri-hard-drive-line:before{content:""}.ri-hashtag:before{content:""}.ri-haze-2-fill:before{content:""}.ri-haze-2-line:before{content:""}.ri-haze-fill:before{content:""}.ri-haze-line:before{content:""}.ri-hd-fill:before{content:""}.ri-hd-line:before{content:""}.ri-heading:before{content:""}.ri-headphone-fill:before{content:""}.ri-headphone-line:before{content:""}.ri-health-book-fill:before{content:""}.ri-health-book-line:before{content:""}.ri-heart-2-fill:before{content:""}.ri-heart-2-line:before{content:""}.ri-heart-3-fill:before{content:""}.ri-heart-3-line:before{content:""}.ri-heart-add-fill:before{content:""}.ri-heart-add-line:before{content:""}.ri-heart-fill:before{content:""}.ri-heart-line:before{content:""}.ri-heart-pulse-fill:before{content:""}.ri-heart-pulse-line:before{content:""}.ri-hearts-fill:before{content:""}.ri-hearts-line:before{content:""}.ri-heavy-showers-fill:before{content:""}.ri-heavy-showers-line:before{content:""}.ri-history-fill:before{content:""}.ri-history-line:before{content:""}.ri-home-2-fill:before{content:""}.ri-home-2-line:before{content:""}.ri-home-3-fill:before{content:""}.ri-home-3-line:before{content:""}.ri-home-4-fill:before{content:""}.ri-home-4-line:before{content:""}.ri-home-5-fill:before{content:""}.ri-home-5-line:before{content:""}.ri-home-6-fill:before{content:""}.ri-home-6-line:before{content:""}.ri-home-7-fill:before{content:""}.ri-home-7-line:before{content:""}.ri-home-8-fill:before{content:""}.ri-home-8-line:before{content:""}.ri-home-fill:before{content:""}.ri-home-gear-fill:before{content:""}.ri-home-gear-line:before{content:""}.ri-home-heart-fill:before{content:""}.ri-home-heart-line:before{content:""}.ri-home-line:before{content:""}.ri-home-smile-2-fill:before{content:""}.ri-home-smile-2-line:before{content:""}.ri-home-smile-fill:before{content:""}.ri-home-smile-line:before{content:""}.ri-home-wifi-fill:before{content:""}.ri-home-wifi-line:before{content:""}.ri-honor-of-kings-fill:before{content:""}.ri-honor-of-kings-line:before{content:""}.ri-honour-fill:before{content:""}.ri-honour-line:before{content:""}.ri-hospital-fill:before{content:""}.ri-hospital-line:before{content:""}.ri-hotel-bed-fill:before{content:""}.ri-hotel-bed-line:before{content:""}.ri-hotel-fill:before{content:""}.ri-hotel-line:before{content:""}.ri-hotspot-fill:before{content:""}.ri-hotspot-line:before{content:""}.ri-hq-fill:before{content:""}.ri-hq-line:before{content:""}.ri-html5-fill:before{content:""}.ri-html5-line:before{content:""}.ri-ie-fill:before{content:""}.ri-ie-line:before{content:""}.ri-image-2-fill:before{content:""}.ri-image-2-line:before{content:""}.ri-image-add-fill:before{content:""}.ri-image-add-line:before{content:""}.ri-image-edit-fill:before{content:""}.ri-image-edit-line:before{content:""}.ri-image-fill:before{content:""}.ri-image-line:before{content:""}.ri-inbox-archive-fill:before{content:""}.ri-inbox-archive-line:before{content:""}.ri-inbox-fill:before{content:""}.ri-inbox-line:before{content:""}.ri-inbox-unarchive-fill:before{content:""}.ri-inbox-unarchive-line:before{content:""}.ri-increase-decrease-fill:before{content:""}.ri-increase-decrease-line:before{content:""}.ri-indent-decrease:before{content:""}.ri-indent-increase:before{content:""}.ri-indeterminate-circle-fill:before{content:""}.ri-indeterminate-circle-line:before{content:""}.ri-information-fill:before{content:""}.ri-information-line:before{content:""}.ri-infrared-thermometer-fill:before{content:""}.ri-infrared-thermometer-line:before{content:""}.ri-ink-bottle-fill:before{content:""}.ri-ink-bottle-line:before{content:""}.ri-input-cursor-move:before{content:""}.ri-input-method-fill:before{content:""}.ri-input-method-line:before{content:""}.ri-insert-column-left:before{content:""}.ri-insert-column-right:before{content:""}.ri-insert-row-bottom:before{content:""}.ri-insert-row-top:before{content:""}.ri-instagram-fill:before{content:""}.ri-instagram-line:before{content:""}.ri-install-fill:before{content:""}.ri-install-line:before{content:""}.ri-invision-fill:before{content:""}.ri-invision-line:before{content:""}.ri-italic:before{content:""}.ri-kakao-talk-fill:before{content:""}.ri-kakao-talk-line:before{content:""}.ri-key-2-fill:before{content:""}.ri-key-2-line:before{content:""}.ri-key-fill:before{content:""}.ri-key-line:before{content:""}.ri-keyboard-box-fill:before{content:""}.ri-keyboard-box-line:before{content:""}.ri-keyboard-fill:before{content:""}.ri-keyboard-line:before{content:""}.ri-keynote-fill:before{content:""}.ri-keynote-line:before{content:""}.ri-knife-blood-fill:before{content:""}.ri-knife-blood-line:before{content:""}.ri-knife-fill:before{content:""}.ri-knife-line:before{content:""}.ri-landscape-fill:before{content:""}.ri-landscape-line:before{content:""}.ri-layout-2-fill:before{content:""}.ri-layout-2-line:before{content:""}.ri-layout-3-fill:before{content:""}.ri-layout-3-line:before{content:""}.ri-layout-4-fill:before{content:""}.ri-layout-4-line:before{content:""}.ri-layout-5-fill:before{content:""}.ri-layout-5-line:before{content:""}.ri-layout-6-fill:before{content:""}.ri-layout-6-line:before{content:""}.ri-layout-bottom-2-fill:before{content:""}.ri-layout-bottom-2-line:before{content:""}.ri-layout-bottom-fill:before{content:""}.ri-layout-bottom-line:before{content:""}.ri-layout-column-fill:before{content:""}.ri-layout-column-line:before{content:""}.ri-layout-fill:before{content:""}.ri-layout-grid-fill:before{content:""}.ri-layout-grid-line:before{content:""}.ri-layout-left-2-fill:before{content:""}.ri-layout-left-2-line:before{content:""}.ri-layout-left-fill:before{content:""}.ri-layout-left-line:before{content:""}.ri-layout-line:before{content:""}.ri-layout-masonry-fill:before{content:""}.ri-layout-masonry-line:before{content:""}.ri-layout-right-2-fill:before{content:""}.ri-layout-right-2-line:before{content:""}.ri-layout-right-fill:before{content:""}.ri-layout-right-line:before{content:""}.ri-layout-row-fill:before{content:""}.ri-layout-row-line:before{content:""}.ri-layout-top-2-fill:before{content:""}.ri-layout-top-2-line:before{content:""}.ri-layout-top-fill:before{content:""}.ri-layout-top-line:before{content:""}.ri-leaf-fill:before{content:""}.ri-leaf-line:before{content:""}.ri-lifebuoy-fill:before{content:""}.ri-lifebuoy-line:before{content:""}.ri-lightbulb-fill:before{content:""}.ri-lightbulb-flash-fill:before{content:""}.ri-lightbulb-flash-line:before{content:""}.ri-lightbulb-line:before{content:""}.ri-line-chart-fill:before{content:""}.ri-line-chart-line:before{content:""}.ri-line-fill:before{content:""}.ri-line-height:before{content:""}.ri-line-line:before{content:""}.ri-link-m:before{content:""}.ri-link-unlink-m:before{content:""}.ri-link-unlink:before{content:""}.ri-link:before{content:""}.ri-linkedin-box-fill:before{content:""}.ri-linkedin-box-line:before{content:""}.ri-linkedin-fill:before{content:""}.ri-linkedin-line:before{content:""}.ri-links-fill:before{content:""}.ri-links-line:before{content:""}.ri-list-check-2:before{content:""}.ri-list-check:before{content:""}.ri-list-ordered:before{content:""}.ri-list-settings-fill:before{content:""}.ri-list-settings-line:before{content:""}.ri-list-unordered:before{content:""}.ri-live-fill:before{content:""}.ri-live-line:before{content:""}.ri-loader-2-fill:before{content:""}.ri-loader-2-line:before{content:""}.ri-loader-3-fill:before{content:""}.ri-loader-3-line:before{content:""}.ri-loader-4-fill:before{content:""}.ri-loader-4-line:before{content:""}.ri-loader-5-fill:before{content:""}.ri-loader-5-line:before{content:""}.ri-loader-fill:before{content:""}.ri-loader-line:before{content:""}.ri-lock-2-fill:before{content:""}.ri-lock-2-line:before{content:""}.ri-lock-fill:before{content:""}.ri-lock-line:before{content:""}.ri-lock-password-fill:before{content:""}.ri-lock-password-line:before{content:""}.ri-lock-unlock-fill:before{content:""}.ri-lock-unlock-line:before{content:""}.ri-login-box-fill:before{content:""}.ri-login-box-line:before{content:""}.ri-login-circle-fill:before{content:""}.ri-login-circle-line:before{content:""}.ri-logout-box-fill:before{content:""}.ri-logout-box-line:before{content:""}.ri-logout-box-r-fill:before{content:""}.ri-logout-box-r-line:before{content:""}.ri-logout-circle-fill:before{content:""}.ri-logout-circle-line:before{content:""}.ri-logout-circle-r-fill:before{content:""}.ri-logout-circle-r-line:before{content:""}.ri-luggage-cart-fill:before{content:""}.ri-luggage-cart-line:before{content:""}.ri-luggage-deposit-fill:before{content:""}.ri-luggage-deposit-line:before{content:""}.ri-lungs-fill:before{content:""}.ri-lungs-line:before{content:""}.ri-mac-fill:before{content:""}.ri-mac-line:before{content:""}.ri-macbook-fill:before{content:""}.ri-macbook-line:before{content:""}.ri-magic-fill:before{content:""}.ri-magic-line:before{content:""}.ri-mail-add-fill:before{content:""}.ri-mail-add-line:before{content:""}.ri-mail-check-fill:before{content:""}.ri-mail-check-line:before{content:""}.ri-mail-close-fill:before{content:""}.ri-mail-close-line:before{content:""}.ri-mail-download-fill:before{content:""}.ri-mail-download-line:before{content:""}.ri-mail-fill:before{content:""}.ri-mail-forbid-fill:before{content:""}.ri-mail-forbid-line:before{content:""}.ri-mail-line:before{content:""}.ri-mail-lock-fill:before{content:""}.ri-mail-lock-line:before{content:""}.ri-mail-open-fill:before{content:""}.ri-mail-open-line:before{content:""}.ri-mail-send-fill:before{content:""}.ri-mail-send-line:before{content:""}.ri-mail-settings-fill:before{content:""}.ri-mail-settings-line:before{content:""}.ri-mail-star-fill:before{content:""}.ri-mail-star-line:before{content:""}.ri-mail-unread-fill:before{content:""}.ri-mail-unread-line:before{content:""}.ri-mail-volume-fill:before{content:""}.ri-mail-volume-line:before{content:""}.ri-map-2-fill:before{content:""}.ri-map-2-line:before{content:""}.ri-map-fill:before{content:""}.ri-map-line:before{content:""}.ri-map-pin-2-fill:before{content:""}.ri-map-pin-2-line:before{content:""}.ri-map-pin-3-fill:before{content:""}.ri-map-pin-3-line:before{content:""}.ri-map-pin-4-fill:before{content:""}.ri-map-pin-4-line:before{content:""}.ri-map-pin-5-fill:before{content:""}.ri-map-pin-5-line:before{content:""}.ri-map-pin-add-fill:before{content:""}.ri-map-pin-add-line:before{content:""}.ri-map-pin-fill:before{content:""}.ri-map-pin-line:before{content:""}.ri-map-pin-range-fill:before{content:""}.ri-map-pin-range-line:before{content:""}.ri-map-pin-time-fill:before{content:""}.ri-map-pin-time-line:before{content:""}.ri-map-pin-user-fill:before{content:""}.ri-map-pin-user-line:before{content:""}.ri-mark-pen-fill:before{content:""}.ri-mark-pen-line:before{content:""}.ri-markdown-fill:before{content:""}.ri-markdown-line:before{content:""}.ri-markup-fill:before{content:""}.ri-markup-line:before{content:""}.ri-mastercard-fill:before{content:""}.ri-mastercard-line:before{content:""}.ri-mastodon-fill:before{content:""}.ri-mastodon-line:before{content:""}.ri-medal-2-fill:before{content:""}.ri-medal-2-line:before{content:""}.ri-medal-fill:before{content:""}.ri-medal-line:before{content:""}.ri-medicine-bottle-fill:before{content:""}.ri-medicine-bottle-line:before{content:""}.ri-medium-fill:before{content:""}.ri-medium-line:before{content:""}.ri-men-fill:before{content:""}.ri-men-line:before{content:""}.ri-mental-health-fill:before{content:""}.ri-mental-health-line:before{content:""}.ri-menu-2-fill:before{content:""}.ri-menu-2-line:before{content:""}.ri-menu-3-fill:before{content:""}.ri-menu-3-line:before{content:""}.ri-menu-4-fill:before{content:""}.ri-menu-4-line:before{content:""}.ri-menu-5-fill:before{content:""}.ri-menu-5-line:before{content:""}.ri-menu-add-fill:before{content:""}.ri-menu-add-line:before{content:""}.ri-menu-fill:before{content:""}.ri-menu-fold-fill:before{content:""}.ri-menu-fold-line:before{content:""}.ri-menu-line:before{content:""}.ri-menu-unfold-fill:before{content:""}.ri-menu-unfold-line:before{content:""}.ri-merge-cells-horizontal:before{content:""}.ri-merge-cells-vertical:before{content:""}.ri-message-2-fill:before{content:""}.ri-message-2-line:before{content:""}.ri-message-3-fill:before{content:""}.ri-message-3-line:before{content:""}.ri-message-fill:before{content:""}.ri-message-line:before{content:""}.ri-messenger-fill:before{content:""}.ri-messenger-line:before{content:""}.ri-meteor-fill:before{content:""}.ri-meteor-line:before{content:""}.ri-mic-2-fill:before{content:""}.ri-mic-2-line:before{content:""}.ri-mic-fill:before{content:""}.ri-mic-line:before{content:""}.ri-mic-off-fill:before{content:""}.ri-mic-off-line:before{content:""}.ri-mickey-fill:before{content:""}.ri-mickey-line:before{content:""}.ri-microscope-fill:before{content:""}.ri-microscope-line:before{content:""}.ri-microsoft-fill:before{content:""}.ri-microsoft-line:before{content:""}.ri-mind-map:before{content:""}.ri-mini-program-fill:before{content:""}.ri-mini-program-line:before{content:""}.ri-mist-fill:before{content:""}.ri-mist-line:before{content:""}.ri-money-cny-box-fill:before{content:""}.ri-money-cny-box-line:before{content:""}.ri-money-cny-circle-fill:before{content:""}.ri-money-cny-circle-line:before{content:""}.ri-money-dollar-box-fill:before{content:""}.ri-money-dollar-box-line:before{content:""}.ri-money-dollar-circle-fill:before{content:""}.ri-money-dollar-circle-line:before{content:""}.ri-money-euro-box-fill:before{content:""}.ri-money-euro-box-line:before{content:""}.ri-money-euro-circle-fill:before{content:""}.ri-money-euro-circle-line:before{content:""}.ri-money-pound-box-fill:before{content:""}.ri-money-pound-box-line:before{content:""}.ri-money-pound-circle-fill:before{content:""}.ri-money-pound-circle-line:before{content:""}.ri-moon-clear-fill:before{content:""}.ri-moon-clear-line:before{content:""}.ri-moon-cloudy-fill:before{content:""}.ri-moon-cloudy-line:before{content:""}.ri-moon-fill:before{content:""}.ri-moon-foggy-fill:before{content:""}.ri-moon-foggy-line:before{content:""}.ri-moon-line:before{content:""}.ri-more-2-fill:before{content:""}.ri-more-2-line:before{content:""}.ri-more-fill:before{content:""}.ri-more-line:before{content:""}.ri-motorbike-fill:before{content:""}.ri-motorbike-line:before{content:""}.ri-mouse-fill:before{content:""}.ri-mouse-line:before{content:""}.ri-movie-2-fill:before{content:""}.ri-movie-2-line:before{content:""}.ri-movie-fill:before{content:""}.ri-movie-line:before{content:""}.ri-music-2-fill:before{content:""}.ri-music-2-line:before{content:""}.ri-music-fill:before{content:""}.ri-music-line:before{content:""}.ri-mv-fill:before{content:""}.ri-mv-line:before{content:""}.ri-navigation-fill:before{content:""}.ri-navigation-line:before{content:""}.ri-netease-cloud-music-fill:before{content:""}.ri-netease-cloud-music-line:before{content:""}.ri-netflix-fill:before{content:""}.ri-netflix-line:before{content:""}.ri-newspaper-fill:before{content:""}.ri-newspaper-line:before{content:""}.ri-node-tree:before{content:""}.ri-notification-2-fill:before{content:""}.ri-notification-2-line:before{content:""}.ri-notification-3-fill:before{content:""}.ri-notification-3-line:before{content:""}.ri-notification-4-fill:before{content:""}.ri-notification-4-line:before{content:""}.ri-notification-badge-fill:before{content:""}.ri-notification-badge-line:before{content:""}.ri-notification-fill:before{content:""}.ri-notification-line:before{content:""}.ri-notification-off-fill:before{content:""}.ri-notification-off-line:before{content:""}.ri-npmjs-fill:before{content:""}.ri-npmjs-line:before{content:""}.ri-number-0:before{content:""}.ri-number-1:before{content:""}.ri-number-2:before{content:""}.ri-number-3:before{content:""}.ri-number-4:before{content:""}.ri-number-5:before{content:""}.ri-number-6:before{content:""}.ri-number-7:before{content:""}.ri-number-8:before{content:""}.ri-number-9:before{content:""}.ri-numbers-fill:before{content:""}.ri-numbers-line:before{content:""}.ri-nurse-fill:before{content:""}.ri-nurse-line:before{content:""}.ri-oil-fill:before{content:""}.ri-oil-line:before{content:""}.ri-omega:before{content:""}.ri-open-arm-fill:before{content:""}.ri-open-arm-line:before{content:""}.ri-open-source-fill:before{content:""}.ri-open-source-line:before{content:""}.ri-opera-fill:before{content:""}.ri-opera-line:before{content:""}.ri-order-play-fill:before{content:""}.ri-order-play-line:before{content:""}.ri-organization-chart:before{content:""}.ri-outlet-2-fill:before{content:""}.ri-outlet-2-line:before{content:""}.ri-outlet-fill:before{content:""}.ri-outlet-line:before{content:""}.ri-page-separator:before{content:""}.ri-pages-fill:before{content:""}.ri-pages-line:before{content:""}.ri-paint-brush-fill:before{content:""}.ri-paint-brush-line:before{content:""}.ri-paint-fill:before{content:""}.ri-paint-line:before{content:""}.ri-palette-fill:before{content:""}.ri-palette-line:before{content:""}.ri-pantone-fill:before{content:""}.ri-pantone-line:before{content:""}.ri-paragraph:before{content:""}.ri-parent-fill:before{content:""}.ri-parent-line:before{content:""}.ri-parentheses-fill:before{content:""}.ri-parentheses-line:before{content:""}.ri-parking-box-fill:before{content:""}.ri-parking-box-line:before{content:""}.ri-parking-fill:before{content:""}.ri-parking-line:before{content:""}.ri-passport-fill:before{content:""}.ri-passport-line:before{content:""}.ri-patreon-fill:before{content:""}.ri-patreon-line:before{content:""}.ri-pause-circle-fill:before{content:""}.ri-pause-circle-line:before{content:""}.ri-pause-fill:before{content:""}.ri-pause-line:before{content:""}.ri-pause-mini-fill:before{content:""}.ri-pause-mini-line:before{content:""}.ri-paypal-fill:before{content:""}.ri-paypal-line:before{content:""}.ri-pen-nib-fill:before{content:""}.ri-pen-nib-line:before{content:""}.ri-pencil-fill:before{content:""}.ri-pencil-line:before{content:""}.ri-pencil-ruler-2-fill:before{content:""}.ri-pencil-ruler-2-line:before{content:""}.ri-pencil-ruler-fill:before{content:""}.ri-pencil-ruler-line:before{content:""}.ri-percent-fill:before{content:""}.ri-percent-line:before{content:""}.ri-phone-camera-fill:before{content:""}.ri-phone-camera-line:before{content:""}.ri-phone-fill:before{content:""}.ri-phone-find-fill:before{content:""}.ri-phone-find-line:before{content:""}.ri-phone-line:before{content:""}.ri-phone-lock-fill:before{content:""}.ri-phone-lock-line:before{content:""}.ri-picture-in-picture-2-fill:before{content:""}.ri-picture-in-picture-2-line:before{content:""}.ri-picture-in-picture-exit-fill:before{content:""}.ri-picture-in-picture-exit-line:before{content:""}.ri-picture-in-picture-fill:before{content:""}.ri-picture-in-picture-line:before{content:""}.ri-pie-chart-2-fill:before{content:""}.ri-pie-chart-2-line:before{content:""}.ri-pie-chart-box-fill:before{content:""}.ri-pie-chart-box-line:before{content:""}.ri-pie-chart-fill:before{content:""}.ri-pie-chart-line:before{content:""}.ri-pin-distance-fill:before{content:""}.ri-pin-distance-line:before{content:""}.ri-ping-pong-fill:before{content:""}.ri-ping-pong-line:before{content:""}.ri-pinterest-fill:before{content:""}.ri-pinterest-line:before{content:""}.ri-pinyin-input:before{content:""}.ri-pixelfed-fill:before{content:""}.ri-pixelfed-line:before{content:""}.ri-plane-fill:before{content:""}.ri-plane-line:before{content:""}.ri-plant-fill:before{content:""}.ri-plant-line:before{content:""}.ri-play-circle-fill:before{content:""}.ri-play-circle-line:before{content:""}.ri-play-fill:before{content:""}.ri-play-line:before{content:""}.ri-play-list-2-fill:before{content:""}.ri-play-list-2-line:before{content:""}.ri-play-list-add-fill:before{content:""}.ri-play-list-add-line:before{content:""}.ri-play-list-fill:before{content:""}.ri-play-list-line:before{content:""}.ri-play-mini-fill:before{content:""}.ri-play-mini-line:before{content:""}.ri-playstation-fill:before{content:""}.ri-playstation-line:before{content:""}.ri-plug-2-fill:before{content:""}.ri-plug-2-line:before{content:""}.ri-plug-fill:before{content:""}.ri-plug-line:before{content:""}.ri-polaroid-2-fill:before{content:""}.ri-polaroid-2-line:before{content:""}.ri-polaroid-fill:before{content:""}.ri-polaroid-line:before{content:""}.ri-police-car-fill:before{content:""}.ri-police-car-line:before{content:""}.ri-price-tag-2-fill:before{content:""}.ri-price-tag-2-line:before{content:""}.ri-price-tag-3-fill:before{content:""}.ri-price-tag-3-line:before{content:""}.ri-price-tag-fill:before{content:""}.ri-price-tag-line:before{content:""}.ri-printer-cloud-fill:before{content:""}.ri-printer-cloud-line:before{content:""}.ri-printer-fill:before{content:""}.ri-printer-line:before{content:""}.ri-product-hunt-fill:before{content:""}.ri-product-hunt-line:before{content:""}.ri-profile-fill:before{content:""}.ri-profile-line:before{content:""}.ri-projector-2-fill:before{content:""}.ri-projector-2-line:before{content:""}.ri-projector-fill:before{content:""}.ri-projector-line:before{content:""}.ri-psychotherapy-fill:before{content:""}.ri-psychotherapy-line:before{content:""}.ri-pulse-fill:before{content:""}.ri-pulse-line:before{content:""}.ri-pushpin-2-fill:before{content:""}.ri-pushpin-2-line:before{content:""}.ri-pushpin-fill:before{content:""}.ri-pushpin-line:before{content:""}.ri-qq-fill:before{content:""}.ri-qq-line:before{content:""}.ri-qr-code-fill:before{content:""}.ri-qr-code-line:before{content:""}.ri-qr-scan-2-fill:before{content:""}.ri-qr-scan-2-line:before{content:""}.ri-qr-scan-fill:before{content:""}.ri-qr-scan-line:before{content:""}.ri-question-answer-fill:before{content:""}.ri-question-answer-line:before{content:""}.ri-question-fill:before{content:""}.ri-question-line:before{content:""}.ri-question-mark:before{content:""}.ri-questionnaire-fill:before{content:""}.ri-questionnaire-line:before{content:""}.ri-quill-pen-fill:before{content:""}.ri-quill-pen-line:before{content:""}.ri-radar-fill:before{content:""}.ri-radar-line:before{content:""}.ri-radio-2-fill:before{content:""}.ri-radio-2-line:before{content:""}.ri-radio-button-fill:before{content:""}.ri-radio-button-line:before{content:""}.ri-radio-fill:before{content:""}.ri-radio-line:before{content:""}.ri-rainbow-fill:before{content:""}.ri-rainbow-line:before{content:""}.ri-rainy-fill:before{content:""}.ri-rainy-line:before{content:""}.ri-reactjs-fill:before{content:""}.ri-reactjs-line:before{content:""}.ri-record-circle-fill:before{content:""}.ri-record-circle-line:before{content:""}.ri-record-mail-fill:before{content:""}.ri-record-mail-line:before{content:""}.ri-recycle-fill:before{content:""}.ri-recycle-line:before{content:""}.ri-red-packet-fill:before{content:""}.ri-red-packet-line:before{content:""}.ri-reddit-fill:before{content:""}.ri-reddit-line:before{content:""}.ri-refresh-fill:before{content:""}.ri-refresh-line:before{content:""}.ri-refund-2-fill:before{content:""}.ri-refund-2-line:before{content:""}.ri-refund-fill:before{content:""}.ri-refund-line:before{content:""}.ri-registered-fill:before{content:""}.ri-registered-line:before{content:""}.ri-remixicon-fill:before{content:""}.ri-remixicon-line:before{content:""}.ri-remote-control-2-fill:before{content:""}.ri-remote-control-2-line:before{content:""}.ri-remote-control-fill:before{content:""}.ri-remote-control-line:before{content:""}.ri-repeat-2-fill:before{content:""}.ri-repeat-2-line:before{content:""}.ri-repeat-fill:before{content:""}.ri-repeat-line:before{content:""}.ri-repeat-one-fill:before{content:""}.ri-repeat-one-line:before{content:""}.ri-reply-all-fill:before{content:""}.ri-reply-all-line:before{content:""}.ri-reply-fill:before{content:""}.ri-reply-line:before{content:""}.ri-reserved-fill:before{content:""}.ri-reserved-line:before{content:""}.ri-rest-time-fill:before{content:""}.ri-rest-time-line:before{content:""}.ri-restart-fill:before{content:""}.ri-restart-line:before{content:""}.ri-restaurant-2-fill:before{content:""}.ri-restaurant-2-line:before{content:""}.ri-restaurant-fill:before{content:""}.ri-restaurant-line:before{content:""}.ri-rewind-fill:before{content:""}.ri-rewind-line:before{content:""}.ri-rewind-mini-fill:before{content:""}.ri-rewind-mini-line:before{content:""}.ri-rhythm-fill:before{content:""}.ri-rhythm-line:before{content:""}.ri-riding-fill:before{content:""}.ri-riding-line:before{content:""}.ri-road-map-fill:before{content:""}.ri-road-map-line:before{content:""}.ri-roadster-fill:before{content:""}.ri-roadster-line:before{content:""}.ri-robot-fill:before{content:""}.ri-robot-line:before{content:""}.ri-rocket-2-fill:before{content:""}.ri-rocket-2-line:before{content:""}.ri-rocket-fill:before{content:""}.ri-rocket-line:before{content:""}.ri-rotate-lock-fill:before{content:""}.ri-rotate-lock-line:before{content:""}.ri-rounded-corner:before{content:""}.ri-route-fill:before{content:""}.ri-route-line:before{content:""}.ri-router-fill:before{content:""}.ri-router-line:before{content:""}.ri-rss-fill:before{content:""}.ri-rss-line:before{content:""}.ri-ruler-2-fill:before{content:""}.ri-ruler-2-line:before{content:""}.ri-ruler-fill:before{content:""}.ri-ruler-line:before{content:""}.ri-run-fill:before{content:""}.ri-run-line:before{content:""}.ri-safari-fill:before{content:""}.ri-safari-line:before{content:""}.ri-safe-2-fill:before{content:""}.ri-safe-2-line:before{content:""}.ri-safe-fill:before{content:""}.ri-safe-line:before{content:""}.ri-sailboat-fill:before{content:""}.ri-sailboat-line:before{content:""}.ri-save-2-fill:before{content:""}.ri-save-2-line:before{content:""}.ri-save-3-fill:before{content:""}.ri-save-3-line:before{content:""}.ri-save-fill:before{content:""}.ri-save-line:before{content:""}.ri-scales-2-fill:before{content:""}.ri-scales-2-line:before{content:""}.ri-scales-3-fill:before{content:""}.ri-scales-3-line:before{content:""}.ri-scales-fill:before{content:""}.ri-scales-line:before{content:""}.ri-scan-2-fill:before{content:""}.ri-scan-2-line:before{content:""}.ri-scan-fill:before{content:""}.ri-scan-line:before{content:""}.ri-scissors-2-fill:before{content:""}.ri-scissors-2-line:before{content:""}.ri-scissors-cut-fill:before{content:""}.ri-scissors-cut-line:before{content:""}.ri-scissors-fill:before{content:""}.ri-scissors-line:before{content:""}.ri-screenshot-2-fill:before{content:""}.ri-screenshot-2-line:before{content:""}.ri-screenshot-fill:before{content:""}.ri-screenshot-line:before{content:""}.ri-sd-card-fill:before{content:""}.ri-sd-card-line:before{content:""}.ri-sd-card-mini-fill:before{content:""}.ri-sd-card-mini-line:before{content:""}.ri-search-2-fill:before{content:""}.ri-search-2-line:before{content:""}.ri-search-eye-fill:before{content:""}.ri-search-eye-line:before{content:""}.ri-search-fill:before{content:""}.ri-search-line:before{content:""}.ri-secure-payment-fill:before{content:""}.ri-secure-payment-line:before{content:""}.ri-seedling-fill:before{content:""}.ri-seedling-line:before{content:""}.ri-send-backward:before{content:""}.ri-send-plane-2-fill:before{content:""}.ri-send-plane-2-line:before{content:""}.ri-send-plane-fill:before{content:""}.ri-send-plane-line:before{content:""}.ri-send-to-back:before{content:""}.ri-sensor-fill:before{content:""}.ri-sensor-line:before{content:""}.ri-separator:before{content:""}.ri-server-fill:before{content:""}.ri-server-line:before{content:""}.ri-service-fill:before{content:""}.ri-service-line:before{content:""}.ri-settings-2-fill:before{content:""}.ri-settings-2-line:before{content:""}.ri-settings-3-fill:before{content:""}.ri-settings-3-line:before{content:""}.ri-settings-4-fill:before{content:""}.ri-settings-4-line:before{content:""}.ri-settings-5-fill:before{content:""}.ri-settings-5-line:before{content:""}.ri-settings-6-fill:before{content:""}.ri-settings-6-line:before{content:""}.ri-settings-fill:before{content:""}.ri-settings-line:before{content:""}.ri-shape-2-fill:before{content:""}.ri-shape-2-line:before{content:""}.ri-shape-fill:before{content:""}.ri-shape-line:before{content:""}.ri-share-box-fill:before{content:""}.ri-share-box-line:before{content:""}.ri-share-circle-fill:before{content:""}.ri-share-circle-line:before{content:""}.ri-share-fill:before{content:""}.ri-share-forward-2-fill:before{content:""}.ri-share-forward-2-line:before{content:""}.ri-share-forward-box-fill:before{content:""}.ri-share-forward-box-line:before{content:""}.ri-share-forward-fill:before{content:""}.ri-share-forward-line:before{content:""}.ri-share-line:before{content:""}.ri-shield-check-fill:before{content:""}.ri-shield-check-line:before{content:""}.ri-shield-cross-fill:before{content:""}.ri-shield-cross-line:before{content:""}.ri-shield-fill:before{content:""}.ri-shield-flash-fill:before{content:""}.ri-shield-flash-line:before{content:""}.ri-shield-keyhole-fill:before{content:""}.ri-shield-keyhole-line:before{content:""}.ri-shield-line:before{content:""}.ri-shield-star-fill:before{content:""}.ri-shield-star-line:before{content:""}.ri-shield-user-fill:before{content:""}.ri-shield-user-line:before{content:""}.ri-ship-2-fill:before{content:""}.ri-ship-2-line:before{content:""}.ri-ship-fill:before{content:""}.ri-ship-line:before{content:""}.ri-shirt-fill:before{content:""}.ri-shirt-line:before{content:""}.ri-shopping-bag-2-fill:before{content:""}.ri-shopping-bag-2-line:before{content:""}.ri-shopping-bag-3-fill:before{content:""}.ri-shopping-bag-3-line:before{content:""}.ri-shopping-bag-fill:before{content:""}.ri-shopping-bag-line:before{content:""}.ri-shopping-basket-2-fill:before{content:""}.ri-shopping-basket-2-line:before{content:""}.ri-shopping-basket-fill:before{content:""}.ri-shopping-basket-line:before{content:""}.ri-shopping-cart-2-fill:before{content:""}.ri-shopping-cart-2-line:before{content:""}.ri-shopping-cart-fill:before{content:""}.ri-shopping-cart-line:before{content:""}.ri-showers-fill:before{content:""}.ri-showers-line:before{content:""}.ri-shuffle-fill:before{content:""}.ri-shuffle-line:before{content:""}.ri-shut-down-fill:before{content:""}.ri-shut-down-line:before{content:""}.ri-side-bar-fill:before{content:""}.ri-side-bar-line:before{content:""}.ri-signal-tower-fill:before{content:""}.ri-signal-tower-line:before{content:""}.ri-signal-wifi-1-fill:before{content:""}.ri-signal-wifi-1-line:before{content:""}.ri-signal-wifi-2-fill:before{content:""}.ri-signal-wifi-2-line:before{content:""}.ri-signal-wifi-3-fill:before{content:""}.ri-signal-wifi-3-line:before{content:""}.ri-signal-wifi-error-fill:before{content:""}.ri-signal-wifi-error-line:before{content:""}.ri-signal-wifi-fill:before{content:""}.ri-signal-wifi-line:before{content:""}.ri-signal-wifi-off-fill:before{content:""}.ri-signal-wifi-off-line:before{content:""}.ri-sim-card-2-fill:before{content:""}.ri-sim-card-2-line:before{content:""}.ri-sim-card-fill:before{content:""}.ri-sim-card-line:before{content:""}.ri-single-quotes-l:before{content:""}.ri-single-quotes-r:before{content:""}.ri-sip-fill:before{content:""}.ri-sip-line:before{content:""}.ri-skip-back-fill:before{content:""}.ri-skip-back-line:before{content:""}.ri-skip-back-mini-fill:before{content:""}.ri-skip-back-mini-line:before{content:""}.ri-skip-forward-fill:before{content:""}.ri-skip-forward-line:before{content:""}.ri-skip-forward-mini-fill:before{content:""}.ri-skip-forward-mini-line:before{content:""}.ri-skull-2-fill:before{content:""}.ri-skull-2-line:before{content:""}.ri-skull-fill:before{content:""}.ri-skull-line:before{content:""}.ri-skype-fill:before{content:""}.ri-skype-line:before{content:""}.ri-slack-fill:before{content:""}.ri-slack-line:before{content:""}.ri-slice-fill:before{content:""}.ri-slice-line:before{content:""}.ri-slideshow-2-fill:before{content:""}.ri-slideshow-2-line:before{content:""}.ri-slideshow-3-fill:before{content:""}.ri-slideshow-3-line:before{content:""}.ri-slideshow-4-fill:before{content:""}.ri-slideshow-4-line:before{content:""}.ri-slideshow-fill:before{content:""}.ri-slideshow-line:before{content:""}.ri-smartphone-fill:before{content:""}.ri-smartphone-line:before{content:""}.ri-snapchat-fill:before{content:""}.ri-snapchat-line:before{content:""}.ri-snowy-fill:before{content:""}.ri-snowy-line:before{content:""}.ri-sort-asc:before{content:""}.ri-sort-desc:before{content:""}.ri-sound-module-fill:before{content:""}.ri-sound-module-line:before{content:""}.ri-soundcloud-fill:before{content:""}.ri-soundcloud-line:before{content:""}.ri-space-ship-fill:before{content:""}.ri-space-ship-line:before{content:""}.ri-space:before{content:""}.ri-spam-2-fill:before{content:""}.ri-spam-2-line:before{content:""}.ri-spam-3-fill:before{content:""}.ri-spam-3-line:before{content:""}.ri-spam-fill:before{content:""}.ri-spam-line:before{content:""}.ri-speaker-2-fill:before{content:""}.ri-speaker-2-line:before{content:""}.ri-speaker-3-fill:before{content:""}.ri-speaker-3-line:before{content:""}.ri-speaker-fill:before{content:""}.ri-speaker-line:before{content:""}.ri-spectrum-fill:before{content:""}.ri-spectrum-line:before{content:""}.ri-speed-fill:before{content:""}.ri-speed-line:before{content:""}.ri-speed-mini-fill:before{content:""}.ri-speed-mini-line:before{content:""}.ri-split-cells-horizontal:before{content:""}.ri-split-cells-vertical:before{content:""}.ri-spotify-fill:before{content:""}.ri-spotify-line:before{content:""}.ri-spy-fill:before{content:""}.ri-spy-line:before{content:""}.ri-stack-fill:before{content:""}.ri-stack-line:before{content:""}.ri-stack-overflow-fill:before{content:""}.ri-stack-overflow-line:before{content:""}.ri-stackshare-fill:before{content:""}.ri-stackshare-line:before{content:""}.ri-star-fill:before{content:""}.ri-star-half-fill:before{content:""}.ri-star-half-line:before{content:""}.ri-star-half-s-fill:before{content:""}.ri-star-half-s-line:before{content:""}.ri-star-line:before{content:""}.ri-star-s-fill:before{content:""}.ri-star-s-line:before{content:""}.ri-star-smile-fill:before{content:""}.ri-star-smile-line:before{content:""}.ri-steam-fill:before{content:""}.ri-steam-line:before{content:""}.ri-steering-2-fill:before{content:""}.ri-steering-2-line:before{content:""}.ri-steering-fill:before{content:""}.ri-steering-line:before{content:""}.ri-stethoscope-fill:before{content:""}.ri-stethoscope-line:before{content:""}.ri-sticky-note-2-fill:before{content:""}.ri-sticky-note-2-line:before{content:""}.ri-sticky-note-fill:before{content:""}.ri-sticky-note-line:before{content:""}.ri-stock-fill:before{content:""}.ri-stock-line:before{content:""}.ri-stop-circle-fill:before{content:""}.ri-stop-circle-line:before{content:""}.ri-stop-fill:before{content:""}.ri-stop-line:before{content:""}.ri-stop-mini-fill:before{content:""}.ri-stop-mini-line:before{content:""}.ri-store-2-fill:before{content:""}.ri-store-2-line:before{content:""}.ri-store-3-fill:before{content:""}.ri-store-3-line:before{content:""}.ri-store-fill:before{content:""}.ri-store-line:before{content:""}.ri-strikethrough-2:before{content:""}.ri-strikethrough:before{content:""}.ri-subscript-2:before{content:""}.ri-subscript:before{content:""}.ri-subtract-fill:before{content:""}.ri-subtract-line:before{content:""}.ri-subway-fill:before{content:""}.ri-subway-line:before{content:""}.ri-subway-wifi-fill:before{content:""}.ri-subway-wifi-line:before{content:""}.ri-suitcase-2-fill:before{content:""}.ri-suitcase-2-line:before{content:""}.ri-suitcase-3-fill:before{content:""}.ri-suitcase-3-line:before{content:""}.ri-suitcase-fill:before{content:""}.ri-suitcase-line:before{content:""}.ri-sun-cloudy-fill:before{content:""}.ri-sun-cloudy-line:before{content:""}.ri-sun-fill:before{content:""}.ri-sun-foggy-fill:before{content:""}.ri-sun-foggy-line:before{content:""}.ri-sun-line:before{content:""}.ri-superscript-2:before{content:""}.ri-superscript:before{content:""}.ri-surgical-mask-fill:before{content:""}.ri-surgical-mask-line:before{content:""}.ri-surround-sound-fill:before{content:""}.ri-surround-sound-line:before{content:""}.ri-survey-fill:before{content:""}.ri-survey-line:before{content:""}.ri-swap-box-fill:before{content:""}.ri-swap-box-line:before{content:""}.ri-swap-fill:before{content:""}.ri-swap-line:before{content:""}.ri-switch-fill:before{content:""}.ri-switch-line:before{content:""}.ri-sword-fill:before{content:""}.ri-sword-line:before{content:""}.ri-syringe-fill:before{content:""}.ri-syringe-line:before{content:""}.ri-t-box-fill:before{content:""}.ri-t-box-line:before{content:""}.ri-t-shirt-2-fill:before{content:""}.ri-t-shirt-2-line:before{content:""}.ri-t-shirt-air-fill:before{content:""}.ri-t-shirt-air-line:before{content:""}.ri-t-shirt-fill:before{content:""}.ri-t-shirt-line:before{content:""}.ri-table-2:before{content:""}.ri-table-alt-fill:before{content:""}.ri-table-alt-line:before{content:""}.ri-table-fill:before{content:""}.ri-table-line:before{content:""}.ri-tablet-fill:before{content:""}.ri-tablet-line:before{content:""}.ri-takeaway-fill:before{content:""}.ri-takeaway-line:before{content:""}.ri-taobao-fill:before{content:""}.ri-taobao-line:before{content:""}.ri-tape-fill:before{content:""}.ri-tape-line:before{content:""}.ri-task-fill:before{content:""}.ri-task-line:before{content:""}.ri-taxi-fill:before{content:""}.ri-taxi-line:before{content:""}.ri-taxi-wifi-fill:before{content:""}.ri-taxi-wifi-line:before{content:""}.ri-team-fill:before{content:""}.ri-team-line:before{content:""}.ri-telegram-fill:before{content:""}.ri-telegram-line:before{content:""}.ri-temp-cold-fill:before{content:""}.ri-temp-cold-line:before{content:""}.ri-temp-hot-fill:before{content:""}.ri-temp-hot-line:before{content:""}.ri-terminal-box-fill:before{content:""}.ri-terminal-box-line:before{content:""}.ri-terminal-fill:before{content:""}.ri-terminal-line:before{content:""}.ri-terminal-window-fill:before{content:""}.ri-terminal-window-line:before{content:""}.ri-test-tube-fill:before{content:""}.ri-test-tube-line:before{content:""}.ri-text-direction-l:before{content:""}.ri-text-direction-r:before{content:""}.ri-text-spacing:before{content:""}.ri-text-wrap:before{content:""}.ri-text:before{content:""}.ri-thermometer-fill:before{content:""}.ri-thermometer-line:before{content:""}.ri-thumb-down-fill:before{content:""}.ri-thumb-down-line:before{content:""}.ri-thumb-up-fill:before{content:""}.ri-thumb-up-line:before{content:""}.ri-thunderstorms-fill:before{content:""}.ri-thunderstorms-line:before{content:""}.ri-ticket-2-fill:before{content:""}.ri-ticket-2-line:before{content:""}.ri-ticket-fill:before{content:""}.ri-ticket-line:before{content:""}.ri-time-fill:before{content:""}.ri-time-line:before{content:""}.ri-timer-2-fill:before{content:""}.ri-timer-2-line:before{content:""}.ri-timer-fill:before{content:""}.ri-timer-flash-fill:before{content:""}.ri-timer-flash-line:before{content:""}.ri-timer-line:before{content:""}.ri-todo-fill:before{content:""}.ri-todo-line:before{content:""}.ri-toggle-fill:before{content:""}.ri-toggle-line:before{content:""}.ri-tools-fill:before{content:""}.ri-tools-line:before{content:""}.ri-tornado-fill:before{content:""}.ri-tornado-line:before{content:""}.ri-trademark-fill:before{content:""}.ri-trademark-line:before{content:""}.ri-traffic-light-fill:before{content:""}.ri-traffic-light-line:before{content:""}.ri-train-fill:before{content:""}.ri-train-line:before{content:""}.ri-train-wifi-fill:before{content:""}.ri-train-wifi-line:before{content:""}.ri-translate-2:before{content:""}.ri-translate:before{content:""}.ri-travesti-fill:before{content:""}.ri-travesti-line:before{content:""}.ri-treasure-map-fill:before{content:""}.ri-treasure-map-line:before{content:""}.ri-trello-fill:before{content:""}.ri-trello-line:before{content:""}.ri-trophy-fill:before{content:""}.ri-trophy-line:before{content:""}.ri-truck-fill:before{content:""}.ri-truck-line:before{content:""}.ri-tumblr-fill:before{content:""}.ri-tumblr-line:before{content:""}.ri-tv-2-fill:before{content:""}.ri-tv-2-line:before{content:""}.ri-tv-fill:before{content:""}.ri-tv-line:before{content:""}.ri-twitch-fill:before{content:""}.ri-twitch-line:before{content:""}.ri-twitter-fill:before{content:""}.ri-twitter-line:before{content:""}.ri-typhoon-fill:before{content:""}.ri-typhoon-line:before{content:""}.ri-u-disk-fill:before{content:""}.ri-u-disk-line:before{content:""}.ri-ubuntu-fill:before{content:""}.ri-ubuntu-line:before{content:""}.ri-umbrella-fill:before{content:""}.ri-umbrella-line:before{content:""}.ri-underline:before{content:""}.ri-uninstall-fill:before{content:""}.ri-uninstall-line:before{content:""}.ri-unsplash-fill:before{content:""}.ri-unsplash-line:before{content:""}.ri-upload-2-fill:before{content:""}.ri-upload-2-line:before{content:""}.ri-upload-cloud-2-fill:before{content:""}.ri-upload-cloud-2-line:before{content:""}.ri-upload-cloud-fill:before{content:""}.ri-upload-cloud-line:before{content:""}.ri-upload-fill:before{content:""}.ri-upload-line:before{content:""}.ri-usb-fill:before{content:""}.ri-usb-line:before{content:""}.ri-user-2-fill:before{content:""}.ri-user-2-line:before{content:""}.ri-user-3-fill:before{content:""}.ri-user-3-line:before{content:""}.ri-user-4-fill:before{content:""}.ri-user-4-line:before{content:""}.ri-user-5-fill:before{content:""}.ri-user-5-line:before{content:""}.ri-user-6-fill:before{content:""}.ri-user-6-line:before{content:""}.ri-user-add-fill:before{content:""}.ri-user-add-line:before{content:""}.ri-user-fill:before{content:""}.ri-user-follow-fill:before{content:""}.ri-user-follow-line:before{content:""}.ri-user-heart-fill:before{content:""}.ri-user-heart-line:before{content:""}.ri-user-line:before{content:""}.ri-user-location-fill:before{content:""}.ri-user-location-line:before{content:""}.ri-user-received-2-fill:before{content:""}.ri-user-received-2-line:before{content:""}.ri-user-received-fill:before{content:""}.ri-user-received-line:before{content:""}.ri-user-search-fill:before{content:""}.ri-user-search-line:before{content:""}.ri-user-settings-fill:before{content:""}.ri-user-settings-line:before{content:""}.ri-user-shared-2-fill:before{content:""}.ri-user-shared-2-line:before{content:""}.ri-user-shared-fill:before{content:""}.ri-user-shared-line:before{content:""}.ri-user-smile-fill:before{content:""}.ri-user-smile-line:before{content:""}.ri-user-star-fill:before{content:""}.ri-user-star-line:before{content:""}.ri-user-unfollow-fill:before{content:""}.ri-user-unfollow-line:before{content:""}.ri-user-voice-fill:before{content:""}.ri-user-voice-line:before{content:""}.ri-video-add-fill:before{content:""}.ri-video-add-line:before{content:""}.ri-video-chat-fill:before{content:""}.ri-video-chat-line:before{content:""}.ri-video-download-fill:before{content:""}.ri-video-download-line:before{content:""}.ri-video-fill:before{content:""}.ri-video-line:before{content:""}.ri-video-upload-fill:before{content:""}.ri-video-upload-line:before{content:""}.ri-vidicon-2-fill:before{content:""}.ri-vidicon-2-line:before{content:""}.ri-vidicon-fill:before{content:""}.ri-vidicon-line:before{content:""}.ri-vimeo-fill:before{content:""}.ri-vimeo-line:before{content:""}.ri-vip-crown-2-fill:before{content:""}.ri-vip-crown-2-line:before{content:""}.ri-vip-crown-fill:before{content:""}.ri-vip-crown-line:before{content:""}.ri-vip-diamond-fill:before{content:""}.ri-vip-diamond-line:before{content:""}.ri-vip-fill:before{content:""}.ri-vip-line:before{content:""}.ri-virus-fill:before{content:""}.ri-virus-line:before{content:""}.ri-visa-fill:before{content:""}.ri-visa-line:before{content:""}.ri-voice-recognition-fill:before{content:""}.ri-voice-recognition-line:before{content:""}.ri-voiceprint-fill:before{content:""}.ri-voiceprint-line:before{content:""}.ri-volume-down-fill:before{content:""}.ri-volume-down-line:before{content:""}.ri-volume-mute-fill:before{content:""}.ri-volume-mute-line:before{content:""}.ri-volume-off-vibrate-fill:before{content:""}.ri-volume-off-vibrate-line:before{content:""}.ri-volume-up-fill:before{content:""}.ri-volume-up-line:before{content:""}.ri-volume-vibrate-fill:before{content:""}.ri-volume-vibrate-line:before{content:""}.ri-vuejs-fill:before{content:""}.ri-vuejs-line:before{content:""}.ri-walk-fill:before{content:""}.ri-walk-line:before{content:""}.ri-wallet-2-fill:before{content:""}.ri-wallet-2-line:before{content:""}.ri-wallet-3-fill:before{content:""}.ri-wallet-3-line:before{content:""}.ri-wallet-fill:before{content:""}.ri-wallet-line:before{content:""}.ri-water-flash-fill:before{content:""}.ri-water-flash-line:before{content:""}.ri-webcam-fill:before{content:""}.ri-webcam-line:before{content:""}.ri-wechat-2-fill:before{content:""}.ri-wechat-2-line:before{content:""}.ri-wechat-fill:before{content:""}.ri-wechat-line:before{content:""}.ri-wechat-pay-fill:before{content:""}.ri-wechat-pay-line:before{content:""}.ri-weibo-fill:before{content:""}.ri-weibo-line:before{content:""}.ri-whatsapp-fill:before{content:""}.ri-whatsapp-line:before{content:""}.ri-wheelchair-fill:before{content:""}.ri-wheelchair-line:before{content:""}.ri-wifi-fill:before{content:""}.ri-wifi-line:before{content:""}.ri-wifi-off-fill:before{content:""}.ri-wifi-off-line:before{content:""}.ri-window-2-fill:before{content:""}.ri-window-2-line:before{content:""}.ri-window-fill:before{content:""}.ri-window-line:before{content:""}.ri-windows-fill:before{content:""}.ri-windows-line:before{content:""}.ri-windy-fill:before{content:""}.ri-windy-line:before{content:""}.ri-wireless-charging-fill:before{content:""}.ri-wireless-charging-line:before{content:""}.ri-women-fill:before{content:""}.ri-women-line:before{content:""}.ri-wubi-input:before{content:""}.ri-xbox-fill:before{content:""}.ri-xbox-line:before{content:""}.ri-xing-fill:before{content:""}.ri-xing-line:before{content:""}.ri-youtube-fill:before{content:""}.ri-youtube-line:before{content:""}.ri-zcool-fill:before{content:""}.ri-zcool-line:before{content:""}.ri-zhihu-fill:before{content:""}.ri-zhihu-line:before{content:""}.ri-zoom-in-fill:before{content:""}.ri-zoom-in-line:before{content:""}.ri-zoom-out-fill:before{content:""}.ri-zoom-out-line:before{content:""}.ri-zzz-fill:before{content:""}.ri-zzz-line:before{content:""}.ri-arrow-down-double-fill:before{content:""}.ri-arrow-down-double-line:before{content:""}.ri-arrow-left-double-fill:before{content:""}.ri-arrow-left-double-line:before{content:""}.ri-arrow-right-double-fill:before{content:""}.ri-arrow-right-double-line:before{content:""}.ri-arrow-turn-back-fill:before{content:""}.ri-arrow-turn-back-line:before{content:""}.ri-arrow-turn-forward-fill:before{content:""}.ri-arrow-turn-forward-line:before{content:""}.ri-arrow-up-double-fill:before{content:""}.ri-arrow-up-double-line:before{content:""}.ri-bard-fill:before{content:""}.ri-bard-line:before{content:""}.ri-bootstrap-fill:before{content:""}.ri-bootstrap-line:before{content:""}.ri-box-1-fill:before{content:""}.ri-box-1-line:before{content:""}.ri-box-2-fill:before{content:""}.ri-box-2-line:before{content:""}.ri-box-3-fill:before{content:""}.ri-box-3-line:before{content:""}.ri-brain-fill:before{content:""}.ri-brain-line:before{content:""}.ri-candle-fill:before{content:""}.ri-candle-line:before{content:""}.ri-cash-fill:before{content:""}.ri-cash-line:before{content:""}.ri-contract-left-fill:before{content:""}.ri-contract-left-line:before{content:""}.ri-contract-left-right-fill:before{content:""}.ri-contract-left-right-line:before{content:""}.ri-contract-right-fill:before{content:""}.ri-contract-right-line:before{content:""}.ri-contract-up-down-fill:before{content:""}.ri-contract-up-down-line:before{content:""}.ri-copilot-fill:before{content:""}.ri-copilot-line:before{content:""}.ri-corner-down-left-fill:before{content:""}.ri-corner-down-left-line:before{content:""}.ri-corner-down-right-fill:before{content:""}.ri-corner-down-right-line:before{content:""}.ri-corner-left-down-fill:before{content:""}.ri-corner-left-down-line:before{content:""}.ri-corner-left-up-fill:before{content:""}.ri-corner-left-up-line:before{content:""}.ri-corner-right-down-fill:before{content:""}.ri-corner-right-down-line:before{content:""}.ri-corner-right-up-fill:before{content:""}.ri-corner-right-up-line:before{content:""}.ri-corner-up-left-double-fill:before{content:""}.ri-corner-up-left-double-line:before{content:""}.ri-corner-up-left-fill:before{content:""}.ri-corner-up-left-line:before{content:""}.ri-corner-up-right-double-fill:before{content:""}.ri-corner-up-right-double-line:before{content:""}.ri-corner-up-right-fill:before{content:""}.ri-corner-up-right-line:before{content:""}.ri-cross-fill:before{content:""}.ri-cross-line:before{content:""}.ri-edge-new-fill:before{content:""}.ri-edge-new-line:before{content:""}.ri-equal-fill:before{content:""}.ri-equal-line:before{content:""}.ri-expand-left-fill:before{content:""}.ri-expand-left-line:before{content:""}.ri-expand-left-right-fill:before{content:""}.ri-expand-left-right-line:before{content:""}.ri-expand-right-fill:before{content:""}.ri-expand-right-line:before{content:""}.ri-expand-up-down-fill:before{content:""}.ri-expand-up-down-line:before{content:""}.ri-flickr-fill:before{content:""}.ri-flickr-line:before{content:""}.ri-forward-10-fill:before{content:""}.ri-forward-10-line:before{content:""}.ri-forward-15-fill:before{content:""}.ri-forward-15-line:before{content:""}.ri-forward-30-fill:before{content:""}.ri-forward-30-line:before{content:""}.ri-forward-5-fill:before{content:""}.ri-forward-5-line:before{content:""}.ri-graduation-cap-fill:before{content:""}.ri-graduation-cap-line:before{content:""}.ri-home-office-fill:before{content:""}.ri-home-office-line:before{content:""}.ri-hourglass-2-fill:before{content:""}.ri-hourglass-2-line:before{content:""}.ri-hourglass-fill:before{content:""}.ri-hourglass-line:before{content:""}.ri-javascript-fill:before{content:""}.ri-javascript-line:before{content:""}.ri-loop-left-fill:before{content:""}.ri-loop-left-line:before{content:""}.ri-loop-right-fill:before{content:""}.ri-loop-right-line:before{content:""}.ri-memories-fill:before{content:""}.ri-memories-line:before{content:""}.ri-meta-fill:before{content:""}.ri-meta-line:before{content:""}.ri-microsoft-loop-fill:before{content:""}.ri-microsoft-loop-line:before{content:""}.ri-nft-fill:before{content:""}.ri-nft-line:before{content:""}.ri-notion-fill:before{content:""}.ri-notion-line:before{content:""}.ri-openai-fill:before{content:""}.ri-openai-line:before{content:""}.ri-overline:before{content:""}.ri-p2p-fill:before{content:""}.ri-p2p-line:before{content:""}.ri-presentation-fill:before{content:""}.ri-presentation-line:before{content:""}.ri-replay-10-fill:before{content:""}.ri-replay-10-line:before{content:""}.ri-replay-15-fill:before{content:""}.ri-replay-15-line:before{content:""}.ri-replay-30-fill:before{content:""}.ri-replay-30-line:before{content:""}.ri-replay-5-fill:before{content:""}.ri-replay-5-line:before{content:""}.ri-school-fill:before{content:""}.ri-school-line:before{content:""}.ri-shining-2-fill:before{content:""}.ri-shining-2-line:before{content:""}.ri-shining-fill:before{content:""}.ri-shining-line:before{content:""}.ri-sketching:before{content:""}.ri-skip-down-fill:before{content:""}.ri-skip-down-line:before{content:""}.ri-skip-left-fill:before{content:""}.ri-skip-left-line:before{content:""}.ri-skip-right-fill:before{content:""}.ri-skip-right-line:before{content:""}.ri-skip-up-fill:before{content:""}.ri-skip-up-line:before{content:""}.ri-slow-down-fill:before{content:""}.ri-slow-down-line:before{content:""}.ri-sparkling-2-fill:before{content:""}.ri-sparkling-2-line:before{content:""}.ri-sparkling-fill:before{content:""}.ri-sparkling-line:before{content:""}.ri-speak-fill:before{content:""}.ri-speak-line:before{content:""}.ri-speed-up-fill:before{content:""}.ri-speed-up-line:before{content:""}.ri-tiktok-fill:before{content:""}.ri-tiktok-line:before{content:""}.ri-token-swap-fill:before{content:""}.ri-token-swap-line:before{content:""}.ri-unpin-fill:before{content:""}.ri-unpin-line:before{content:""}.ri-wechat-channels-fill:before{content:""}.ri-wechat-channels-line:before{content:""}.ri-wordpress-fill:before{content:""}.ri-wordpress-line:before{content:""}.ri-blender-fill:before{content:""}.ri-blender-line:before{content:""}.ri-emoji-sticker-fill:before{content:""}.ri-emoji-sticker-line:before{content:""}.ri-git-close-pull-request-fill:before{content:""}.ri-git-close-pull-request-line:before{content:""}.ri-instance-fill:before{content:""}.ri-instance-line:before{content:""}.ri-megaphone-fill:before{content:""}.ri-megaphone-line:before{content:""}.ri-pass-expired-fill:before{content:""}.ri-pass-expired-line:before{content:""}.ri-pass-pending-fill:before{content:""}.ri-pass-pending-line:before{content:""}.ri-pass-valid-fill:before{content:""}.ri-pass-valid-line:before{content:""}.ri-ai-generate:before{content:""}.ri-calendar-close-fill:before{content:""}.ri-calendar-close-line:before{content:""}.ri-draggable:before{content:""}.ri-font-family:before{content:""}.ri-font-mono:before{content:""}.ri-font-sans-serif:before{content:""}.ri-hard-drive-3-fill:before{content:""}.ri-hard-drive-3-line:before{content:""}.ri-kick-fill:before{content:""}.ri-kick-line:before{content:""}.ri-list-check-3:before{content:""}.ri-list-indefinite:before{content:""}.ri-list-ordered-2:before{content:""}.ri-list-radio:before{content:""}.ri-openbase-fill:before{content:""}.ri-openbase-line:before{content:""}.ri-planet-fill:before{content:""}.ri-planet-line:before{content:""}.ri-prohibited-fill:before{content:""}.ri-prohibited-line:before{content:""}.ri-quote-text:before{content:""}.ri-seo-fill:before{content:""}.ri-seo-line:before{content:""}.ri-slash-commands:before{content:""}.ri-archive-2-fill:before{content:""}.ri-archive-2-line:before{content:""}.ri-inbox-2-fill:before{content:""}.ri-inbox-2-line:before{content:""}.ri-shake-hands-fill:before{content:""}.ri-shake-hands-line:before{content:""}.ri-supabase-fill:before{content:""}.ri-supabase-line:before{content:""}.ri-water-percent-fill:before{content:""}.ri-water-percent-line:before{content:""}.ri-yuque-fill:before{content:""}.ri-yuque-line:before{content:""}.ri-crosshair-2-fill:before{content:""}.ri-crosshair-2-line:before{content:""}.ri-crosshair-fill:before{content:""}.ri-crosshair-line:before{content:""}.ri-file-close-fill:before{content:""}.ri-file-close-line:before{content:""}.ri-infinity-fill:before{content:""}.ri-infinity-line:before{content:""}.ri-rfid-fill:before{content:""}.ri-rfid-line:before{content:""}.ri-slash-commands-2:before{content:""}.ri-user-forbid-fill:before{content:""}.ri-user-forbid-line:before{content:""}.ri-beer-fill:before{content:""}.ri-beer-line:before{content:""}.ri-circle-fill:before{content:""}.ri-circle-line:before{content:""}.ri-dropdown-list:before{content:""}.ri-file-image-fill:before{content:""}.ri-file-image-line:before{content:""}.ri-file-pdf-2-fill:before{content:""}.ri-file-pdf-2-line:before{content:""}.ri-file-video-fill:before{content:""}.ri-file-video-line:before{content:""}.ri-folder-image-fill:before{content:""}.ri-folder-image-line:before{content:""}.ri-folder-video-fill:before{content:""}.ri-folder-video-line:before{content:""}.ri-hexagon-fill:before{content:""}.ri-hexagon-line:before{content:""}.ri-menu-search-fill:before{content:""}.ri-menu-search-line:before{content:""}.ri-octagon-fill:before{content:""}.ri-octagon-line:before{content:""}.ri-pentagon-fill:before{content:""}.ri-pentagon-line:before{content:""}.ri-rectangle-fill:before{content:""}.ri-rectangle-line:before{content:""}.ri-robot-2-fill:before{content:""}.ri-robot-2-line:before{content:""}.ri-shapes-fill:before{content:""}.ri-shapes-line:before{content:""}.ri-square-fill:before{content:""}.ri-square-line:before{content:""}.ri-tent-fill:before{content:""}.ri-tent-line:before{content:""}.ri-threads-fill:before{content:""}.ri-threads-line:before{content:""}.ri-tree-fill:before{content:""}.ri-tree-line:before{content:""}.ri-triangle-fill:before{content:""}.ri-triangle-line:before{content:""}.ri-twitter-x-fill:before{content:""}.ri-twitter-x-line:before{content:""}.ri-verified-badge-fill:before{content:""}.ri-verified-badge-line:before{content:""}.ri-armchair-fill:before{content:""}.ri-armchair-line:before{content:""}.ri-bnb-fill:before{content:""}.ri-bnb-line:before{content:""}.ri-bread-fill:before{content:""}.ri-bread-line:before{content:""}.ri-btc-fill:before{content:""}.ri-btc-line:before{content:""}.ri-calendar-schedule-fill:before{content:""}.ri-calendar-schedule-line:before{content:""}.ri-dice-1-fill:before{content:""}.ri-dice-1-line:before{content:""}.ri-dice-2-fill:before{content:""}.ri-dice-2-line:before{content:""}.ri-dice-3-fill:before{content:""}.ri-dice-3-line:before{content:""}.ri-dice-4-fill:before{content:""}.ri-dice-4-line:before{content:""}.ri-dice-5-fill:before{content:""}.ri-dice-5-line:before{content:""}.ri-dice-6-fill:before{content:""}.ri-dice-6-line:before{content:""}.ri-dice-fill:before{content:""}.ri-dice-line:before{content:""}.ri-drinks-fill:before{content:""}.ri-drinks-line:before{content:""}.ri-equalizer-2-fill:before{content:""}.ri-equalizer-2-line:before{content:""}.ri-equalizer-3-fill:before{content:""}.ri-equalizer-3-line:before{content:""}.ri-eth-fill:before{content:""}.ri-eth-line:before{content:""}.ri-flower-fill:before{content:""}.ri-flower-line:before{content:""}.ri-glasses-2-fill:before{content:""}.ri-glasses-2-line:before{content:""}.ri-glasses-fill:before{content:""}.ri-glasses-line:before{content:""}.ri-goggles-fill:before{content:""}.ri-goggles-line:before{content:""}.ri-image-circle-fill:before{content:""}.ri-image-circle-line:before{content:""}.ri-info-i:before{content:""}.ri-money-rupee-circle-fill:before{content:""}.ri-money-rupee-circle-line:before{content:""}.ri-news-fill:before{content:""}.ri-news-line:before{content:""}.ri-robot-3-fill:before{content:""}.ri-robot-3-line:before{content:""}.ri-share-2-fill:before{content:""}.ri-share-2-line:before{content:""}.ri-sofa-fill:before{content:""}.ri-sofa-line:before{content:""}.ri-svelte-fill:before{content:""}.ri-svelte-line:before{content:""}.ri-vk-fill:before{content:""}.ri-vk-line:before{content:""}.ri-xrp-fill:before{content:""}.ri-xrp-line:before{content:""}.ri-xtz-fill:before{content:""}.ri-xtz-line:before{content:""}.ri-archive-stack-fill:before{content:""}.ri-archive-stack-line:before{content:""}.ri-bowl-fill:before{content:""}.ri-bowl-line:before{content:""}.ri-calendar-view:before{content:""}.ri-carousel-view:before{content:""}.ri-code-block:before{content:""}.ri-color-filter-fill:before{content:""}.ri-color-filter-line:before{content:""}.ri-contacts-book-3-fill:before{content:""}.ri-contacts-book-3-line:before{content:""}.ri-contract-fill:before{content:""}.ri-contract-line:before{content:""}.ri-drinks-2-fill:before{content:""}.ri-drinks-2-line:before{content:""}.ri-export-fill:before{content:""}.ri-export-line:before{content:""}.ri-file-check-fill:before{content:""}.ri-file-check-line:before{content:""}.ri-focus-mode:before{content:""}.ri-folder-6-fill:before{content:""}.ri-folder-6-line:before{content:""}.ri-folder-check-fill:before{content:""}.ri-folder-check-line:before{content:""}.ri-folder-close-fill:before{content:""}.ri-folder-close-line:before{content:""}.ri-folder-cloud-fill:before{content:""}.ri-folder-cloud-line:before{content:""}.ri-gallery-view-2:before{content:""}.ri-gallery-view:before{content:""}.ri-hand:before{content:""}.ri-import-fill:before{content:""}.ri-import-line:before{content:""}.ri-information-2-fill:before{content:""}.ri-information-2-line:before{content:""}.ri-kanban-view-2:before{content:""}.ri-kanban-view:before{content:""}.ri-list-view:before{content:""}.ri-lock-star-fill:before{content:""}.ri-lock-star-line:before{content:""}.ri-puzzle-2-fill:before{content:""}.ri-puzzle-2-line:before{content:""}.ri-puzzle-fill:before{content:""}.ri-puzzle-line:before{content:""}.ri-ram-2-fill:before{content:""}.ri-ram-2-line:before{content:""}.ri-ram-fill:before{content:""}.ri-ram-line:before{content:""}.ri-receipt-fill:before{content:""}.ri-receipt-line:before{content:""}.ri-shadow-fill:before{content:""}.ri-shadow-line:before{content:""}.ri-sidebar-fold-fill:before{content:""}.ri-sidebar-fold-line:before{content:""}.ri-sidebar-unfold-fill:before{content:""}.ri-sidebar-unfold-line:before{content:""}.ri-slideshow-view:before{content:""}.ri-sort-alphabet-asc:before{content:""}.ri-sort-alphabet-desc:before{content:""}.ri-sort-number-asc:before{content:""}.ri-sort-number-desc:before{content:""}.ri-stacked-view:before{content:""}.ri-sticky-note-add-fill:before{content:""}.ri-sticky-note-add-line:before{content:""}.ri-swap-2-fill:before{content:""}.ri-swap-2-line:before{content:""}.ri-swap-3-fill:before{content:""}.ri-swap-3-line:before{content:""}.ri-table-3:before{content:""}.ri-table-view:before{content:""}.ri-text-block:before{content:""}.ri-text-snippet:before{content:""}.ri-timeline-view:before{content:""}.ri-blogger-fill:before{content:""}.ri-blogger-line:before{content:""}.ri-chat-thread-fill:before{content:""}.ri-chat-thread-line:before{content:""}.ri-discount-percent-fill:before{content:""}.ri-discount-percent-line:before{content:""}.ri-exchange-2-fill:before{content:""}.ri-exchange-2-line:before{content:""}.ri-git-fork-fill:before{content:""}.ri-git-fork-line:before{content:""}.ri-input-field:before{content:""}.ri-progress-1-fill:before{content:""}.ri-progress-1-line:before{content:""}.ri-progress-2-fill:before{content:""}.ri-progress-2-line:before{content:""}.ri-progress-3-fill:before{content:""}.ri-progress-3-line:before{content:""}.ri-progress-4-fill:before{content:""}.ri-progress-4-line:before{content:""}.ri-progress-5-fill:before{content:""}.ri-progress-5-line:before{content:""}.ri-progress-6-fill:before{content:""}.ri-progress-6-line:before{content:""}.ri-progress-7-fill:before{content:""}.ri-progress-7-line:before{content:""}.ri-progress-8-fill:before{content:""}.ri-progress-8-line:before{content:""}.ri-remix-run-fill:before{content:""}.ri-remix-run-line:before{content:""}.ri-signpost-fill:before{content:""}.ri-signpost-line:before{content:""}.ri-time-zone-fill:before{content:""}.ri-time-zone-line:before{content:""}.ri-arrow-down-wide-fill:before{content:""}.ri-arrow-down-wide-line:before{content:""}.ri-arrow-left-wide-fill:before{content:""}.ri-arrow-left-wide-line:before{content:""}.ri-arrow-right-wide-fill:before{content:""}.ri-arrow-right-wide-line:before{content:""}.ri-arrow-up-wide-fill:before{content:""}.ri-arrow-up-wide-line:before{content:""}.ri-bluesky-fill:before{content:""}.ri-bluesky-line:before{content:""}.ri-expand-height-fill:before{content:""}.ri-expand-height-line:before{content:""}.ri-expand-width-fill:before{content:""}.ri-expand-width-line:before{content:""}.ri-forward-end-fill:before{content:""}.ri-forward-end-line:before{content:""}.ri-forward-end-mini-fill:before{content:""}.ri-forward-end-mini-line:before{content:""}.ri-friendica-fill:before{content:""}.ri-friendica-line:before{content:""}.ri-git-pr-draft-fill:before{content:""}.ri-git-pr-draft-line:before{content:""}.ri-play-reverse-fill:before{content:""}.ri-play-reverse-line:before{content:""}.ri-play-reverse-mini-fill:before{content:""}.ri-play-reverse-mini-line:before{content:""}.ri-rewind-start-fill:before{content:""}.ri-rewind-start-line:before{content:""}.ri-rewind-start-mini-fill:before{content:""}.ri-rewind-start-mini-line:before{content:""}.ri-scroll-to-bottom-fill:before{content:""}.ri-scroll-to-bottom-line:before{content:""}.ri-add-large-fill:before{content:""}.ri-add-large-line:before{content:""}.ri-aed-electrodes-fill:before{content:""}.ri-aed-electrodes-line:before{content:""}.ri-aed-fill:before{content:""}.ri-aed-line:before{content:""}.ri-alibaba-cloud-fill:before{content:""}.ri-alibaba-cloud-line:before{content:""}.ri-align-item-bottom-fill:before{content:""}.ri-align-item-bottom-line:before{content:""}.ri-align-item-horizontal-center-fill:before{content:""}.ri-align-item-horizontal-center-line:before{content:""}.ri-align-item-left-fill:before{content:""}.ri-align-item-left-line:before{content:""}.ri-align-item-right-fill:before{content:""}.ri-align-item-right-line:before{content:""}.ri-align-item-top-fill:before{content:""}.ri-align-item-top-line:before{content:""}.ri-align-item-vertical-center-fill:before{content:""}.ri-align-item-vertical-center-line:before{content:""}.ri-apps-2-add-fill:before{content:""}.ri-apps-2-add-line:before{content:""}.ri-close-large-fill:before{content:""}.ri-close-large-line:before{content:""}.ri-collapse-diagonal-2-fill:before{content:""}.ri-collapse-diagonal-2-line:before{content:""}.ri-collapse-diagonal-fill:before{content:""}.ri-collapse-diagonal-line:before{content:""}.ri-dashboard-horizontal-fill:before{content:""}.ri-dashboard-horizontal-line:before{content:""}.ri-expand-diagonal-2-fill:before{content:""}.ri-expand-diagonal-2-line:before{content:""}.ri-expand-diagonal-fill:before{content:""}.ri-expand-diagonal-line:before{content:""}.ri-firebase-fill:before{content:""}.ri-firebase-line:before{content:""}.ri-flip-horizontal-2-fill:before{content:""}.ri-flip-horizontal-2-line:before{content:""}.ri-flip-horizontal-fill:before{content:""}.ri-flip-horizontal-line:before{content:""}.ri-flip-vertical-2-fill:before{content:""}.ri-flip-vertical-2-line:before{content:""}.ri-flip-vertical-fill:before{content:""}.ri-flip-vertical-line:before{content:""}.ri-formula:before{content:""}.ri-function-add-fill:before{content:""}.ri-function-add-line:before{content:""}.ri-goblet-2-fill:before{content:""}.ri-goblet-2-line:before{content:""}.ri-golf-ball-fill:before{content:""}.ri-golf-ball-line:before{content:""}.ri-group-3-fill:before{content:""}.ri-group-3-line:before{content:""}.ri-heart-add-2-fill:before{content:""}.ri-heart-add-2-line:before{content:""}.ri-id-card-fill:before{content:""}.ri-id-card-line:before{content:""}.ri-information-off-fill:before{content:""}.ri-information-off-line:before{content:""}.ri-java-fill:before{content:""}.ri-java-line:before{content:""}.ri-layout-grid-2-fill:before{content:""}.ri-layout-grid-2-line:before{content:""}.ri-layout-horizontal-fill:before{content:""}.ri-layout-horizontal-line:before{content:""}.ri-layout-vertical-fill:before{content:""}.ri-layout-vertical-line:before{content:""}.ri-menu-fold-2-fill:before{content:""}.ri-menu-fold-2-line:before{content:""}.ri-menu-fold-3-fill:before{content:""}.ri-menu-fold-3-line:before{content:""}.ri-menu-fold-4-fill:before{content:""}.ri-menu-fold-4-line:before{content:""}.ri-menu-unfold-2-fill:before{content:""}.ri-menu-unfold-2-line:before{content:""}.ri-menu-unfold-3-fill:before{content:""}.ri-menu-unfold-3-line:before{content:""}.ri-menu-unfold-4-fill:before{content:""}.ri-menu-unfold-4-line:before{content:""}.ri-mobile-download-fill:before{content:""}.ri-mobile-download-line:before{content:""}.ri-nextjs-fill:before{content:""}.ri-nextjs-line:before{content:""}.ri-nodejs-fill:before{content:""}.ri-nodejs-line:before{content:""}.ri-pause-large-fill:before{content:""}.ri-pause-large-line:before{content:""}.ri-play-large-fill:before{content:""}.ri-play-large-line:before{content:""}.ri-play-reverse-large-fill:before{content:""}.ri-play-reverse-large-line:before{content:""}.ri-police-badge-fill:before{content:""}.ri-police-badge-line:before{content:""}.ri-prohibited-2-fill:before{content:""}.ri-prohibited-2-line:before{content:""}.ri-shopping-bag-4-fill:before{content:""}.ri-shopping-bag-4-line:before{content:""}.ri-snowflake-fill:before{content:""}.ri-snowflake-line:before{content:""}.ri-square-root:before{content:""}.ri-stop-large-fill:before{content:""}.ri-stop-large-line:before{content:""}.ri-tailwind-css-fill:before{content:""}.ri-tailwind-css-line:before{content:""}.ri-tooth-fill:before{content:""}.ri-tooth-line:before{content:""}.ri-video-off-fill:before{content:""}.ri-video-off-line:before{content:""}.ri-video-on-fill:before{content:""}.ri-video-on-line:before{content:""}.ri-webhook-fill:before{content:""}.ri-webhook-line:before{content:""}.ri-weight-fill:before{content:""}.ri-weight-line:before{content:""}.ri-book-shelf-fill:before{content:""}.ri-book-shelf-line:before{content:""}.ri-brain-2-fill:before{content:""}.ri-brain-2-line:before{content:""}.ri-chat-search-fill:before{content:""}.ri-chat-search-line:before{content:""}.ri-chat-unread-fill:before{content:""}.ri-chat-unread-line:before{content:""}.ri-collapse-horizontal-fill:before{content:""}.ri-collapse-horizontal-line:before{content:""}.ri-collapse-vertical-fill:before{content:""}.ri-collapse-vertical-line:before{content:""}.ri-dna-fill:before{content:""}.ri-dna-line:before{content:""}.ri-dropper-fill:before{content:""}.ri-dropper-line:before{content:""}.ri-expand-diagonal-s-2-fill:before{content:""}.ri-expand-diagonal-s-2-line:before{content:""}.ri-expand-diagonal-s-fill:before{content:""}.ri-expand-diagonal-s-line:before{content:""}.ri-expand-horizontal-fill:before{content:""}.ri-expand-horizontal-line:before{content:""}.ri-expand-horizontal-s-fill:before{content:""}.ri-expand-horizontal-s-line:before{content:""}.ri-expand-vertical-fill:before{content:""}.ri-expand-vertical-line:before{content:""}.ri-expand-vertical-s-fill:before{content:""}.ri-expand-vertical-s-line:before{content:""}.ri-gemini-fill:before{content:""}.ri-gemini-line:before{content:""}.ri-reset-left-fill:before{content:""}.ri-reset-left-line:before{content:""}.ri-reset-right-fill:before{content:""}.ri-reset-right-line:before{content:""}.ri-stairs-fill:before{content:""}.ri-stairs-line:before{content:""}.ri-telegram-2-fill:before{content:""}.ri-telegram-2-line:before{content:""}.ri-triangular-flag-fill:before{content:""}.ri-triangular-flag-line:before{content:""}.ri-user-minus-fill:before{content:""}.ri-user-minus-line:before{content:""}.ri-account-box-2-fill:before{content:""}.ri-account-box-2-line:before{content:""}.ri-account-circle-2-fill:before{content:""}.ri-account-circle-2-line:before{content:""}.ri-alarm-snooze-fill:before{content:""}.ri-alarm-snooze-line:before{content:""}.ri-arrow-down-box-fill:before{content:""}.ri-arrow-down-box-line:before{content:""}.ri-arrow-left-box-fill:before{content:""}.ri-arrow-left-box-line:before{content:""}.ri-arrow-left-down-box-fill:before{content:""}.ri-arrow-left-down-box-line:before{content:""}.ri-arrow-left-up-box-fill:before{content:""}.ri-arrow-left-up-box-line:before{content:""}.ri-arrow-right-box-fill:before{content:""}.ri-arrow-right-box-line:before{content:""}.ri-arrow-right-down-box-fill:before{content:""}.ri-arrow-right-down-box-line:before{content:""}.ri-arrow-right-up-box-fill:before{content:""}.ri-arrow-right-up-box-line:before{content:""}.ri-arrow-up-box-fill:before{content:""}.ri-arrow-up-box-line:before{content:""}.ri-bar-chart-box-ai-fill:before{content:""}.ri-bar-chart-box-ai-line:before{content:""}.ri-brush-ai-fill:before{content:""}.ri-brush-ai-line:before{content:""}.ri-camera-ai-fill:before{content:""}.ri-camera-ai-line:before{content:""}.ri-chat-ai-fill:before{content:""}.ri-chat-ai-line:before{content:""}.ri-chat-smile-ai-fill:before{content:""}.ri-chat-smile-ai-line:before{content:""}.ri-chat-voice-ai-fill:before{content:""}.ri-chat-voice-ai-line:before{content:""}.ri-code-ai-fill:before{content:""}.ri-code-ai-line:before{content:""}.ri-color-filter-ai-fill:before{content:""}.ri-color-filter-ai-line:before{content:""}.ri-custom-size:before{content:""}.ri-fediverse-fill:before{content:""}.ri-fediverse-line:before{content:""}.ri-flag-off-fill:before{content:""}.ri-flag-off-line:before{content:""}.ri-home-9-fill:before{content:""}.ri-home-9-line:before{content:""}.ri-image-ai-fill:before{content:""}.ri-image-ai-line:before{content:""}.ri-image-circle-ai-fill:before{content:""}.ri-image-circle-ai-line:before{content:""}.ri-info-card-fill:before{content:""}.ri-info-card-line:before{content:""}.ri-landscape-ai-fill:before{content:""}.ri-landscape-ai-line:before{content:""}.ri-letter-spacing-2:before{content:""}.ri-line-height-2:before{content:""}.ri-mail-ai-fill:before{content:""}.ri-mail-ai-line:before{content:""}.ri-mic-2-ai-fill:before{content:""}.ri-mic-2-ai-line:before{content:""}.ri-mic-ai-fill:before{content:""}.ri-mic-ai-line:before{content:""}.ri-movie-ai-fill:before{content:""}.ri-movie-ai-line:before{content:""}.ri-music-ai-fill:before{content:""}.ri-music-ai-line:before{content:""}.ri-notification-snooze-fill:before{content:""}.ri-notification-snooze-line:before{content:""}.ri-php-fill:before{content:""}.ri-php-line:before{content:""}.ri-pix-fill:before{content:""}.ri-pix-line:before{content:""}.ri-pulse-ai-fill:before{content:""}.ri-pulse-ai-line:before{content:""}.ri-quill-pen-ai-fill:before{content:""}.ri-quill-pen-ai-line:before{content:""}.ri-speak-ai-fill:before{content:""}.ri-speak-ai-line:before{content:""}.ri-star-off-fill:before{content:""}.ri-star-off-line:before{content:""}.ri-translate-ai-2:before{content:""}.ri-translate-ai:before{content:""}.ri-user-community-fill:before{content:""}.ri-user-community-line:before{content:""}.ri-vercel-fill:before{content:""}.ri-vercel-line:before{content:""}.ri-video-ai-fill:before{content:""}.ri-video-ai-line:before{content:""}.ri-video-on-ai-fill:before{content:""}.ri-video-on-ai-line:before{content:""}.ri-voice-ai-fill:before{content:""}.ri-voice-ai-line:before{content:""}.ri-ai-generate-2:before{content:""}.ri-ai-generate-text:before{content:""}.ri-anthropic-fill:before{content:""}.ri-anthropic-line:before{content:""}.ri-apps-2-ai-fill:before{content:""}.ri-apps-2-ai-line:before{content:""}.ri-camera-lens-ai-fill:before{content:""}.ri-camera-lens-ai-line:before{content:""}.ri-clapperboard-ai-fill:before{content:""}.ri-clapperboard-ai-line:before{content:""}.ri-claude-fill:before{content:""}.ri-claude-line:before{content:""}.ri-closed-captioning-ai-fill:before{content:""}.ri-closed-captioning-ai-line:before{content:""}.ri-dvd-ai-fill:before{content:""}.ri-dvd-ai-line:before{content:""}.ri-film-ai-fill:before{content:""}.ri-film-ai-line:before{content:""}.ri-font-size-ai:before{content:""}.ri-mixtral-fill:before{content:""}.ri-mixtral-line:before{content:""}.ri-movie-2-ai-fill:before{content:""}.ri-movie-2-ai-line:before{content:""}.ri-mv-ai-fill:before{content:""}.ri-mv-ai-line:before{content:""}.ri-perplexity-fill:before{content:""}.ri-perplexity-line:before{content:""}.ri-poker-clubs-fill:before{content:""}.ri-poker-clubs-line:before{content:""}.ri-poker-diamonds-fill:before{content:""}.ri-poker-diamonds-line:before{content:""}.ri-poker-hearts-fill:before{content:""}.ri-poker-hearts-line:before{content:""}.ri-poker-spades-fill:before{content:""}.ri-poker-spades-line:before{content:""}.ri-safe-3-fill:before{content:""}.ri-safe-3-line:before{content:""}.ri-accessibility-fill:before{content:""}.ri-accessibility-line:before{content:""}.ri-alarm-add-fill:before{content:""}.ri-alarm-add-line:before{content:""}.ri-arrow-down-long-fill:before{content:""}.ri-arrow-down-long-line:before{content:""}.ri-arrow-left-down-long-fill:before{content:""}.ri-arrow-left-down-long-line:before{content:""}.ri-arrow-left-long-fill:before{content:""}.ri-arrow-left-long-line:before{content:""}.ri-arrow-left-up-long-fill:before{content:""}.ri-arrow-left-up-long-line:before{content:""}.ri-arrow-right-down-long-fill:before{content:""}.ri-arrow-right-down-long-line:before{content:""}.ri-arrow-right-long-fill:before{content:""}.ri-arrow-right-long-line:before{content:""}.ri-arrow-right-up-long-fill:before{content:""}.ri-arrow-right-up-long-line:before{content:""}.ri-arrow-up-long-fill:before{content:""}.ri-arrow-up-long-line:before{content:""}.ri-chess-fill:before{content:""}.ri-chess-line:before{content:""}.ri-diamond-fill:before{content:""}.ri-diamond-line:before{content:""}.ri-diamond-ring-fill:before{content:""}.ri-diamond-ring-line:before{content:""}.ri-figma-fill:before{content:""}.ri-figma-line:before{content:""}.ri-firefox-browser-fill:before{content:""}.ri-firefox-browser-line:before{content:""}.ri-jewelry-fill:before{content:""}.ri-jewelry-line:before{content:""}.ri-multi-image-fill:before{content:""}.ri-multi-image-line:before{content:""}.ri-no-credit-card-fill:before{content:""}.ri-no-credit-card-line:before{content:""}.ri-service-bell-fill:before{content:""}.ri-service-bell-line:before{content:""}.ri-ai-agent-fill:before{content:""}.ri-ai-agent-line:before{content:""}.ri-ai-generate-2-fill:before{content:""}.ri-ai-generate-2-line:before{content:""}.ri-ai-generate-3d-fill:before{content:""}.ri-ai-generate-3d-line:before{content:""}.ri-ai:before{content:""}.ri-apps-ai-fill:before{content:""}.ri-apps-ai-line:before{content:""}.ri-atom-fill:before{content:""}.ri-atom-line:before{content:""}.ri-book-ai-fill:before{content:""}.ri-book-ai-line:before{content:""}.ri-brain-3-fill:before{content:""}.ri-brain-3-line:before{content:""}.ri-brain-ai-3-fill:before{content:""}.ri-brain-ai-3-line:before{content:""}.ri-brush-ai-3-fill:before{content:""}.ri-brush-ai-3-line:before{content:""}.ri-camera-4-fill:before{content:""}.ri-camera-4-line:before{content:""}.ri-camera-ai-2-fill:before{content:""}.ri-camera-ai-2-line:before{content:""}.ri-chat-ai-2-fill:before{content:""}.ri-chat-ai-2-line:before{content:""}.ri-chat-ai-3-fill:before{content:""}.ri-chat-ai-3-line:before{content:""}.ri-chat-ai-4-fill:before{content:""}.ri-chat-ai-4-line:before{content:""}.ri-chat-smile-ai-3-fill:before{content:""}.ri-chat-smile-ai-3-line:before{content:""}.ri-deepseek-fill:before{content:""}.ri-deepseek-line:before{content:""}.ri-file-ai-2-fill:before{content:""}.ri-file-ai-2-line:before{content:""}.ri-file-ai-fill:before{content:""}.ri-file-ai-line:before{content:""}.ri-function-ai-fill:before{content:""}.ri-function-ai-line:before{content:""}.ri-game-2-fill:before{content:""}.ri-game-2-line:before{content:""}.ri-goblet-broken-fill:before{content:""}.ri-goblet-broken-line:before{content:""}.ri-lightbulb-ai-fill:before{content:""}.ri-lightbulb-ai-line:before{content:""}.ri-loop-left-ai-fill:before{content:""}.ri-loop-left-ai-line:before{content:""}.ri-loop-right-ai-fill:before{content:""}.ri-loop-right-ai-line:before{content:""}.ri-message-ai-3-fill:before{content:""}.ri-message-ai-3-line:before{content:""}.ri-painting-ai-fill:before{content:""}.ri-painting-ai-line:before{content:""}.ri-painting-fill:before{content:""}.ri-painting-line:before{content:""}.ri-pencil-ai-2-fill:before{content:""}.ri-pencil-ai-2-line:before{content:""}.ri-pencil-ai-fill:before{content:""}.ri-pencil-ai-line:before{content:""}.ri-remix-fill:before{content:""}.ri-remix-line:before{content:""}.ri-search-ai-2-fill:before{content:""}.ri-search-ai-2-line:before{content:""}.ri-search-ai-3-fill:before{content:""}.ri-search-ai-3-line:before{content:""}.ri-search-ai-4-fill:before{content:""}.ri-search-ai-4-line:before{content:""}.ri-search-ai-fill:before{content:""}.ri-search-ai-line:before{content:""}.ri-speech-to-text-fill:before{content:""}.ri-speech-to-text-line:before{content:""}.ri-target-fill:before{content:""}.ri-target-line:before{content:""}.ri-text-to-speech-fill:before{content:""}.ri-text-to-speech-line:before{content:""}.ri-wrench-fill:before{content:""}.ri-wrench-line:before{content:""}.ri-area-chart-fill:before{content:""}.ri-area-chart-line:before{content:""}.ri-baseball-fill:before{content:""}.ri-baseball-line:before{content:""}.ri-binoculars-fill:before{content:""}.ri-binoculars-line:before{content:""}.ri-cursor-hand:before{content:""}.ri-emotion-add-fill:before{content:""}.ri-emotion-add-line:before{content:""}.ri-file-scan-fill:before{content:""}.ri-file-scan-line:before{content:""}.ri-fiverr-fill:before{content:""}.ri-fiverr-line:before{content:""}.ri-font-serif:before{content:""}.ri-ghost-3-fill:before{content:""}.ri-ghost-3-line:before{content:""}.ri-gitee-fill:before{content:""}.ri-gitee-line:before{content:""}.ri-global-off-fill:before{content:""}.ri-global-off-line:before{content:""}.ri-image-download-fill:before{content:""}.ri-image-download-line:before{content:""}.ri-image-upload-fill:before{content:""}.ri-image-upload-line:before{content:""}.ri-issues-fill:before{content:""}.ri-issues-line:before{content:""}.ri-issues-reopen-fill:before{content:""}.ri-issues-reopen-line:before{content:""}.ri-network-error-fill:before{content:""}.ri-network-error-line:before{content:""}.ri-network-fill:before{content:""}.ri-network-line:before{content:""}.ri-network-off-fill:before{content:""}.ri-network-off-line:before{content:""}.ri-piano-fill:before{content:""}.ri-piano-grand-fill:before{content:""}.ri-piano-grand-line:before{content:""}.ri-piano-line:before{content:""}.ri-plug-3-fill:before{content:""}.ri-plug-3-line:before{content:""}.ri-send-ins-fill:before{content:""}.ri-send-ins-line:before{content:""}.ri-signal-cellular-1-fill:before{content:""}.ri-signal-cellular-1-line:before{content:""}.ri-signal-cellular-2-fill:before{content:""}.ri-signal-cellular-2-line:before{content:""}.ri-signal-cellular-3-fill:before{content:""}.ri-signal-cellular-3-line:before{content:""}.ri-signal-cellular-off-fill:before{content:""}.ri-signal-cellular-off-line:before{content:""}.ri-stacked-chart-fill:before{content:""}.ri-stacked-chart-line:before{content:""}.ri-upwork-fill:before{content:""}.ri-upwork-line:before{content:""}*{box-sizing:border-box;margin:0;-webkit-user-select:none;user-select:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{text-decoration:none;color:#000}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-title{height:24px;border-radius:6px}.skeleton-subtitle{height:18px;border-radius:4px}.skeleton-value{height:28px;border-radius:6px}.skeleton-icon{width:32px;height:32px;border-radius:8px;flex-shrink:0}.skeleton-icon-sm{width:28px;height:28px;border-radius:6px;flex-shrink:0}.skeleton-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.skeleton-avatar-large{width:96px;height:96px;border-radius:50%;flex-shrink:0}.skeleton-badge{width:48px;height:24px;border-radius:12px}.skeleton-badge-icon{width:56px;height:56px;border-radius:12px;margin-bottom:12px}.skeleton-book-icon{width:40px;height:40px;border-radius:10px;flex-shrink:0}.skeleton-progress-bar{width:160px;height:8px;border-radius:9999px}.skeleton-progress{width:100%;height:6px;border-radius:3px;margin-top:8px}.skeleton-stars{width:100px;height:18px;border-radius:4px}.skeleton-stat-value{width:48px;height:28px;border-radius:6px;margin:0 auto 8px}.skeleton-back-btn{width:36px;height:36px;border-radius:8px}.skeleton-edit-btn{width:100px;height:36px;border-radius:8px}.skeleton-name{width:180px;height:32px;border-radius:6px}.skeleton-tag{height:36px;border-radius:9999px}.skeleton-keyword{height:28px;border-radius:9999px}.skeleton-introduction{width:100%;height:80px;border-radius:12px}.skeleton-link-icon{width:48px;height:48px;border-radius:12px;flex-shrink:0}.skeleton-button{width:140px;height:40px;border-radius:10px}.skeleton-highlight-card{background:#f1f5f9;border-radius:12px;padding:16px}.skeleton-highlight-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}@media (max-width: 768px){.skeleton-avatar-large{width:80px;height:80px}.skeleton-name{width:150px;height:28px}.skeleton-progress-bar{width:120px}}@media (max-width: 480px){.skeleton-avatar-large{width:72px;height:72px}.skeleton-badge-icon{width:40px;height:40px;border-radius:10px;margin-bottom:8px}}.ptc-container{display:flex;flex-direction:column;gap:16px;width:100%}.ptc-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:300px;color:#9ca3af;font-size:14px}.ptc-loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:ptc-spin 1s linear infinite}@keyframes ptc-spin{to{transform:rotate(360deg)}}.ptc-error{display:flex;align-items:center;justify-content:center;height:200px;color:#9ca3af;font-size:14px}.ptc-tabs-wrapper{background:#fff;border-bottom:1px solid #e2e8f0}.ptc-tabs{display:flex;gap:24px}.ptc-tab{padding:12px 4px;background:none;border:none;border-bottom:2px solid transparent;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;white-space:nowrap;transition:all .2s ease}.ptc-tab:hover{color:#0f172a;border-bottom-color:#cbd5e1}.ptc-tab.active{color:#0f172a;border-bottom-color:#0f172a}.ptc-content{padding-top:16px}.ptc-tab-content{display:flex;flex-direction:column;gap:16px;animation:ptc-fadeIn .2s ease}@keyframes ptc-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ptc-card{background:#fff;border-radius:12px;padding:16px;border:1px solid #e2e8f0}.ptc-card-title{font-size:14px;font-weight:700;color:#0f172a;margin:0 0 16px}.ptc-progress-list{display:flex;flex-direction:column;gap:12px}.ptc-progress-item{display:flex;align-items:center;justify-content:space-between}.ptc-progress-label{font-size:13px;color:#64748b}.ptc-progress-bar-wrapper{display:flex;align-items:center;gap:10px}.ptc-progress-bar{width:120px;height:6px;background:#e2e8f0;border-radius:9999px;overflow:hidden}.ptc-progress-fill{height:100%;border-radius:9999px;transition:width .3s ease}.ptc-progress-fill.slate{background:#0f172a}.ptc-progress-fill.amber{background:#f59e0b}.ptc-progress-fill.cyan{background:#06b6d4}.ptc-progress-fill.emerald{background:#10b981}.ptc-progress-value{font-size:13px;font-weight:500;color:#0f172a;width:36px;text-align:right}.ptc-activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ptc-activity-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f8fafc;border-radius:8px}.ptc-activity-label{font-size:13px;color:#64748b}.ptc-activity-value{font-size:14px;font-weight:600;color:#0f172a}.ptc-activity-value.positive{color:#10b981}.ptc-activity-value.negative{color:#ef4444}.ptc-activity-value.warning{color:#f59e0b}.ptc-overview-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px){.ptc-overview-grid{grid-template-columns:1fr 280px}}.ptc-overview-main,.ptc-overview-sidebar{display:flex;flex-direction:column;gap:16px}.ptc-highlights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 640px){.ptc-highlights-grid{grid-template-columns:1fr}}.ptc-highlight-card{background:#f8fafc;border-radius:12px;padding:14px;border:1px solid #e2e8f0;transition:all .2s ease}.ptc-highlight-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #00000012}.ptc-highlight-card.slate{border-color:#cbd5e1;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.ptc-highlight-card.slate .ptc-highlight-icon{background:#0f172a;color:#fff}.ptc-highlight-card.amber{border-color:#fcd34d;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.ptc-highlight-card.amber .ptc-highlight-icon{background:#f59e0b;color:#fff}.ptc-highlight-card.cyan{border-color:#67e8f9;background:linear-gradient(135deg,#ecfeff,#cffafe)}.ptc-highlight-card.cyan .ptc-highlight-icon{background:#06b6d4;color:#fff}.ptc-highlight-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ptc-highlight-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px}.ptc-highlight-label{font-size:11px;font-weight:500;color:#64748b}.ptc-highlight-value{font-size:22px;font-weight:800;color:#0f172a;line-height:1.2}.ptc-highlight-sub{font-size:11px;color:#64748b;margin-top:4px}.ptc-reputation-list{display:flex;flex-direction:column;gap:10px}.ptc-reputation-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9}.ptc-reputation-item:last-child{border-bottom:none}.ptc-reputation-label{font-size:12px;color:#64748b}.ptc-reputation-stars{display:flex;align-items:center;gap:8px}.ptc-stars{display:flex;gap:2px}.ptc-stars i{font-size:12px;color:#fbbf24}.ptc-stars i.ri-star-line{color:#e2e8f0}.ptc-reputation-score{font-size:12px;font-weight:600;color:#0f172a;min-width:28px;text-align:right}.ptc-contact-list{display:flex;flex-direction:column;gap:12px}.ptc-contact-item{display:flex;align-items:flex-start;gap:12px}.ptc-contact-icon{width:36px;height:36px;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ptc-contact-icon i{font-size:16px;color:#64748b}.ptc-contact-content{display:flex;flex-direction:column;gap:2px;min-width:0}.ptc-contact-value{font-size:13px;font-weight:500;color:#0f172a;word-break:break-word}.ptc-contact-label{font-size:11px;color:#94a3b8}.ptc-interests-card{background:#fff;border-radius:12px;padding:16px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:20px}.ptc-interests-group{display:flex;flex-direction:column}.ptc-interests-group-title{font-size:13px;font-weight:600;color:#0f172a;margin:0 0 12px}.ptc-introduction-box{background:#f8fafc;border-radius:10px;padding:12px 14px;border:1px solid #e2e8f0}.ptc-introduction-text{font-size:14px;line-height:1.6;color:#334155;margin:0;white-space:pre-wrap}.ptc-empty-text{color:#9ca3af;font-size:13px;font-style:italic}.ptc-genre-tags{display:flex;flex-wrap:wrap;gap:8px}.ptc-genre-tag{padding:6px 14px;background:#0f172a;color:#fff;border-radius:9999px;font-size:13px;font-weight:500}.ptc-keyword-tags{display:flex;flex-wrap:wrap;gap:8px}.ptc-keyword-tag{padding:5px 12px;background:#ecfeff;color:#0891b2;border-radius:9999px;font-size:12px}.ptc-badges-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ptc-section-title{font-size:16px;font-weight:700;color:#0f172a;margin:0}.ptc-badges-count{display:flex;align-items:baseline;gap:4px}.ptc-badges-earned{font-size:20px;font-weight:800;color:#10b981}.ptc-badges-total{font-size:13px;color:#64748b}.ptc-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.ptc-badge-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease;text-align:center;cursor:pointer}.ptc-badge-card:hover{transform:translateY(-3px);box-shadow:0 8px 12px -3px #0000001a;border-color:#cbd5e1}.ptc-badge-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:20px;color:#fff;margin-bottom:10px;box-shadow:0 4px 6px -1px #0000001a;transition:all .2s ease}.ptc-badge-card:hover .ptc-badge-icon{transform:scale(1.1) rotate(3deg)}.ptc-badge-name{font-size:12px;font-weight:600;color:#0f172a;margin:0 0 4px}.ptc-badge-desc{font-size:10px;color:#64748b;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ptc-empty-badges{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.ptc-empty-badges-icon{width:56px;height:56px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.ptc-empty-badges-icon i{font-size:24px;color:#94a3b8}.ptc-empty-badges h3{font-size:14px;font-weight:600;color:#0f172a;margin:0 0 6px}.ptc-empty-badges p{font-size:13px;color:#64748b;margin:0}.ptc-compact .ptc-overview-grid{grid-template-columns:1fr}@media (min-width: 640px){.ptc-compact .ptc-overview-grid{grid-template-columns:1fr 240px}}.ptc-compact .ptc-card{padding:14px}.ptc-compact .ptc-card-title{font-size:13px;margin-bottom:12px}.ptc-compact .ptc-highlight-value{font-size:18px}.ptc-compact .ptc-reputation-label,.ptc-compact .ptc-stars i,.ptc-compact .ptc-reputation-score{font-size:11px}.ptc-compact .ptc-contact-icon{width:32px;height:32px}.ptc-compact .ptc-contact-icon i{font-size:14px}.ptc-compact .ptc-contact-value{font-size:12px}.ptc-compact .ptc-contact-label{font-size:10px}@media (max-width: 480px){.ptc-tabs{gap:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.ptc-overview-grid{grid-template-columns:1fr!important}.ptc-highlights-grid,.ptc-activity-grid{grid-template-columns:1fr}.ptc-badges-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ptc-badge-card{padding:12px 10px}.ptc-badge-icon{width:40px;height:40px;font-size:18px;border-radius:10px}.ptc-badge-name{font-size:11px}.ptc-badge-desc{font-size:9px}}.room-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background-color:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease}.room-modal{position:relative;width:100%;max-width:900px;max-height:90vh;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;overflow-y:auto;animation:slideUp .3s ease}.room-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e5e7eb;gap:16px}.room-modal-header-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.room-modal-badges{display:flex;gap:8px;flex-wrap:wrap}.room-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.room-badge-live{background-color:#fef2f2;color:#dc2626}.live-dot{width:8px;height:8px;background-color:#dc2626;border-radius:50%;animation:pulse 1.5s infinite}.room-badge-my{background-color:#eff6ff;color:#2563eb}.room-badge-joined{background-color:#ecfdf5;color:#059669}.room-badge-past{background-color:#f3f4f6;color:#6b7280}.room-badge-waiting{background-color:#fef3c7;color:#d97706}.room-modal-header-actions{display:flex;align-items:center;gap:8px}.room-modal-edit,.room-modal-save,.room-modal-cancel-edit,.room-modal-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.room-modal-edit:hover{background-color:#dbeafe;color:#2563eb}.room-modal-save{color:#059669}.room-modal-save:hover:not(:disabled){background-color:#d1fae5;color:#047857}.room-modal-save:disabled{opacity:.5;cursor:not-allowed}.room-modal-cancel-edit:hover{background-color:#fee2e2;color:#dc2626}.room-modal-close:hover{background-color:#f3f4f6;color:#111827}.room-modal-content{display:grid;grid-template-columns:224px 1fr;gap:32px;padding:24px;min-height:640px}@media (max-width: 768px){.room-modal-content{grid-template-columns:1fr;gap:24px;min-height:auto}}.room-modal-cover{display:flex;flex-direction:column;gap:20px;flex-shrink:0}.room-modal-book-wrapper{position:relative;width:200px;height:280px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e293b,#334155);border-radius:12px;overflow:visible}.room-modal-book-container{perspective:1500px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.room-modal-book{position:relative;display:inline-block;border-radius:2px 4px 4px 2px;background:linear-gradient(45deg,#dad5dc,#f2ebf4);transform-style:preserve-3d;transition:transform .5s}.room-modal-book-wrapper:hover .room-modal-book{transform:rotateY(25deg)}.room-modal-book-front{position:relative;transform-style:preserve-3d;transform-origin:0% 50%;transition:transform .5s;z-index:10}.room-modal-book-wrapper:hover .room-modal-book-front{transform:translateZ(9px)}.room-modal-book-cover-inner{position:relative;display:block;border-radius:0 3px 3px 0;background:linear-gradient(45deg,#dad5dc,#f2ebf4);box-shadow:inset 4px 0 10px #0000001a;overflow:hidden}.room-modal-book-cover-inner:after{content:"";position:absolute;top:0;left:8px;bottom:0;width:2px;background:#0000001a;box-shadow:1px 0 3px #ffffff1a}.room-modal-book-cover-inner img{display:block;width:auto;height:auto;max-width:140px;max-height:200px;image-rendering:-webkit-optimize-contrast;image-rendering:smooth}.room-modal-book-author{position:absolute;bottom:8px;left:10px;right:10px;font-size:9px;font-weight:400;color:#2b2b2b;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#ffffffd9;padding:3px 6px;border-radius:3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin:0}.room-modal-book-spine{position:absolute;top:0;bottom:0;width:18px;left:-9px;background-color:#e8e5ea;transform:rotateY(-90deg)}.room-modal-book-spine h2{position:absolute;top:0;left:0;width:18px;height:100%;color:#2b2b2b;font-size:8px;font-weight:400;line-height:18px;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;padding:8px 0;box-sizing:border-box;margin:0}.room-modal-book-spine h2 span{font-weight:400;font-size:8px}.room-modal-cover-like{position:absolute;top:12px;right:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#94a3b8;font-size:16px;cursor:pointer;transition:all .2s;z-index:10}.room-modal-cover-like:hover{transform:scale(1.1)}.room-modal-cover-like.active{color:#ef4444}.room-modal-cover-like:disabled{opacity:.6;cursor:not-allowed}.room-modal-book-info{display:flex;flex-direction:column;gap:12px}.room-modal-book-info .room-modal-section-title{margin-bottom:4px}@media (max-width: 768px){.room-modal-cover{align-items:center}.room-modal-book-wrapper{width:160px;height:220px}.room-modal-book-cover-inner img{max-width:110px;max-height:160px}.room-modal-book-spine{width:14px;left:-7px}.room-modal-book-spine h2{width:14px;line-height:14px;font-size:6px}.room-modal-book-info{align-items:center;text-align:center}}.room-modal-details,.room-modal-section-right{display:flex;flex-direction:column;gap:20px}.room-modal-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.room-modal-title{font-size:24px;font-weight:700;color:#111827;margin:0;line-height:1.3;flex:1}.room-modal-section{display:flex;flex-direction:column;gap:12px}.room-modal-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.room-modal-section-title{font-size:14px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0}.room-modal-like-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease}.room-modal-like-btn:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5;color:#ef4444}.room-modal-like-btn.liked{background:#fef2f2;border-color:#ef4444;color:#ef4444}.room-modal-like-btn.liked:hover:not(:disabled){background:#fee2e2}.room-modal-like-btn:disabled{opacity:.6;cursor:not-allowed}.room-modal-info-grid{display:flex;flex-direction:column;gap:10px}.room-modal-info-item{display:flex;align-items:flex-start;gap:8px;font-size:14px}.room-modal-info-item svg{color:#9ca3af;flex-shrink:0;margin-top:2px}.room-modal-info-label{color:#6b7280;min-width:100px;flex-shrink:0}.room-modal-book-info-label{color:#6b7280;min-width:42px;flex-shrink:0}.room-modal-info-value{color:#111827;font-weight:500}.spots-left{color:#10b981;font-size:13px}.room-level-badge{display:inline-flex;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.room-level-low{background-color:#ecfdf5;color:#059669}.room-level-moderate{background-color:#fef3c7;color:#d97706}.room-level-high{background-color:#fef2f2;color:#dc2626}.room-join-type-badge{display:inline-flex;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.room-join-type-open{background-color:#ecfdf5;color:#059669}.room-join-type-approval{background-color:#fef3c7;color:#d97706}.room-modal-description{font-size:14px;line-height:1.6;color:#4b5563;margin:0;max-height:135px;overflow-y:auto}.room-modal-tags{display:flex;flex-wrap:wrap;gap:8px}.room-tag{display:inline-flex;padding:6px 12px;background-color:#ecfdf5;color:#059669;border-radius:16px;font-size:12px;font-weight:500}.room-modal-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background-color:#f9fafb}@media (max-width: 480px){.room-modal-actions{flex-direction:column}}.room-modal-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.room-modal-btn:disabled{opacity:.5;cursor:not-allowed}.room-modal-btn-primary{flex:1;background:linear-gradient(135deg,#10b981,#059669);color:#fff}.room-modal-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.room-modal-btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.room-modal-btn-secondary:hover{background-color:#f3f4f6;border-color:#9ca3af}.room-modal-btn-meet{background:#4285f4;color:#fff}.room-modal-btn-meet:hover{background:#3367d6}.room-modal-btn-danger{background:#dc2626;color:#fff}.room-modal-btn-danger:hover:not(:disabled){background:#b91c1c}.room-modal-btn-pending{background-color:#fef3c7;color:#d97706;border:1px solid #fbbf24}.room-modal-btn-pending:hover:not(:disabled){background-color:#fde68a;color:#b45309}.room-modal-btn-enter{flex:1;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.room-modal-btn-enter:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px)}.room-modal-btn-notes{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:#0f172a;color:#fff}.room-modal-btn-notes:hover{background:#1e293b;transform:translateY(-1px)}.room-modal-info-item-full{grid-column:1 / -1;display:flex;align-items:flex-start;gap:8px}.edit-date-time{display:flex;flex-direction:column;gap:12px;flex:1}@media (min-width: 640px){.edit-date-time{flex-direction:row}}.edit-input{flex:1;padding:10px 14px;font-size:.95rem;border:2px solid #e5e7eb;border-radius:8px;outline:none;transition:border-color .2s}.edit-input:focus{border-color:#2563eb}.edit-range{display:flex;align-items:center;gap:12px;flex:1}.edit-range input[type=range]{flex:1;height:6px;border-radius:3px;background:#e5e7eb;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.edit-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#2563eb;cursor:pointer;transition:transform .2s}.edit-range input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.edit-range input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#2563eb;cursor:pointer;border:none;transition:transform .2s}.edit-range input[type=range]::-moz-range-thumb:hover{transform:scale(1.1)}.range-value{font-weight:600;color:#2563eb;min-width:70px;text-align:right}.capacity-display-group{display:flex;flex-direction:row;gap:12px;flex:1;align-items:flex-start}.edit-capacity-group{display:flex;flex-direction:column;gap:12px;flex:1}.close-recruitment-btn{padding:10px 16px;background-color:#dc2626;color:#fef2f2;border:2px solid #dc2626;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;align-self:flex-start}.close-recruitment-btn:hover{background-color:#fee2e2;border-color:#dc2626;color:#dc2626}.open-recruitment-btn{padding:10px 16px;background-color:#10b981;color:#ecfdf5;border:2px solid #10b981;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;align-self:flex-start}.open-recruitment-btn:hover{background-color:#d1fae5;border-color:#10b981;color:#10b981}.level-buttons{display:flex;gap:8px;flex:1;flex-wrap:wrap}.level-btn{flex:1;padding:10px 16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-size:.9rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.level-btn:hover{border-color:#2563eb;color:#2563eb}.level-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.edit-textarea{width:100%;padding:12px 14px;font-size:.95rem;font-family:inherit;border:2px solid #e5e7eb;border-radius:8px;outline:none;resize:vertical;transition:border-color .2s}.edit-textarea:focus{border-color:#2563eb}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#e0e7ff;color:#3730a3;border-radius:16px;font-size:.875rem;font-weight:500}.tag-editable button{background:none;border:none;color:#3730a3;font-size:1.25rem;cursor:pointer;padding:0;line-height:1;transition:color .2s}.tag-input{flex:1;padding:10px 14px;font-size:.95rem;border:2px solid #e5e7eb;border-radius:8px;outline:none;transition:border-color .2s}.tag-input:focus{border-color:#2563eb}.tag-add-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:1.5rem;cursor:pointer;transition:all .2s}.tag-add-btn:hover{background:#1d4ed8}.room-modal-tabs{display:flex;gap:4px}.room-modal-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f3f4f6;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.room-modal-tab:hover{color:#111827;background-color:#e5e7eb}.room-modal-tab.active{color:#fff;background-color:#2563eb}.room-modal-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background-color:#0000001a;border-radius:9px;font-size:11px;font-weight:600}.room-modal-tab.active .room-modal-tab-count{background-color:#fff3;color:#fff}.room-modal-participants{padding:24px;display:flex;flex-direction:column;gap:24px;min-height:640px;max-height:640px;overflow-y:auto}@media (max-width: 768px){.room-modal-participants{min-height:auto;max-height:none}}.participants-section{display:flex;flex-direction:column;gap:16px}.participants-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin:0}.participants-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background-color:#e5e7eb;border-radius:12px;font-size:12px;font-weight:600;color:#374151}.participants-loading,.participants-empty{padding:24px;text-align:center;color:#9ca3af;font-size:14px}.participants-list{display:flex;flex-direction:column;gap:8px}.participant-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#f9fafb;border-radius:10px;transition:background-color .2s;position:relative}.participant-item.clickable{cursor:pointer}.participant-item.clickable:hover{background-color:#f3f4f6}.participant-avatar{width:40px;height:40px;border-radius:50%;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;color:#9ca3af;overflow:hidden;flex-shrink:0}.participant-avatar img{width:100%;height:100%;object-fit:cover}.participant-username{flex:1;font-size:14px;font-weight:500;color:#111827}.participant-host-badge{padding:4px 10px;background-color:#dbeafe;color:#2563eb;border-radius:12px;font-size:12px;font-weight:600}.participant-me-badge{margin-left:6px;padding:2px 8px;background-color:#e5e7eb;color:#6b7280;border-radius:8px;font-size:11px;font-weight:500}.participant-dropdown{position:absolute;top:100%;right:16px;margin-top:4px;background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026;border:1px solid #e5e7eb;z-index:10;min-width:150px;overflow:hidden}.participant-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:background-color .2s}.participant-dropdown-item:hover{background-color:#f3f4f6}.participant-dropdown-item-danger{color:#dc2626}.participant-dropdown-item-danger:hover{background-color:#fef2f2}.pending-section{padding-top:24px;border-top:1px solid #e5e7eb}.pending-section .participants-section-title{color:#d97706}.pending-section .participants-count{background-color:#fef3c7;color:#d97706}.pending-item{background-color:#fffbeb}.pending-item:hover{background-color:#fef3c7}.pending-actions{display:flex;gap:8px}.pending-approve-btn,.pending-reject-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.pending-approve-btn{background-color:#d1fae5;color:#059669}.pending-approve-btn:hover{background-color:#10b981;color:#fff}.pending-reject-btn{background-color:#fee2e2;color:#dc2626}.pending-reject-btn:hover{background-color:#dc2626;color:#fff}.room-modal-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;transition:all .2s}.room-modal-back-btn:hover{background:#e5e7eb;color:#111827}.room-modal-header-title{font-size:16px;font-weight:600;color:#111827}.room-modal-profile{padding:24px;min-height:640px;max-height:640px;overflow-y:auto;display:flex;flex-direction:column}@media (max-width: 768px){.room-modal-profile{min-height:auto;max-height:none}}.modal-profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:400px;color:#9ca3af;font-size:14px}.modal-profile-loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:modal-profile-spin 1s linear infinite}@keyframes modal-profile-spin{to{transform:rotate(360deg)}}.modal-profile-error{display:flex;align-items:center;justify-content:center;height:400px;color:#9ca3af;font-size:14px}.modal-profile-content{width:100%;display:flex;flex-direction:column;gap:24px}.modal-profile-hero{display:flex;align-items:flex-start;gap:20px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.modal-profile-avatar-wrapper{position:relative;flex-shrink:0}.modal-profile-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 4px 12px #0000001a}.modal-profile-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#e5e7eb;color:#9ca3af}.modal-profile-avatar-badge{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;background:#f59e0b;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.modal-profile-avatar-badge i{font-size:12px;color:#fff}.modal-profile-info{flex:1;min-width:0}.modal-profile-name{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 4px}.modal-profile-handle{font-size:14px;color:#64748b;margin:0 0 8px}.modal-profile-rating{display:flex;align-items:center;gap:8px}.modal-profile-stars{display:flex;color:#f59e0b}.modal-profile-stars i{font-size:14px}.modal-profile-rating-score{font-size:16px;font-weight:700;color:#0f172a}.modal-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.modal-profile-stat-card{background:#f1f5f9;border-radius:12px;padding:14px;text-align:center}.modal-profile-stat-value{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:2px}.modal-profile-stat-value.modal-profile-stat-amber{color:#f59e0b}.modal-profile-stat-value.modal-profile-stat-cyan{color:#06b6d4}.modal-profile-stat-label{font-size:12px;color:#64748b}.modal-profile-tabs-wrapper{background:#fff;border-bottom:1px solid #e2e8f0;margin:0 -24px;padding:0 24px}.modal-profile-tabs{display:flex;gap:24px}.modal-profile-tab{padding:12px 4px;background:none;border:none;border-bottom:2px solid transparent;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;white-space:nowrap;transition:all .2s ease}.modal-profile-tab:hover{color:#0f172a;border-bottom-color:#cbd5e1}.modal-profile-tab.active{color:#0f172a;border-bottom-color:#0f172a}.modal-profile-tab-content{display:flex;flex-direction:column;gap:16px;animation:modal-profile-fadeIn .2s ease;padding-top:16px}@keyframes modal-profile-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-profile-card{background:#fff;border-radius:12px;padding:16px;border:1px solid #e2e8f0}.modal-profile-card-title{font-size:14px;font-weight:700;color:#0f172a;margin:0 0 16px}.modal-profile-progress-list{display:flex;flex-direction:column;gap:12px}.modal-profile-progress-item{display:flex;align-items:center;justify-content:space-between}.modal-profile-progress-label{font-size:13px;color:#64748b}.modal-profile-progress-bar-wrapper{display:flex;align-items:center;gap:10px}.modal-profile-progress-bar{width:120px;height:6px;background:#e2e8f0;border-radius:9999px;overflow:hidden}.modal-profile-progress-fill{height:100%;border-radius:9999px;transition:width .3s ease}.modal-profile-progress-fill.slate{background:#0f172a}.modal-profile-progress-fill.amber{background:#f59e0b}.modal-profile-progress-fill.cyan{background:#06b6d4}.modal-profile-progress-fill.emerald{background:#10b981}.modal-profile-progress-value{font-size:13px;font-weight:500;color:#0f172a;width:32px;text-align:right}.modal-profile-activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.modal-profile-activity-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f8fafc;border-radius:8px}.modal-profile-activity-label{font-size:13px;color:#64748b}.modal-profile-activity-value{font-size:14px;font-weight:600;color:#0f172a}.modal-profile-interests-card{background:#fff;border-radius:12px;padding:16px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:20px}.modal-profile-interests-group{display:flex;flex-direction:column}.modal-profile-interests-group-title{font-size:13px;font-weight:600;color:#0f172a;margin:0 0 12px}.modal-profile-introduction-box{background:#f8fafc;border-radius:10px;padding:12px 14px;border:1px solid #e2e8f0}.modal-profile-introduction-text{font-size:14px;line-height:1.6;color:#334155;margin:0;white-space:pre-wrap}.modal-profile-empty-text{color:#9ca3af;font-size:13px;font-style:italic}.modal-profile-genre-tags{display:flex;flex-wrap:wrap;gap:8px}.modal-profile-genre-tag{padding:6px 14px;background:#0f172a;color:#fff;border-radius:9999px;font-size:13px;font-weight:500}.modal-profile-keyword-tags{display:flex;flex-wrap:wrap;gap:8px}.modal-profile-keyword-tag{padding:5px 12px;background:#ecfeff;color:#0891b2;border-radius:9999px;font-size:12px}.modal-profile-badges-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-profile-section-title{font-size:16px;font-weight:700;color:#0f172a;margin:0}.modal-profile-badges-count{display:flex;align-items:baseline;gap:4px}.modal-profile-badges-earned{font-size:20px;font-weight:800;color:#10b981}.modal-profile-badges-total{font-size:13px;color:#64748b}.modal-profile-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.modal-profile-badge-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease;text-align:center;cursor:pointer}.modal-profile-badge-card:hover{transform:translateY(-3px);box-shadow:0 8px 12px -3px #0000001a;border-color:#cbd5e1}.modal-profile-badge-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:20px;color:#fff;margin-bottom:10px;box-shadow:0 4px 6px -1px #0000001a;transition:all .2s ease}.modal-profile-badge-card:hover .modal-profile-badge-icon{transform:scale(1.1) rotate(3deg)}.modal-profile-badge-name{font-size:12px;font-weight:600;color:#0f172a;margin:0 0 4px}.modal-profile-badge-desc{font-size:10px;color:#64748b;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal-profile-empty-badges{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.modal-profile-empty-badges-icon{width:56px;height:56px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.modal-profile-empty-badges-icon i{font-size:24px;color:#94a3b8}.modal-profile-empty-badges h3{font-size:14px;font-weight:600;color:#0f172a;margin:0 0 6px}.modal-profile-empty-badges p{font-size:13px;color:#64748b;margin:0}@media (max-width: 480px){.modal-profile-hero{flex-direction:column;align-items:center;text-align:center}.modal-profile-info{text-align:center}.modal-profile-rating{justify-content:center}.modal-profile-stats{grid-template-columns:repeat(3,1fr);gap:8px}.modal-profile-stat-card{padding:10px 8px}.modal-profile-stat-value{font-size:18px}.modal-profile-stat-label{font-size:11px}.modal-profile-tabs{gap:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-profile-activity-grid{grid-template-columns:1fr}.modal-profile-badges-grid{grid-template-columns:repeat(2,1fr);gap:10px}.modal-profile-badge-card{padding:12px 10px}.modal-profile-badge-icon{width:40px;height:40px;font-size:18px;border-radius:10px}.modal-profile-badge-name{font-size:11px}.modal-profile-badge-desc{font-size:9px}}.review-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background-color:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:reviewFadeIn .2s ease}@keyframes reviewFadeIn{0%{opacity:0}to{opacity:1}}.review-modal{position:relative;width:100%;max-width:480px;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;padding:32px;animation:reviewSlideUp .3s ease}@keyframes reviewSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.review-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background-color .15s}.review-modal-close:hover{color:#374151;background-color:#f3f4f6}.review-modal-header{text-align:center;margin-bottom:24px}.review-modal-header h2{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 8px}.review-modal-header p{font-size:.875rem;color:#64748b;margin:0;line-height:1.5}.review-modal-section{margin-bottom:20px}.review-modal-label{display:block;font-size:.8125rem;font-weight:600;color:#374151;margin-bottom:8px}.review-stars{display:flex;gap:4px;justify-content:center}.review-star{background:none;border:none;cursor:pointer;padding:4px;color:#d1d5db;transition:color .15s,transform .15s;display:flex;align-items:center;justify-content:center}.review-star:hover{transform:scale(1.15)}.review-star.active{color:#fbbf24}.review-star.active svg{fill:#fbbf24;stroke:#fbbf24}.review-textarea{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#1e293b;background:#f9fafb;resize:vertical;font-family:inherit;line-height:1.5;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.review-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;background:#fff}.review-textarea::placeholder{color:#9ca3af}.review-modal-consent{margin-bottom:24px}.review-consent-label{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:#64748b;cursor:pointer}.review-consent-label input[type=checkbox]{width:16px;height:16px;accent-color:#6366f1;cursor:pointer;flex-shrink:0}.review-modal-actions{display:flex;gap:12px}.review-btn-skip{flex:1;padding:10px 16px;border:1px solid #e5e7eb;background:#fff;color:#64748b;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s,color .15s}.review-btn-skip:hover:not(:disabled){background:#f9fafb;color:#374151}.review-btn-submit{flex:1;padding:10px 16px;border:none;background:#6366f1;color:#fff;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .15s,opacity .15s}.review-btn-submit:hover:not(:disabled){background:#4f46e5}.review-btn-submit:disabled{opacity:.5;cursor:not-allowed}.review-btn-skip:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 520px){.review-modal{padding:24px 20px}.review-modal-header h2{font-size:1.125rem}.review-star svg{width:28px;height:28px}}.board-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f9fafb}.board-login-required{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#6b7280}.board-login-required h2{margin:24px 0 16px;font-size:24px;font-weight:600;color:#111827}.board-login-btn{margin-top:16px;padding:12px 32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.board-login-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.board-hero{position:relative;padding:60px 24px;text-align:center;overflow:hidden}.hero-bg-decorations{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.hero-bg-gradient{position:absolute;border-radius:50%;filter:blur(48px);animation:pulse 4s ease-in-out infinite}.hero-bg-gradient-1{top:0;left:25%;width:500px;height:500px;background:linear-gradient(to bottom right,rgba(15,23,42,.2),transparent)}.hero-bg-gradient-2{bottom:0;right:25%;width:600px;height:600px;background:linear-gradient(to top left,rgba(245,158,11,.15),transparent);animation-delay:1s}.hero-floating-icon{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:12px;animation:float 3s ease-in-out infinite}.hero-floating-icon i{color:#0f172a}.hero-floating-icon-1{top:80px;left:40px;width:48px;height:48px;background:#0f172a1a;animation-duration:3s}.hero-floating-icon-1 i{font-size:24px}.hero-floating-icon-2{top:160px;right:80px;width:64px;height:64px;background:#f59e0b1a;animation-duration:4s;animation-delay:.5s}.hero-floating-icon-2 i{font-size:32px;color:#f59e0b}.hero-floating-icon-3{bottom:128px;left:80px;width:56px;height:56px;background:#0f172a1a;animation-duration:3.5s;animation-delay:1s}.hero-floating-icon-3 i{font-size:24px}.hero-floating-icon-4{bottom:160px;right:128px;width:40px;height:40px;background:#06b6d41a;animation-duration:4.5s;animation-delay:1.5s}.hero-floating-icon-4 i{font-size:20px;color:#06b6d4}.hero-dot-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;background-image:radial-gradient(circle at 2px 2px,rgb(15,23,42) 1px,transparent 0px);background-size:48px 48px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.board-hero-content{position:relative;z-index:1;max-width:1024px;margin:0 auto;display:flex;align-items:center;flex-direction:column}.board-title-wrap{padding-bottom:24px}.board-hero-title-1{color:#0f172a;text-align:center;font-family:Inter;font-size:64px;font-style:normal;font-weight:900;letter-spacing:-2.4px;transition:.5s ease-out}.board-hero-title-1:hover{color:#f59e0b;transition:.5s}.board-hero-title-2{color:#0f172a;text-align:center;font-family:Inter;font-size:64px;font-style:normal;font-weight:900;letter-spacing:-2.4px;transition:.5s ease-out}.board-hero-title-2:hover{color:#f59e0b;transition:.5s}.board-hero-title-3{text-align:center;font-family:Inter;font-size:64px;font-style:normal;font-weight:900;letter-spacing:-2.4px;background:linear-gradient(90deg,#f59e0b,#06b6d4);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.board-hero-badge{display:inline-flex;align-items:center;gap:12px;padding:12px 24px;background:#fff;border-radius:9999px;margin-bottom:32px;border:1px solid rgba(15,23,42,.1);cursor:default;animation:shadow-pulse 1s cubic-bezier(0,0,.2,1) infinite;transition:.5s ease-out}@keyframes shadow-pulse{0%{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}50%{box-shadow:0 25px 35px -5px #06b6d44d,0 15px 20px -5px #06b6d433}to{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}}.board-hero-badge:hover{animation:none;box-shadow:0 25px 50px -12px #00000040;transform:scale(1.05);transition:all .5s ease}.badge-pulse-dot{position:relative;width:12px;height:12px}.badge-pulse-dot .pulse-dot{width:12px;height:12px;background:#06b6d4;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.badge-pulse-dot .pulse-ping{position:absolute;top:0;right:0;bottom:0;left:0;width:12px;height:12px;background:#06b6d4;border-radius:50%;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.badge-text{color:#0f172a;text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:.7px}.badge-text-counter{color:#334155;text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px}.badge-divider{width:1px;height:16px;background:#0f172a33}.badge-readers{display:flex;align-items:center;gap:8px}.badge-readers i{font-size:16px;color:#0f172a}.badge-readers span{font-size:14px;font-weight:600;color:#475569}.board-hero-title{font-size:42px;font-weight:700;margin:0 0 16px;line-height:1.2}.board-hero-subtitle-wrap{display:flex;max-width:600px;height:96px;justify-content:center;align-items:flex-start;align-content:flex-start;flex-wrap:wrap}.board-hero-subtitle{color:#475569;text-align:center;font-family:Inter;font-size:20px;font-style:normal;font-weight:400}.board-hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.board-cta-primary,.board-cta-secondary{padding:20px 40px;border-radius:12px;font-size:18px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:256px;display:flex;align-items:center;justify-content:center;white-space:nowrap;position:relative;overflow:hidden}.board-cta-primary{background:#0f172a;color:#fff;border:none;box-shadow:0 25px 50px -12px #05966966}.board-cta-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .7s ease}.board-cta-primary:hover:before{transform:translate(100%)}.board-cta-primary:hover{background:#0f172a;transform:scale(1.05);box-shadow:0 25px 50px -12px #05966980}.board-cta-secondary{background:transparent;color:#0f172a;border:2px solid #0F172A}.board-cta-secondary:hover{background:#0f172a;color:#fff;transform:scale(1.05)}.cta-content{position:relative;display:flex;align-items:center;gap:12px}.cta-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:24px}.cta-icon.arrow{font-size:20px;transition:transform .3s ease;border:none;transform:translate(4px);margin-top:0}.board-cta-primary:hover .cta-icon.arrow{transform:translate(12px)}.cta-icon.compass{transition:transform .3s ease}.board-cta-secondary:hover .cta-icon.compass{transform:rotate(45deg)}.board-hero-features{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:32px;margin-top:32px;color:#64748b}.feature-badge{display:flex;align-items:center;gap:8px;cursor:pointer}.feature-badge:hover span{color:#0f172a;transition:color .3s ease}.feature-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.feature-icon i{font-size:20px;color:#10b981;transition:transform .3s ease}.feature-icon.feature-icon-secondary i{color:#f59e0b}.feature-icon.feature-icon-primary i{color:#0f172a}.feature-badge:hover .feature-icon i{transform:scale(1.1)}.feature-badge span{font-size:14px;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:color .3s ease}.board-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:1024px;margin:48px auto 0;padding:0 24px}.board-stat-card{max-width:280px;position:relative;background:#fff;border-radius:24px;padding:32px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid rgba(15,23,42,.1);overflow:hidden;transition:all .5s ease;cursor:default}.board-stat-card:hover{box-shadow:0 25px 50px -12px #00000040;transform:translateY(-8px)}.stat-hover-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease}.stat-bg-primary{background:linear-gradient(to bottom right,rgba(15,23,42,.05),transparent)}.stat-bg-secondary{background:linear-gradient(to bottom right,rgba(245,158,11,.05),transparent)}.stat-bg-accent{background:linear-gradient(to bottom right,rgba(16,185,129,.05),transparent)}.board-stat-card:hover .stat-hover-bg{opacity:1}.board-stat-card .stat-content{position:relative;text-align:center}.board-stat-card .stat-icon-wrapper{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 10px 15px -3px #0000001a;transition:all .3s ease}.board-stat-card .stat-icon-wrapper i{font-size:28px;color:#fff}.board-stat-card .stat-icon-primary{background:linear-gradient(to bottom right,#0f172a,#0f172acc)}.board-stat-card .stat-icon-secondary{background:linear-gradient(to bottom right,#f59e0b,#f59e0bcc)}.board-stat-card .stat-icon-accent{background:linear-gradient(135deg,#06b6d4,#06b6d4cc)}.board-stat-card:hover .stat-icon-wrapper{transform:scale(1.1) rotate(3deg)}.board-stat-card .stat-value{font-size:48px;font-weight:900;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:#0f172a;margin-bottom:8px;transition:color .3s ease}.board-stat-card:nth-child(1):hover .stat-value{color:#f59e0b}.board-stat-card:nth-child(2):hover .stat-value{color:#f59e0b}.board-stat-card:nth-child(3):hover .stat-value{color:#06b6d4}.board-stat-card .stat-label{color:#475569;text-align:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.7px}.board-stat-card .stat-subtitle{color:#64748b;text-align:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.board-stat-card .stat-stars{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:4px}.board-stat-card .stat-stars i{font-size:14px;color:#f59e0b}.board-sticky-header{position:sticky;top:0;z-index:100;opacity:98%;transition:transform .3s ease}.board-sticky-header.scrolling-down{transform:translateY(-100%);pointer-events:none}.board-sticky-header .board-filters{position:relative;z-index:1}.board-tabs-section{padding:32px 24px 10px;background:#f9fafb}.board-tabs-container{max-width:1024px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:8px}.board-tab-btn{padding:12px 24px;border-radius:12px;font-size:15px;font-weight:500;transition:all .2s ease-in-out;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:8px;background:#fff;color:#475569;border:1px solid #e2e8f0}.board-tab-btn i{font-size:18px}.board-tab-btn:hover{transition:.5s;background:#0f172a;color:#f8fafc;border-color:#0f172a;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.board-tab-btn.active{background:#0f172a;color:#f8fafc;border-color:#0f172a;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.board-tab-btn.active:hover{background:#1e293b}.board-tab-btn.disabled,.board-tab-btn:disabled{opacity:.5;cursor:not-allowed}.board-tab-btn.disabled:hover,.board-tab-btn:disabled:hover{background:#fff;color:#475569}.board-filters{background:#f9fafb;padding:20px}.board-filters-container-wrapper{display:flex;justify-content:center;max-width:1024px;margin:0 auto;width:100%}.board-filters-container{display:flex;flex-direction:column;gap:16px;width:90%}.board-search{width:100%;position:relative}.board-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:18px}.board-search-input{width:100%;padding:14px 14px 14px 44px;border:1px solid #e5e7eb;border-radius:12px;font-size:15px;transition:all .2s;background:#fff}.board-search-input:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a}.board-search-input::placeholder{color:#9ca3af}.board-filter-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.board-filter-left{display:flex;gap:12px}.board-filter-select{padding:10px 36px 10px 16px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E") no-repeat right 14px center;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:140px}.board-filter-select:focus{outline:none;border-color:#0f172a;background-color:#fff}.board-sort-buttons{display:flex;align-items:center;gap:8px}.board-sort-label{font-size:14px;font-weight:500;color:#6b7280;margin-right:4px}.board-sort-btn{display:flex;align-items:center;gap:4px;padding:8px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.board-sort-btn:hover{border-color:#0f172a;color:#0f172a}.board-sort-btn.active{background:#0f172a;border-color:#0f172a;color:#fff}.board-tabs{max-width:1200px;margin:24px auto 0;display:flex;justify-content:space-between;align-items:center;gap:8px}.board-tabs-left{display:flex;gap:8px}.board-ended-meetings-btn{padding:8px 16px;background:#0f172a;opacity:70%;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:500;color:#f0f0f0;cursor:pointer;transition:all .2s;height:43px}.board-ended-meetings-btn:hover{background:#0f172a;opacity:100%;color:#f0f0f0}.board-ended-meetings-btn.active{background:#f0f0f0;border-color:#0f172a;color:#0f172a;font-weight:500;border:1px solid #d1d5db}.board-tab{padding:10px 20px;background:transparent;border:none;border-radius:8px;font-size:15px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.board-tab:hover{background:#f3f4f6;color:#374151}.board-tab.active{background:#ecfdf5;color:#059669;font-weight:600}.board-tab.disabled,.board-tab:disabled{opacity:.5;cursor:not-allowed}.board-tab.disabled:hover,.board-tab:disabled:hover{background:transparent;color:#6b7280}.board-rooms{flex:1;max-width:1024px;margin:0 auto;padding:32px 24px;width:100%}.board-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#6b7280}.board-loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.board-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:#dc2626}.board-retry-btn{margin-top:16px;padding:10px 24px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.board-retry-btn:hover{background:#b91c1c}.board-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:#6b7280;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.board-empty h3{margin:16px 0 8px;font-size:20px;font-weight:600;color:#374151}.board-empty p{margin:0 0 24px;font-size:15px}.board-create-btn{padding:12px 24px;background:#0f172a;color:#f0f0f0;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.board-create-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;max-width:1000px;margin:0 auto}.room-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;transition:all .3s;max-width:320px;display:flex;flex-direction:column}.room-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #00000026}.room-card-cover{position:relative;height:200px;overflow:hidden;background-color:#d4d0d6;display:flex;align-items:center;justify-content:center}.room-card-cover:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000026;z-index:1;pointer-events:none}.book-container{perspective:1500px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.book{position:relative;display:inline-block;border-radius:2px 4px 4px 2px;background:linear-gradient(45deg,#dad5dc,#f2ebf4);transform-style:preserve-3d;transition:transform .5s}.room-card:hover .book{transform:rotateY(25deg)}.book-front{position:relative;transform-style:preserve-3d;transform-origin:0% 50%;transition:transform .5s;z-index:10}.room-card:hover .book-front{transform:translateZ(9px)}.book-cover{position:relative;display:block;border-radius:0 3px 3px 0;background:linear-gradient(45deg,#dad5dc,#f2ebf4);box-shadow:inset 4px 0 10px #0000001a;overflow:hidden}.book-cover:after{content:"";position:absolute;top:0;left:8px;bottom:0;width:2px;background:#0000001a;box-shadow:1px 0 3px #ffffff1a}.book-cover img{display:block;width:auto;height:auto;max-width:150px;max-height:220px;image-rendering:-webkit-optimize-contrast;image-rendering:smooth}.book-author{position:absolute;bottom:8px;left:10px;right:10px;font-size:9px;font-weight:400;color:#2b2b2b;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#ffffffd9;padding:3px 6px;border-radius:3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.book-left-side{position:absolute;top:0;bottom:0;width:18px;left:-9px;background-color:#e8e5ea;transform:rotateY(-90deg)}.book-left-side h2{position:absolute;top:0;left:0;width:18px;height:100%;color:#2b2b2b;font-size:8px;font-weight:400;line-height:18px;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;padding:8px 0;box-sizing:border-box}.book-left-side h2 span{font-weight:400;font-size:8px}.room-status-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3}.room-status-badge.live{background:#dc2626e6;color:#fff}.room-status-badge.upcoming{background:#ffffffe6;color:#374151}.room-status-badge.past{background:#6b7280e6;color:#fff}.room-status-badge.waiting{background:#f59e0be6;color:#fff}.live-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 1.5s infinite}.room-my-badge{position:absolute;top:12px;right:12px;padding:6px 12px;background:#06b6d4;color:#fff;border-radius:20px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3}.room-card-content{padding:20px;flex:1;display:flex;flex-direction:column}.room-card-title{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.room-card-book{margin:auto 0 12px;font-size:14px;color:#6b7280;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.room-card-host{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;color:#6b7280}.room-host-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.room-card-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.room-meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}.room-meta-item svg{color:#9ca3af}.room-card-btn{width:100%;padding:12px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.room-card-btn.live{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.room-card-btn.live:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b)}.room-card-btn.upcoming{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.room-card-btn.upcoming:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.room-card-btn.past{background:#9ca3af;color:#fff}.room-card-btn.past:hover:not(:disabled){background:#6b7280}.room-card-btn.waiting{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.room-card-btn.waiting:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309)}.room-card-btn.joined{background:#0f172a;box-shadow:0 10px 25px -5px #0f172a66}.room-card-btn.joined:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:translate(-100%);transition:transform .7s ease}.room-card-btn.joined:hover:not(:disabled):before{transform:translate(100%)}.room-card-btn.joined:hover:not(:disabled){background:#0f172a;box-shadow:0 15px 35px -5px #0f172a80}.room-card-btn:disabled{opacity:.6;cursor:not-allowed}.board-connection-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:#fef3c7;color:#92400e;font-size:13px;font-weight:500;border-bottom:1px solid #fcd34d}.board-connection-banner svg{flex-shrink:0}.board-sentinel{display:flex;justify-content:center;padding:24px 0;min-height:60px}.board-loading-more{display:flex;align-items:center;justify-content:center}.board-loading-spinner.small{width:24px;height:24px;border-width:3px;margin-bottom:0}.room-card.skeleton{pointer-events:none}.room-card.skeleton .skeleton-cover{height:200px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.skeleton-image{width:100%;height:100%;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.skeleton-title{height:24px;width:80%;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;border-radius:4px;margin-bottom:12px;animation:skeleton-shimmer 1.5s infinite}.skeleton-text{height:16px;width:60%;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;border-radius:4px;margin-bottom:12px;animation:skeleton-shimmer 1.5s infinite}.skeleton-host{display:flex;align-items:center;gap:8px;margin-bottom:12px}.skeleton-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.skeleton-text-short{height:14px;width:100px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;border-radius:4px;animation:skeleton-shimmer 1.5s infinite}.skeleton-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.skeleton-button{height:44px;width:100%;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;border-radius:10px;animation:skeleton-shimmer 1.5s infinite}.board-ended-section{max-width:1200px;margin:32px auto 0;width:100%;border-top:1px solid #e5e7eb;display:grid;grid-template-rows:1fr;transition:grid-template-rows .5s ease}.board-ended-section.closed,.board-ended-section.closing{grid-template-rows:0fr}.board-ended-content{overflow:hidden;min-height:0}.board-ended-content-inner{padding:0 24px 32px;opacity:1;transition:opacity .3s ease}.board-ended-section.closed .board-ended-content-inner,.board-ended-section.closing .board-ended-content-inner{opacity:0}.board-ended-header{display:flex;align-items:center;gap:12px;padding:24px 0 16px}.board-ended-header h2{font-size:20px;font-weight:600;color:#374151;margin:0}.board-ended-count{padding:4px 10px;background:#f3f4f6;border-radius:12px;font-size:13px;font-weight:500;color:#6b7280}.board-grid.ended{opacity:.85}.room-card.ended{opacity:.9}.room-card.ended:hover{opacity:1}@media (max-width: 768px){.board-hero{padding:40px 20px}.hero-floating-icon{display:none}.hero-bg-gradient-1{width:300px;height:300px;left:10%}.hero-bg-gradient-2{width:350px;height:350px;right:10%}.board-hero-title{font-size:28px}.board-hero-subtitle{font-size:16px;max-width:539px}.board-stats{grid-template-columns:1fr;gap:16px;padding:0 16px;justify-items:center}.board-stat-card{padding:24px;width:100%;max-width:280px}.board-stat-card .stat-icon-wrapper{width:48px;height:48px}.board-stat-card .stat-icon-wrapper i{font-size:24px}.board-stat-card .stat-value{font-size:36px}.board-sticky-header{top:0}.board-tabs-section{padding:16px 16px 10px}.board-tabs-container{flex-wrap:wrap;gap:8px}.board-tab-btn{padding:10px 16px;font-size:13px;border-radius:10px}.board-tab-btn i{font-size:16px}.board-filters{padding:16px}.board-filters-container{max-width:100%}.board-filter-row{flex-direction:column;align-items:stretch;gap:12px}.board-filter-left{width:100%}.board-filter-select{flex:1;min-width:unset;width:100%}.board-sort-buttons{width:100%;flex-wrap:wrap}.board-sort-label{width:100%;margin-bottom:4px}.board-sort-btn{flex:1;justify-content:center;min-width:80px}.board-tabs{margin:16px 0 0;flex-direction:column;align-items:stretch;gap:12px}.board-tabs-left{overflow-x:auto;padding-bottom:4px}.board-tab{flex-shrink:0}.board-ended-meetings-btn{max-width:150px;text-align:center;padding:8px 14px;font-size:13px;height:auto}.board-ended-content-inner{padding:0 16px 24px}.board-rooms{max-width:100%;padding:24px 16px}.board-grid{grid-template-columns:1fr;gap:16px}.room-card-cover{height:180px;background-color:#111827}.book-cover img{max-width:120px;max-height:180px}.book-left-side{width:14px;left:-7px}.book-left-side h2{width:14px;line-height:14px;font-size:6px}}@media (max-width: 480px){.board-hero-cta{flex-direction:column}.board-cta-primary,.board-cta-secondary{width:100%;min-width:unset;padding:16px 24px;font-size:16px}.board-stat-card{flex:1;min-width:80px;padding:12px 16px}.board-stat-icon{font-size:24px}.board-stat-value{font-size:18px}.board-stat-label{font-size:12px}}.post-create-page{min-height:100vh;background:#f8fafc}.post-create-container{max-width:1024px;margin:0 auto;padding:32px 16px}.post-create-header{text-align:center;margin-bottom:48px}.post-create-title{font-size:40px;font-weight:700;color:#0f172a;margin:0 0 16px;line-height:1.2}.post-create-subtitle{font-size:18px;color:#475569;max-width:600px;margin:0 auto;line-height:1.6}.post-create-grid{display:grid;grid-template-columns:1fr 2fr;gap:32px}.post-create-card{background:#fff;border-radius:16px;border:1px solid #f1f5f9;padding:24px;box-shadow:0 1px 3px #0000000d}.post-create-card-title{font-size:18px;font-weight:600;color:#0f172a;margin:0 0 16px}.book-select-card{display:flex;flex-direction:column;align-self:start;min-height:320px}.book-select-empty{text-align:center;padding:24px 0}.book-select-icon{width:64px;height:64px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.book-select-icon i{font-size:28px;color:#94a3b8}.book-select-empty p{color:#64748b;margin:0;font-size:14px}.language-toggle{display:flex;gap:8px}.lang-btn{flex:1;padding:8px 12px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.lang-btn:hover{border-color:#cbd5e1}.lang-btn.active{background:#0f172a;border-color:#0f172a;color:#fff}.book-search-input-wrapper{position:relative;margin-bottom:12px;display:block;z-index:100}.book-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:18px;color:#94a3b8;pointer-events:none;z-index:1}.book-search-input{display:block;width:100%;box-sizing:border-box;padding:12px 12px 12px 40px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-family:inherit;color:#0f172a;outline:none;transition:all .2s;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}.book-search-input::placeholder{color:#94a3b8}.book-search-input:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a}.search-status{display:flex;align-items:center;gap:8px;padding:12px;background:#f8fafc;border-radius:10px;margin-bottom:12px}.search-status i{font-size:16px;color:#059669}.search-status span{font-size:13px;color:#64748b}.search-no-results{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 12px;background:#f8fafc;border-radius:10px;margin-bottom:12px}.search-no-results i{font-size:24px;color:#94a3b8}.search-no-results span{font-size:13px;color:#64748b}.search-error{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:12px}.search-error i{font-size:20px;color:#ef4444}.search-error span{font-size:13px;color:#dc2626;text-align:center}.book-results-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;max-height:300px;overflow-y:auto;list-style:none;padding:0;margin:4px 0 0;border:1px solid #e2e8f0;border-radius:10px;background:#fff;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a}.search-loading-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:#f0fdf4;border-bottom:1px solid #bbf7d0;font-size:13px;color:#059669}.search-loading-indicator i{font-size:16px}.search-error-item{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:#fef2f2;font-size:13px;color:#dc2626}.search-error-item i{font-size:16px}.search-no-results-item{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 16px;font-size:13px;color:#64748b}.search-no-results-item i{font-size:20px;color:#94a3b8}.book-result-item{display:flex;align-items:center;gap:10px;padding:10px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f1f5f9}.book-result-item:last-child{border-bottom:none}.book-result-item:hover{background:#f8fafc}.book-thumbnail{width:36px;height:50px;object-fit:cover;border-radius:4px;flex-shrink:0}.book-info{flex:1;min-width:0}.book-info .book-title{display:block;font-size:13px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.book-info .book-author{display:block;font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-book-display{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-top:12px}.selected-book-display img{width:56px;height:80px;object-fit:cover;border-radius:6px;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.selected-book-info{flex:1;min-width:0}.selected-book-info h4{font-size:14px;font-weight:600;color:#0f172a;margin:0 0 4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.selected-book-info p{font-size:12px;color:#64748b;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.change-book-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.change-book-btn:hover{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.change-book-btn i{font-size:14px}.form-section{margin-bottom:24px}.form-section:last-child{margin-bottom:0}.form-label{display:block;font-size:14px;font-weight:500;color:#334155;margin-bottom:12px}.option-grid{display:grid;gap:12px}.option-grid-2{grid-template-columns:repeat(2,1fr)}.option-grid-4{grid-template-columns:repeat(4,1fr)}.option-card{padding:16px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;text-align:center}.option-card:hover{border-color:#cbd5e1}.option-card.active{border-color:#0f172a;background:#0f172a08}.option-card.disabled{opacity:.5;cursor:not-allowed}.option-card-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px}.option-card-icon i{font-size:20px;color:#0f172a}.option-card-title{font-weight:500;color:#0f172a;margin-bottom:4px}.option-card-desc{font-size:13px;color:#64748b}.duration-btn{padding:12px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s;white-space:nowrap}.duration-btn:hover{border-color:#cbd5e1}.duration-btn.active{border-color:#0f172a;background:#0f172a08;color:#0f172a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-input{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;font-size:15px;color:#0f172a;outline:none;transition:all .2s}.form-input:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a0d}.ai-tools-list{display:flex;flex-direction:column;gap:16px}.ai-tool-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8fafc;border-radius:12px}.ai-tool-info{display:flex;align-items:center;gap:12px}.ai-tool-icon{width:40px;height:40px;background:#e2e8f0;border-radius:8px;display:flex;align-items:center;justify-content:center}.ai-tool-icon i{font-size:20px;color:#334155}.ai-tool-text h4{font-size:15px;font-weight:500;color:#0f172a;margin:0 0 2px}.ai-tool-text p{font-size:13px;color:#64748b;margin:0}.form-textarea{width:100%;padding:12px 16px;font-size:15px;font-family:inherit;border:1px solid #e2e8f0;border-radius:12px;outline:none;resize:none;min-height:80px;overflow:hidden;transition:all .2s;box-sizing:border-box;color:#0f172a;line-height:1.5}.form-textarea::placeholder{color:#94a3b8}.form-textarea:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a0d}.tags-section{width:100%}.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f0fdf4;color:#059669;border:1px solid #bbf7d0;border-radius:20px;font-size:13px;font-weight:500}.tag-editable button{background:none;border:none;color:#059669;font-size:16px;cursor:pointer;padding:0;line-height:1;transition:color .2s;display:flex;align-items:center;justify-content:center}.tag-editable button:hover{color:#dc2626}.tag-input-group{display:flex;gap:8px}.tag-input{flex:1;padding:10px 14px;font-size:14px;border:1px solid #e2e8f0;border-radius:10px;outline:none;transition:all .2s;color:#0f172a}.tag-input::placeholder{color:#94a3b8}.tag-input:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a0d}.tag-add-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0f172a;color:#fff;border:none;border-radius:10px;font-size:18px;cursor:pointer;transition:all .2s;flex-shrink:0}.tag-add-btn:hover{background:#1e293b}.tag-add-btn:active{transform:scale(.95)}.toggle-switch{position:relative;width:44px;height:24px;background:#cbd5e1;border:none;border-radius:12px;cursor:pointer;transition:background .2s}.toggle-switch.active{background:#0f172a}.toggle-switch-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-switch.active .toggle-switch-knob{transform:translate(20px)}.submit-section{padding-top:24px;border-top:1px solid #f1f5f9}.submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 32px;background:#059669;color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:500;cursor:pointer;transition:all .2s}.submit-btn:hover:not(:disabled){background:#047857;box-shadow:0 4px 6px -1px #0000001a}.submit-btn:disabled{background:#94a3b8;cursor:not-allowed}.submit-btn i{font-size:20px}.submit-note{font-size:14px;color:#64748b;text-align:center;margin:12px 0 0}@media (max-width: 1024px){.post-create-grid{grid-template-columns:1fr}.option-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.post-create-title{font-size:32px}.post-create-subtitle{font-size:16px}.form-row{grid-template-columns:1fr}.option-grid-2,.option-grid-4{grid-template-columns:1fr 1fr}}.conflict-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:fadeIn .2s ease-out}.conflict-modal{background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease-out}.conflict-modal-header{padding:24px 24px 16px;text-align:center}.conflict-modal-icon{width:56px;height:56px;background:#fef3c7;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.conflict-modal-icon i{font-size:28px;color:#f59e0b}.conflict-modal-header h2{font-size:20px;font-weight:600;color:#0f172a;margin:0}.conflict-modal-body{padding:0 24px 24px;overflow-y:auto;flex:1}.conflict-modal-desc{font-size:14px;color:#64748b;text-align:center;margin:0 0 20px;line-height:1.5}.conflict-list{display:flex;flex-direction:column;gap:12px}.conflict-item{display:flex;gap:12px;padding:12px;background:#fef3c7;border:1px solid #fde68a;border-radius:12px}.conflict-item-cover{width:48px;height:68px;flex-shrink:0;border-radius:6px;overflow:hidden;background:#f1f5f9}.conflict-item-cover img{width:100%;height:100%;object-fit:cover}.conflict-item-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e2e8f0}.conflict-item-cover-placeholder i{font-size:20px;color:#94a3b8}.conflict-item-info{flex:1;min-width:0}.conflict-item-badge{display:inline-block;padding:2px 8px;background:#f59e0b;color:#fff;font-size:11px;font-weight:600;border-radius:20px;margin-bottom:6px}.conflict-item-title{font-size:14px;font-weight:600;color:#0f172a;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.conflict-item-time{display:flex;align-items:center;gap:4px;font-size:13px;color:#78350f;margin:0}.conflict-item-time i{font-size:14px}.conflict-modal-actions{display:flex;gap:12px;padding:16px 24px 24px;border-top:1px solid #f1f5f9}.conflict-btn{flex:1;padding:14px 20px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.conflict-btn-cancel{background:#f1f5f9;color:#475569}.conflict-btn-cancel:hover{background:#e2e8f0}.conflict-btn-confirm{background:#f59e0b;color:#fff}.conflict-btn-confirm:hover{background:#d97706}@media (max-width: 480px){.conflict-modal{max-height:85vh}.conflict-modal-header{padding:20px 20px 12px}.conflict-modal-header h2{font-size:18px}.conflict-modal-body{padding:0 20px 20px}.conflict-modal-actions{padding:12px 20px 20px;flex-direction:column}}.set-username-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background-color:#f9fafb}.set-username-card{background:#fff;border-radius:20px;padding:40px;max-width:480px;width:100%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000000d;display:flex;flex-direction:column;gap:28px}.set-username-header{text-align:center}.set-username-icon-wrap{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#06b6d4,#0891b2);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.set-username-icon-wrap i{font-size:26px;color:#fff}.set-username-title{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 6px}.set-username-subtitle{font-size:14px;color:#64748b;margin:0;line-height:1.5}.set-username-google-info{display:flex;align-items:center;gap:12px;background:#f0fdfa;border:1px solid #99f6e4;border-radius:12px;padding:14px 16px}.set-username-google-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.set-username-google-avatar.placeholder{background:#e2e8f0;display:flex;align-items:center;justify-content:center}.set-username-google-avatar.placeholder i{font-size:20px;color:#64748b}.set-username-google-detail{flex:1;min-width:0}.set-username-google-email{font-size:14px;font-weight:600;color:#0f172a;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-username-google-label{font-size:12px;color:#64748b;margin:2px 0 0}.set-username-google-check{font-size:20px;color:#059669;flex-shrink:0}.set-username-form{display:flex;flex-direction:column;gap:20px}.set-username-field{display:flex;flex-direction:column;gap:8px}.set-username-label{font-size:13px;font-weight:600;color:#334155;text-transform:uppercase;letter-spacing:.5px}.set-username-input-row{display:flex;gap:8px}.set-username-input{flex:1;padding:12px 16px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:15px;color:#0f172a;background:#fff;transition:border-color .2s,box-shadow .2s}.set-username-input::placeholder{color:#94a3b8}.set-username-input:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41f}.set-username-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444414}.set-username-input.success{border-color:#059669;box-shadow:0 0 0 3px #05966914}.set-username-check-btn{display:flex;align-items:center;gap:6px;padding:12px 18px;background:#0f172a;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .2s,transform .1s}.set-username-check-btn:hover:not(:disabled){background:#1e293b}.set-username-check-btn:active:not(:disabled){transform:scale(.97)}.set-username-check-btn:disabled{background:#cbd5e1;cursor:not-allowed}.set-username-msg{display:flex;align-items:center;gap:6px;font-size:13px;margin:0;font-weight:500}.set-username-msg i{font-size:15px;flex-shrink:0}.set-username-msg.error{color:#ef4444}.set-username-msg.success{color:#059669}.set-username-rules{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px}.set-username-rules-header{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#475569;margin-bottom:8px}.set-username-rules-header i{font-size:16px;color:#06b6d4}.set-username-rules-list{margin:0;padding-left:20px}.set-username-rules-list li{font-size:12px;color:#64748b;line-height:1.7}.set-username-actions{display:flex;gap:10px}.set-username-cancel-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:13px 20px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .2s}.set-username-cancel-btn:hover:not(:disabled){background:#e2e8f0}.set-username-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.set-username-submit-btn{flex:1.2;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.set-username-submit-btn:hover:not(:disabled){opacity:.92}.set-username-submit-btn:active:not(:disabled){transform:scale(.97)}.set-username-submit-btn:disabled{background:#cbd5e1;cursor:not-allowed}.set-username-submit-btn i,.set-username-cancel-btn i{font-size:18px}.spinning{animation:spin .8s linear infinite}@media (max-width: 520px){.set-username-card{padding:28px 20px;border-radius:16px}.set-username-input-row{flex-direction:column}.set-username-check-btn{justify-content:center;width:100%}.set-username-actions{flex-direction:column-reverse}.set-username-cancel-btn,.set-username-submit-btn{flex:unset;width:100%}}.profile-hero-section{background:#fff;border-bottom:1px solid #e2e8f0}.profile-hero-container{max-width:1152px;margin:0 auto;padding:24px}.profile-hero-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.profile-hero-header-left{display:flex;align-items:center;gap:16px}.profile-hero-back-btn{padding:8px;background:none;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.profile-hero-back-btn:hover{background:#f1f5f9}.profile-hero-back-btn i{font-size:20px;color:#334155}.profile-hero-title{font-size:24px;font-weight:700;color:#0f172a;margin:0}.profile-hero-edit-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:none;border:1px solid #cbd5e1;border-radius:8px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.profile-hero-edit-btn:hover{border-color:#0f172a;color:#0f172a}.profile-hero-edit-btn i{font-size:16px}.profile-hero-info{display:flex;align-items:flex-start;gap:24px;margin-bottom:32px}.profile-hero-avatar-wrapper{position:relative;flex-shrink:0}.profile-hero-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.profile-hero-avatar-badge{position:absolute;bottom:-4px;right:-4px;width:32px;height:32px;background:#f59e0b;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a}.profile-hero-avatar-badge i{font-size:16px;color:#fff}.profile-hero-details{flex:1;display:flex;align-items:flex-start;justify-content:space-between}.profile-hero-details-main{flex:1}.profile-hero-name-section{margin-bottom:8px}.profile-hero-name{font-size:30px;font-weight:700;color:#0f172a;margin:0 0 4px}.profile-hero-handle{font-size:16px;color:#64748b;margin:0 0 4px}.profile-hero-meta{font-size:14px;color:#64748b;margin:0}.profile-hero-rating{text-align:right}.profile-hero-rating-stars{display:flex;align-items:center;gap:8px;margin-bottom:4px}.profile-hero-stars{display:flex;color:#f59e0b}.profile-hero-stars i{font-size:18px}.profile-hero-rating-score{font-size:24px;font-weight:700;color:#0f172a}.profile-hero-rating-label{font-size:14px;color:#64748b;margin:0}.profile-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.profile-hero-stat-card{background:#f1f5f9;border-radius:12px;padding:16px;text-align:center}.profile-hero-stat-value{font-size:24px;font-weight:700;color:#0f172a;margin-bottom:4px}.profile-hero-stat-value.profile-hero-stat-amber{color:#f59e0b}.profile-hero-stat-value.profile-hero-stat-cyan{color:#06b6d4}.profile-hero-stat-label{font-size:14px;color:#64748b}@media (max-width: 768px){.profile-hero-container{padding:20px 16px}.profile-hero-info{flex-direction:column;align-items:center;text-align:center}.profile-hero-details{flex-direction:column;align-items:center;gap:16px}.profile-hero-details-main,.profile-hero-rating{text-align:center}.profile-hero-rating-stars{justify-content:center}.profile-hero-stats{grid-template-columns:repeat(2,1fr)}.profile-hero-name{font-size:24px}.profile-hero-avatar{width:80px;height:80px}}@media (max-width: 480px){.profile-hero-header{flex-direction:column;align-items:flex-start;gap:12px}.profile-hero-edit-btn{width:100%;justify-content:center}.profile-hero-stats{grid-template-columns:repeat(2,1fr);gap:12px}.profile-hero-stat-card{padding:12px}.profile-hero-stat-value{font-size:20px}.profile-hero-stat-label{font-size:12px}}.profile-container{max-width:1024px;margin:0 auto;padding:32px 24px}.profile-login-required{text-align:center;padding:60px 20px}.profile-login-required p{font-size:18px;color:#666;margin-bottom:24px}.login-btn{padding:12px 32px;background-color:#1a73e8;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .2s ease}.login-btn:hover{background-color:#1557b0}.profile-page{min-height:100vh;background:#f9fafb}.profile-tabs-wrapper{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:40}.profile-tabs-container{max-width:1152px;margin:0 auto;padding:0 24px}.profile-tabs{display:flex;gap:32px}.profile-tab{padding:16px 8px;background:none;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;white-space:nowrap;transition:all .2s ease}.profile-tab:hover{color:#0f172a;border-bottom-color:#cbd5e1}.profile-tab.active{color:#0f172a;border-bottom-color:#0f172a}.profile-overview-section{padding:0}.profile-overview-grid{display:grid;grid-template-columns:2fr 1fr;gap:32px}.profile-overview-main,.profile-overview-sidebar{display:flex;flex-direction:column;gap:24px}.profile-card{background:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0}.profile-card-title{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 24px}.profile-progress-list{display:flex;flex-direction:column;gap:16px}.profile-progress-item{display:flex;align-items:center;justify-content:space-between}.profile-progress-label{font-size:14px;color:#64748b}.profile-progress-bar-wrapper{display:flex;align-items:center;gap:12px}.profile-progress-bar{width:160px;height:8px;background:#e2e8f0;border-radius:9999px;overflow:hidden}.profile-progress-fill{height:100%;border-radius:9999px;transition:width .3s ease}.profile-progress-fill.slate{background:#0f172a}.profile-progress-fill.amber{background:#f59e0b}.profile-progress-fill.cyan{background:#06b6d4}.profile-progress-fill.emerald{background:#10b981}.profile-progress-value{font-size:14px;font-weight:500;color:#0f172a;width:32px;text-align:right}.profile-highlights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.profile-highlights-grid.four-cols{grid-template-columns:repeat(4,1fr)}.profile-highlight-card{border-radius:12px;padding:16px;color:#fff}.profile-highlight-card.slate{background:linear-gradient(135deg,#0f172a,#334155)}.profile-highlight-card.amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.profile-highlight-card.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.profile-highlight-card.emerald{background:linear-gradient(135deg,#10b981,#059669)}.profile-highlight-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.profile-highlight-icon{width:32px;height:32px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center}.profile-highlight-icon i{font-size:18px}.profile-highlight-label{font-size:14px;font-weight:500}.profile-highlight-value{font-size:24px;font-weight:700;margin-bottom:4px}.profile-highlight-fraction{font-size:16px;font-weight:500;opacity:.7}.profile-highlight-sub{font-size:14px;opacity:.8}.profile-contact-list{display:flex;flex-direction:column;gap:12px}.profile-contact-item{display:flex;align-items:center;gap:12px}.profile-contact-icon{width:32px;height:32px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center}.profile-contact-icon i{font-size:16px;color:#64748b}.profile-contact-content{flex:1}.profile-contact-value{font-size:14px;font-weight:500;color:#0f172a}.profile-contact-label{font-size:12px;color:#64748b}.profile-reputation-list{display:flex;flex-direction:column;gap:16px}.profile-reputation-item{display:flex;align-items:center;justify-content:space-between}.profile-reputation-label{font-size:14px;color:#64748b}.profile-reputation-stars{display:flex;align-items:center;gap:8px}.profile-stars{display:flex;color:#f59e0b;font-size:12px}.profile-reputation-score{font-size:14px;font-weight:500;color:#0f172a}@media (max-width: 1024px){.profile-overview-grid{grid-template-columns:1fr}.profile-highlights-grid{grid-template-columns:repeat(3,1fr)}.profile-highlights-grid.four-cols{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.profile-highlights-grid,.profile-highlights-grid.four-cols{grid-template-columns:1fr}.profile-progress-bar{width:120px}}.profile-content{max-width:1024px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:24px}.profile-loading{text-align:center;padding:40px;color:#666}.profile-section{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-section-title{font-size:20px;font-weight:600;color:#333;margin:0 0 24px;padding-bottom:12px}.recent-activity-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:32px}.recent-activity-header{padding:24px;border-bottom:1px solid #e2e8f0}.recent-activity-title{font-size:18px;font-weight:700;color:#0f172a;margin:0}.recent-activity-subtitle{font-size:14px;color:#64748b;margin:4px 0 0}.recent-activity-content{padding:24px}.recent-activity-list{display:flex;flex-direction:column;gap:16px}.recent-activity-item{display:flex;align-items:flex-start;gap:16px;padding:16px;border-radius:8px;transition:background-color .2s ease}.recent-activity-item:hover{background:#f8fafc}.recent-activity-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.recent-activity-icon.slate{background:#f1f5f9}.recent-activity-icon.slate i{color:#0f172a;font-size:18px}.recent-activity-icon.cyan{background:#ecfeff}.recent-activity-icon.cyan i{color:#06b6d4;font-size:18px}.recent-activity-icon.amber{background:#fffbeb}.recent-activity-icon.amber i{color:#f59e0b;font-size:18px}.recent-activity-info{flex:1;min-width:0}.recent-activity-text{font-size:14px;font-weight:500;color:#0f172a;margin:0}.recent-activity-date{font-size:12px;color:#94a3b8;margin:4px 0 0}.recent-activity-desc{font-size:13px;color:#64748b;margin:2px 0 0}.recent-activity-icon i{color:#fff;font-size:18px}.recent-activity-item.clickable{cursor:pointer}.recent-activity-item.clickable:hover{background:#f8fafc}.recent-activity-item.clickable:hover .recent-activity-text{color:#10b981}.recent-activity-participants{display:flex;align-items:center;gap:4px;font-size:13px;color:#64748b;flex-shrink:0}.recent-activity-participants i{font-size:14px}.recent-activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#94a3b8}.recent-activity-empty i{font-size:48px;margin-bottom:16px;opacity:.5}.recent-activity-empty p{font-size:14px;margin:0}.recent-activity-more{padding:8px;background:none;border:none;color:#94a3b8;cursor:pointer;transition:color .2s ease}.recent-activity-more:hover{color:#64748b}.recent-activity-more i{font-size:18px}.recent-activity-footer{margin-top:24px;text-align:center}.recent-activity-load-more{padding:8px 24px;background:none;border:1px solid #cbd5e1;border-radius:8px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.recent-activity-load-more:hover{border-color:#0f172a;color:#0f172a}.meetings-section{margin-bottom:32px;background:#fff;border-radius:16px;padding:20px;border:1px solid #e2e8f0}.meetings-section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.meetings-section-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.meetings-section-icon.created{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.meetings-section-icon.created i{color:#4f46e5;font-size:18px}.meetings-section-icon.participating{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.meetings-section-icon.participating i{color:#059669;font-size:18px}.meetings-section h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.no-meetings{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;color:#94a3b8;text-align:center}.no-meetings i{font-size:32px;color:#cbd5e1}.no-meetings p{margin:0;font-size:14px}.meetings-list{display:flex;flex-direction:column;gap:10px}.meeting-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease}.meeting-card:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translate(4px)}.meeting-card-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.meeting-book-icon{width:40px;height:40px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.meeting-book-icon i{font-size:18px;color:#3b82f6}.meeting-info{flex:1;min-width:0}.meeting-book{display:block;font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.meeting-meta{display:flex;align-items:center;gap:16px}.meeting-date,.meeting-members{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b}.meeting-date i,.meeting-members i{font-size:13px;color:#94a3b8}.meeting-members{color:#3b82f6;font-weight:500}.meeting-members i{color:#3b82f6}.meeting-card-arrow{display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:all .2s ease}.meeting-card-arrow i{font-size:20px}.meeting-card:hover .meeting-card-arrow{color:#64748b;transform:translate(2px)}.view-all-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px;padding:10px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-all-btn:hover{background:#e2e8f0;color:#1e293b}.view-all-btn i{font-size:14px}.settings-list{display:flex;flex-direction:column;gap:8px}.settings-list{display:flex;flex-direction:column;gap:12px}.settings-item{display:flex;align-items:center;gap:16px;width:100%;padding:16px 20px;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;text-align:left;cursor:pointer;transition:all .2s ease}.settings-item:hover:not(.disabled){background-color:#f8fafc;border-color:#cbd5e1}.settings-item.disabled{cursor:default;opacity:.6;background-color:#f8fafc}.settings-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:10px;flex-shrink:0}.settings-icon i{font-size:20px;color:#475569}.settings-text{flex:1;font-size:15px;font-weight:500;color:#0f172a}.settings-value{font-size:14px;font-weight:500;color:#64748b;padding:6px 12px;background:#f1f5f9;border-radius:8px}.settings-arrow{display:flex;align-items:center;justify-content:center}.settings-arrow i{font-size:20px;color:#94a3b8}.coming-soon{font-size:12px;font-weight:500;color:#64748b;background-color:#f1f5f9;padding:6px 12px;border-radius:8px}.settings-hint{font-size:12px;color:#888}@media (max-width: 600px){.profile-container{padding:16px}.profile-tabs-container{padding:0 16px}.profile-tabs{gap:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{padding:12px 4px;font-size:13px}.meetings-section{padding:16px}.meeting-card{padding:12px}.meeting-book-icon{width:36px;height:36px}.meeting-meta{flex-direction:column;align-items:flex-start;gap:4px}}.profile-badges-section{padding:0}.profile-badges-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.profile-badges-header .profile-section-title{margin:0;padding:0}.profile-badges-count{display:flex;align-items:baseline;gap:4px}.profile-badges-earned{font-size:24px;font-weight:800;color:#10b981}.profile-badges-total{font-size:14px;color:#64748b}.profile-badge-group{margin-bottom:32px}.profile-badge-group:last-child{margin-bottom:0}.profile-badge-group-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#0f172a;margin:0 0 16px}.profile-badge-group-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:14px}.profile-badge-group-icon.earned{background:#10b981;color:#fff}.profile-badge-group-icon.locked{background:#e2e8f0;color:#64748b}.profile-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.profile-badge-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:20px 16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease;text-align:center;overflow:hidden;cursor:pointer}.profile-badge-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a;border-color:#cbd5e1}.profile-badge-card.locked{opacity:1}.profile-badge-card.locked:hover{transform:none;box-shadow:none}.profile-badge-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:24px;color:#fff;margin-bottom:12px;box-shadow:0 4px 6px -1px #0000001a;transition:all .2s ease}.profile-badge-card.earned:hover .profile-badge-icon{transform:scale(1.1) rotate(3deg)}.profile-badge-card.locked .profile-badge-icon{opacity:.3}.profile-badge-name{font-size:13px;font-weight:600;color:#0f172a;margin:0 0 4px}.profile-badge-card.locked .profile-badge-name{color:#64748b}.profile-badge-desc{font-size:11px;color:#64748b;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-badge-card.locked .profile-badge-desc{color:#94a3b8}.profile-badge-date{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;color:#10b981}.profile-badge-date i{font-size:12px}.profile-badge-lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f172a08;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;border-radius:12px;z-index:10}.profile-badge-card.locked:hover .profile-badge-lock-overlay{opacity:1}.profile-badge-lock-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;color:#64748b;font-size:20px;box-shadow:0 4px 6px -1px #0000001a;transition:all .2s ease}.profile-badge-card.locked:hover .profile-badge-lock-icon{transform:scale(1.1)}.profile-badge-progress{width:100%;margin-top:8px}.profile-badge-progress-header{display:flex;justify-content:space-between;font-size:10px;color:#64748b;margin-bottom:4px}.profile-badge-progress-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.profile-badge-progress-fill{height:100%;border-radius:3px;transition:width .5s ease}.profile-empty-badges{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.profile-empty-badges-icon{width:64px;height:64px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.profile-empty-badges-icon i{font-size:28px;color:#94a3b8}.profile-empty-badges h3{font-size:16px;font-weight:600;color:#0f172a;margin:0 0 8px}.profile-empty-badges p{font-size:14px;color:#64748b;margin:0}@media (max-width: 768px){.profile-badges-header{flex-direction:column;align-items:flex-start;gap:8px}.profile-badges-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.profile-badge-card{padding:16px 12px}.profile-badge-icon{width:48px;height:48px;font-size:20px}.profile-badge-name{font-size:12px}.profile-badge-desc{font-size:10px}}@media (max-width: 480px){.profile-badges-grid{grid-template-columns:repeat(2,1fr);gap:10px}.profile-badge-card{padding:12px 10px}.profile-badge-icon{width:40px;height:40px;font-size:18px;margin-bottom:8px;border-radius:10px}.profile-badge-name{font-size:11px}.profile-badge-desc{font-size:9px;margin-bottom:6px}.profile-badge-date{font-size:9px}.profile-badge-group{margin-bottom:24px}.profile-badge-group-title{font-size:14px;margin-bottom:12px}}.profile-interests-section{display:flex;flex-direction:column;gap:24px}.profile-interests-card{background:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0}.profile-interests-header{margin-bottom:24px}.profile-interests-title{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 4px}.profile-interests-subtitle{font-size:14px;color:#64748b;margin:0}.profile-interests-content{display:flex;flex-direction:column;gap:32px}.profile-interests-group{display:flex;flex-direction:column}.profile-interests-group-title{font-size:15px;font-weight:600;color:#0f172a;margin:0 0 16px}.profile-introduction-box{background:#f8fafc;border-radius:12px;padding:16px 20px;border:1px solid #e2e8f0}.profile-introduction-text{font-size:15px;line-height:1.7;color:#334155;margin:0;white-space:pre-wrap}.profile-genre-tags{display:flex;flex-wrap:wrap;gap:8px}.profile-genre-tag{padding:8px 16px;background:#0f172a;color:#fff;border-radius:9999px;font-size:14px;font-weight:500}.profile-empty-text{color:#9ca3af;font-size:14px;font-style:italic}.profile-style-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.profile-style-card{padding:16px;border:1px solid #e2e8f0;border-radius:8px}.profile-style-card-title{font-size:14px;font-weight:500;color:#0f172a;margin:0 0 8px}.profile-style-card-desc{font-size:13px;color:#64748b;margin:0;line-height:1.5}.profile-keyword-tags{display:flex;flex-wrap:wrap;gap:8px}.profile-keyword-tag{padding:6px 12px;background:#ecfeff;color:#0891b2;border-radius:9999px;font-size:13px}.profile-goals-list{display:flex;flex-direction:column;gap:12px}.profile-goal-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border-radius:8px}.profile-goal-label{font-size:14px;font-weight:500;color:#0f172a}.profile-goal-value{font-size:14px;color:#64748b}.profile-settings-card{background:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0}.profile-settings-card .profile-section-title{margin-bottom:16px}.profile-settings-link-card{background:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:24px}.profile-settings-link-content{display:flex;align-items:center;gap:16px}.profile-settings-link-icon{width:48px;height:48px;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-settings-link-icon i{font-size:24px;color:#0f172a}.profile-settings-link-text h3{font-size:16px;font-weight:600;color:#0f172a;margin:0 0 4px}.profile-settings-link-text p{font-size:14px;color:#64748b;margin:0}.profile-settings-link-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#0f172a;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.profile-settings-link-btn:hover{background:#1e293b}.profile-settings-link-btn i{font-size:18px}@media (max-width: 768px){.profile-style-grid{grid-template-columns:1fr}.profile-interests-card{padding:20px}.profile-interests-content{gap:24px}}@media (max-width: 480px){.profile-interests-card{padding:16px}.profile-genre-tag{padding:6px 12px;font-size:13px}.profile-keyword-tag{padding:4px 10px;font-size:12px}.profile-goal-item{padding:10px 12px}.profile-goal-label,.profile-goal-value{font-size:13px}.profile-settings-link-card{flex-direction:column;align-items:flex-start;gap:16px}.profile-settings-link-btn{width:100%;justify-content:center}}.meeting-page{min-height:100vh;background-color:#f9fafb}.meeting-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center;color:#6b7280}.meeting-not-found h2{margin:24px 0 8px;font-size:24px;font-weight:600;color:#111827}.meeting-not-found p{margin:0 0 24px;font-size:16px}.meeting-back-link{display:inline-flex;align-items:center;gap:8px;color:#10b981;text-decoration:none;font-weight:500;transition:color .2s}.meeting-back-link:hover{color:#059669}.meeting-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e5e7eb}.meeting-back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.meeting-back-btn:hover{background:#f3f4f6;border-color:#d1d5db}.meeting-id-badge{padding:6px 12px;background:#f3f4f6;border-radius:6px;font-size:13px;color:#6b7280;font-family:monospace}.meeting-container{display:grid;grid-template-columns:1fr 380px;gap:32px;max-width:1400px;margin:0 auto;padding:32px 24px}@media (max-width: 1024px){.meeting-container{grid-template-columns:1fr;gap:24px}}.meeting-content{display:flex;flex-direction:column;gap:24px}.meeting-info-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 6px -1px #0000001a}.meeting-info-header{margin-bottom:24px}.meeting-live-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fef2f2;color:#dc2626;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:12px}.meeting-live-badge .live-dot{width:8px;height:8px;background:#dc2626;border-radius:50%;animation:pulse 1.5s infinite}.meeting-title{font-size:28px;font-weight:700;color:#111827;margin:0;line-height:1.3}.meeting-book-section{display:flex;gap:24px;padding:24px;background:#f9fafb;border-radius:12px;margin-bottom:24px}.meeting-book-cover img{width:120px;height:180px;object-fit:cover;border-radius:8px;box-shadow:0 4px 12px #00000026}.meeting-book-info{display:flex;flex-direction:column;gap:8px}.meeting-book-title{font-size:20px;font-weight:600;color:#111827;margin:0}.meeting-book-author,.meeting-book-genre,.meeting-book-isbn{font-size:14px;color:#6b7280;margin:0}.meeting-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-bottom:24px}.meeting-detail-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f9fafb;border-radius:10px}.meeting-detail-icon{color:#10b981;font-size:20px;flex-shrink:0;margin-top:2px}.meeting-detail-item>div{display:flex;flex-direction:column;gap:4px}.meeting-detail-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.meeting-detail-value{font-size:14px;font-weight:500;color:#111827}.meeting-level-badge{display:inline-flex;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.meeting-level-badge.level-low{background:#ecfdf5;color:#059669}.meeting-level-badge.level-moderate{background:#fef3c7;color:#d97706}.meeting-level-badge.level-high{background:#fef2f2;color:#dc2626}.meeting-description{margin-bottom:24px}.meeting-description h3{font-size:14px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.meeting-description p{font-size:15px;line-height:1.6;color:#4b5563;margin:0}.meeting-tags{display:flex;flex-wrap:wrap;gap:8px}.meeting-tag{padding:6px 12px;background:#ecfdf5;color:#059669;border-radius:16px;font-size:12px;font-weight:500}.meeting-sidebar{display:flex;flex-direction:column;gap:24px}.meeting-action-card{background:#fff;border-radius:16px;padding:32px;text-align:center;box-shadow:0 4px 6px -1px #0000001a}.meeting-action-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff}.meeting-action-card h3{font-size:20px;font-weight:600;color:#111827;margin:0 0 8px}.meeting-action-card>p{font-size:14px;color:#6b7280;margin:0 0 24px}.meeting-join-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:#4285f4;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.meeting-join-btn:hover{background:#3367d6;transform:translateY(-1px)}.meeting-no-link{padding:16px;background:#fef3c7;border-radius:10px;color:#92400e;font-size:14px}.meeting-no-link p{margin:0}.meeting-upcoming-notice{margin-top:16px;padding:12px;background:#eff6ff;border-radius:8px;font-size:13px;color:#1e40af}.meeting-guidelines{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.meeting-guidelines h4{font-size:14px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}.meeting-guidelines ul{list-style:none;padding:0;margin:0}.meeting-guidelines li{position:relative;padding-left:24px;margin-bottom:12px;font-size:14px;color:#4b5563;line-height:1.5}.meeting-guidelines li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background:#10b981;border-radius:50%}.meeting-guidelines li:last-child{margin-bottom:0}@media (max-width: 768px){.meeting-header{padding:12px 16px}.meeting-container{padding:20px 16px}.meeting-info-card{padding:20px}.meeting-title{font-size:22px}.meeting-book-section{flex-direction:column;align-items:center;text-align:center;padding:20px}.meeting-book-cover img{width:100px;height:150px}.meeting-details-grid{grid-template-columns:1fr}.meeting-action-card{padding:24px}}@media (max-width: 480px){.meeting-back-btn span{display:none}.meeting-back-btn{padding:8px 12px}}.meet-page{min-height:100vh;background-color:#f9fafb}.meet-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center;color:#6b7280}.meet-loading-spinner{animation:spin 1s linear infinite;color:#10b981}.meet-loading p{margin-top:16px;font-size:16px}.meet-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center;color:#6b7280}.meet-not-found h2{margin:24px 0 8px;font-size:24px;font-weight:600;color:#111827}.meet-not-found p{margin:0 0 24px;font-size:16px}.meet-back-link{display:inline-flex;align-items:center;gap:8px;color:#10b981;text-decoration:none;font-weight:500;transition:color .2s}.meet-back-link:hover{color:#059669}.meet-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e5e7eb}.meet-back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.meet-back-btn:hover{background:#f3f4f6;border-color:#d1d5db}.meet-status-badge{display:flex;align-items:center;gap:12px}.meet-live-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fef2f2;color:#dc2626;border-radius:20px;font-size:12px;font-weight:600}.meet-live-indicator .live-dot{width:8px;height:8px;background:#dc2626;border-radius:50%;animation:pulse 1.5s infinite}.meet-session-id{padding:6px 12px;background:#f3f4f6;border-radius:6px;font-size:13px;color:#6b7280;font-family:monospace}.meet-container{display:grid;grid-template-columns:1fr 380px;gap:32px;max-width:1400px;margin:0 auto;padding:32px 24px}@media (max-width: 1024px){.meet-container{grid-template-columns:1fr;gap:24px}}.meet-content{display:flex;flex-direction:column;gap:24px}.meet-info-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 6px -1px #0000001a}.meet-info-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.meet-title{font-size:28px;font-weight:700;color:#111827;margin:0;line-height:1.3}.meet-level-badge{display:inline-flex;padding:6px 14px;border-radius:12px;font-size:12px;font-weight:600;flex-shrink:0}.meet-level-badge.level-low{background:#ecfdf5;color:#059669}.meet-level-badge.level-moderate{background:#fef3c7;color:#d97706}.meet-level-badge.level-high{background:#fef2f2;color:#dc2626}.meet-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.meet-detail-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f9fafb;border-radius:10px}.meet-detail-icon{color:#10b981;font-size:20px;flex-shrink:0;margin-top:2px}.meet-detail-item>div{display:flex;flex-direction:column;gap:4px}.meet-detail-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.meet-detail-value{font-size:14px;font-weight:500;color:#111827}.meet-sidebar{display:flex;flex-direction:column;gap:24px}.meet-action-card{background:#fff;border-radius:16px;padding:32px;text-align:center;box-shadow:0 4px 6px -1px #0000001a}.meet-action-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff}.meet-action-card h3{font-size:20px;font-weight:600;color:#111827;margin:0 0 8px}.meet-action-card>p{font-size:14px;color:#6b7280;margin:0 0 24px}.meet-join-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:#4285f4;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.meet-join-btn:hover{background:#3367d6;transform:translateY(-1px)}.meet-no-link{padding:16px;background:#fef3c7;border-radius:10px;color:#92400e;font-size:14px}.meet-no-link p{margin:0}.meet-guidelines{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.meet-guidelines h4{font-size:14px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}.meet-guidelines ul{list-style:none;padding:0;margin:0}.meet-guidelines li{position:relative;padding-left:24px;margin-bottom:12px;font-size:14px;color:#4b5563;line-height:1.5}.meet-guidelines li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background:#10b981;border-radius:50%}.meet-guidelines li:last-child{margin-bottom:0}@media (max-width: 768px){.meet-header{padding:12px 16px}.meet-container{padding:20px 16px}.meet-info-card{padding:20px}.meet-info-header{flex-direction:column;gap:12px}.meet-title{font-size:22px}.meet-details-grid{grid-template-columns:1fr}.meet-action-card{padding:24px}}@media (max-width: 480px){.meet-back-btn span{display:none}.meet-back-btn{padding:8px 12px}.meet-status-badge{flex-direction:column;align-items:flex-end;gap:8px}}.attendance-progress{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:16px}.attendance-progress.confirmed{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0}.attendance-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.attendance-progress-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:#334155}.attendance-progress-icon{width:18px;height:18px}.attendance-progress-icon.confirmed{color:#10b981}.attendance-progress-icon.pending{color:#f59e0b;animation:pulse 2s infinite}.attendance-progress-badge{font-size:11px;font-weight:500;padding:4px 8px;border-radius:4px;background:#e2e8f0;color:#475569}.attendance-progress-bar-container{display:flex;align-items:center;gap:10px;margin-bottom:12px}.attendance-progress-bar{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.attendance-progress-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;transition:width .3s ease-out}.attendance-progress-percent{font-size:12px;font-weight:600;color:#3b82f6;min-width:36px;text-align:right}.attendance-progress-message{margin-bottom:12px}.attendance-progress-success{font-size:13px;color:#059669;margin:0}.attendance-progress-hint{font-size:12px;color:#64748b;margin:0}.attendance-progress-milestones{display:flex;flex-direction:column;gap:8px}.attendance-milestone{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.attendance-milestone.achieved{background:#f0fdf4;border-color:#bbf7d0}.attendance-milestone.achieved .attendance-milestone-icon{color:#10b981}.attendance-milestone.bonus{border-style:dashed}.attendance-milestone.bonus.achieved{background:#fef3c7;border-color:#fcd34d}.attendance-milestone.bonus.achieved .attendance-milestone-icon{color:#f59e0b}.attendance-milestone-icon{width:16px;height:16px;color:#94a3b8;flex-shrink:0}.attendance-milestone-info{display:flex;flex-direction:column;gap:2px;min-width:0}.attendance-milestone-label{font-size:11px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.attendance-milestone-value{font-size:13px;color:#334155}.attendance-milestone-remaining{color:#94a3b8;font-size:11px}.attendance-milestone-empty{color:#94a3b8;font-style:italic}.attendance-milestone-bonus{color:#f59e0b;font-weight:500}.attendance-progress-tip{margin-top:12px;padding:8px 10px;background:#fefce8;border-radius:6px;border:1px solid #fef08a}.attendance-progress-tip span{font-size:11px;color:#854d0e}.attendance-progress.countdown{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd}.attendance-countdown{text-align:center;padding:16px 0;margin-bottom:12px}.attendance-countdown-time{font-size:24px;font-weight:700;color:#1e40af;margin-bottom:4px}.countdown-segment{display:inline-block}.attendance-countdown-label{font-size:13px;color:#3b82f6;margin:0}.attendance-progress.countdown .attendance-progress-icon.pending{color:#3b82f6}.attendance-progress-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;color:#64748b}.attendance-progress-loading-icon{animation:spin 1s linear infinite}.report-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.report-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003;animation:modalSlideIn .2s ease-out}.report-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.report-modal-title{display:flex;align-items:center;gap:10px;color:#dc2626}.report-modal-title h2{margin:0;font-size:18px;font-weight:600;color:#111827}.report-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.report-modal-close:hover{background:#f3f4f6;color:#374151}.report-success{padding:60px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;color:#10b981}.report-success p{margin:0;font-size:16px;color:#374151}.report-target{padding:16px 24px;background:#fef2f2;border-bottom:1px solid #fecaca}.report-target-label{font-size:14px;color:#6b7280}.report-target-name{font-size:14px;font-weight:600;color:#dc2626}.report-reasons{padding:20px 24px}.report-reasons h3{margin:0 0 16px;font-size:14px;font-weight:600;color:#374151}.report-reason-list{display:flex;flex-direction:column;gap:12px}.report-reason-item{display:flex;align-items:center;gap:12px;cursor:pointer;padding:10px 14px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s}.report-reason-item:hover{background:#f3f4f6;border-color:#d1d5db}.report-reason-item input[type=checkbox]{display:none}.report-reason-checkbox{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.report-reason-item input[type=checkbox]:checked+.report-reason-checkbox{background:#dc2626;border-color:#dc2626}.report-reason-item input[type=checkbox]:checked+.report-reason-checkbox:after{content:"";width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.report-reason-label{font-size:14px;color:#374151}.report-evidence{padding:20px 24px;border-top:1px solid #e5e7eb}.report-evidence h3{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.report-evidence-upload{display:flex;align-items:center;gap:12px}.report-evidence-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f3f4f6;border:1px dashed #d1d5db;border-radius:8px;font-size:14px;color:#6b7280;cursor:pointer;transition:all .2s}.report-evidence-btn:hover{background:#e5e7eb;border-color:#9ca3af;color:#374151}.report-evidence-btn input[type=file]{display:none}.report-evidence-hint{font-size:12px;color:#9ca3af}.report-evidence-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:8px}.report-evidence-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f3f4f6;border-radius:6px;font-size:13px}.evidence-name{flex:1;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evidence-size{color:#9ca3af;font-size:12px}.evidence-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#9ca3af;cursor:pointer;border-radius:4px;transition:all .2s}.evidence-remove:hover{background:#fef2f2;color:#dc2626}.report-error{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fef2f2;color:#dc2626;font-size:14px}.report-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb}.report-cancel-btn{flex:1;padding:12px 20px;background:#f3f4f6;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.report-cancel-btn:hover:not(:disabled){background:#e5e7eb}.report-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.report-submit-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#dc2626;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.report-submit-btn:hover:not(:disabled){background:#b91c1c}.report-submit-btn:disabled{background:#fca5a5;cursor:not-allowed}@media (max-width: 520px){.report-modal{max-width:100%;margin:0;border-radius:16px 16px 0 0;max-height:95vh}.report-modal-overlay{align-items:flex-end;padding:0}}.end-meeting-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.end-meeting-modal{background:#fff;border-radius:16px;width:100%;max-width:420px;box-shadow:0 20px 40px #0003;animation:modalSlideIn .2s ease-out}.end-meeting-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 0}.end-meeting-modal-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#fef2f2;border-radius:50%;color:#dc2626}.end-meeting-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.end-meeting-modal-close:hover:not(:disabled){background:#f3f4f6;color:#374151}.end-meeting-modal-close:disabled{opacity:.5;cursor:not-allowed}.end-meeting-modal-content{padding:20px 24px}.end-meeting-modal-content h2{margin:0 0 12px;font-size:20px;font-weight:600;color:#111827}.end-meeting-modal-content p{margin:0;font-size:14px;line-height:1.6;color:#6b7280}.end-meeting-modal-error{display:flex;align-items:center;gap:8px;margin:0 24px;padding:12px;background:#fef2f2;border-radius:8px;color:#dc2626;font-size:14px}.end-meeting-modal-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb}.end-meeting-cancel-btn{flex:1;padding:12px 20px;background:#f3f4f6;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.end-meeting-cancel-btn:hover:not(:disabled){background:#e5e7eb}.end-meeting-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.end-meeting-confirm-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#dc2626;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.end-meeting-confirm-btn:hover:not(:disabled){background:#b91c1c}.end-meeting-confirm-btn:disabled{background:#fca5a5;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@media (max-width: 480px){.end-meeting-modal{max-width:100%;margin:0;border-radius:16px 16px 0 0}.end-meeting-modal-overlay{align-items:flex-end;padding:0}}.endorsement-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px;animation:fadeIn .2s ease-out}.endorsement-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.endorsement-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.endorsement-header-text h2{margin:0;font-size:1.4rem;font-weight:600;color:#111827}.endorsement-subtitle{margin:6px 0 0;color:#6b7280;font-size:.9rem;line-height:1.4}.endorsement-close-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:6px;transition:all .15s ease;flex-shrink:0}.endorsement-close-btn:hover{color:#374151;background:#f3f4f6}.endorsement-modal-content{flex:1;overflow-y:auto;padding:20px 24px}.endorsement-loading-state,.endorsement-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#6b7280;gap:12px;text-align:center}.endorsement-spinner,.endorsement-spinner-small{animation:spin 1s linear infinite}.endorsement-participant-list{display:flex;flex-direction:column;gap:16px}.endorsement-participant-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s ease}.endorsement-participant-card.submitted{background:#f0fdf4;border-color:#86efac}.endorsement-participant-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.endorsement-participant-card.submitted .endorsement-participant-header{margin-bottom:0}.endorsement-participant-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0}.endorsement-participant-avatar img{width:100%;height:100%;object-fit:cover}.endorsement-default-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:1.1rem}.endorsement-participant-name{font-weight:500;color:#111827;flex:1;font-size:1rem}.endorsement-submitted-badge{display:flex;align-items:center;gap:4px;background:#dcfce7;color:#166534;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.endorsement-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.endorsement-category-checkbox{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.endorsement-category-checkbox:hover{border-color:#9ca3af;background:#f9fafb}.endorsement-category-checkbox.selected{background:#eff6ff;border-color:#3b82f6}.endorsement-category-checkbox input{accent-color:#3b82f6;width:16px;height:16px;cursor:pointer}.endorsement-category-label{font-size:.85rem;color:#374151;line-height:1.2}.endorsement-submit-btn{width:100%;padding:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.endorsement-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.endorsement-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.endorsement-error-message{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-top:16px;font-size:.9rem;text-align:center}.endorsement-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.endorsement-done-btn{padding:10px 24px;background:#f3f4f6;color:#374151;border:none;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease}.endorsement-done-btn:hover{background:#e5e7eb}@media (max-width: 480px){.endorsement-modal{max-height:100vh;border-radius:0;height:100vh}.endorsement-modal-header,.endorsement-modal-content,.endorsement-modal-footer{padding:16px}.endorsement-header-text h2{font-size:1.2rem}.endorsement-category-grid{grid-template-columns:1fr}.endorsement-participant-avatar{width:40px;height:40px}.endorsement-category-checkbox{padding:12px}.endorsement-category-label{font-size:.9rem}}@media (min-width: 481px) and (max-width: 768px){.endorsement-modal{max-width:90%}}.meetroom-page{min-height:100vh;background-color:#f8fafc;display:flex;flex-direction:column}.meetroom-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center;color:#6b7280}.meetroom-loading-spinner{animation:spin 1s linear infinite;color:#10b981}.meetroom-loading p{margin-top:16px;font-size:16px}.meetroom-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center;color:#6b7280}.meetroom-not-found h2{margin:24px 0 8px;font-size:24px;font-weight:600;color:#111827}.meetroom-not-found p{margin:0 0 24px;font-size:16px}.meetroom-back-link{display:inline-flex;align-items:center;gap:8px;color:#10b981;text-decoration:none;font-weight:500;transition:color .2s}.meetroom-back-link:hover{color:#059669}.meetroom-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}.meetroom-header-left{display:flex;align-items:center;gap:16px}.meetroom-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;transition:all .2s}.meetroom-back-btn:hover{background:#f3f4f6;border-color:#d1d5db}.meetroom-title-section{display:flex;flex-direction:column;gap:2px}.meetroom-title-row{display:flex;align-items:center;gap:10px}.meetroom-title{font-size:18px;font-weight:700;color:#111827;margin:0}.meetroom-attendance-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#ecfdf5;color:#059669;border-radius:16px;font-size:12px;font-weight:600;white-space:nowrap}.meetroom-attendance-badge svg{flex-shrink:0}.meetroom-subtitle{font-size:13px;color:#6b7280}.meetroom-header-right{display:flex;align-items:center;gap:12px}.meetroom-live-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;color:#1e293b}.meetroom-live-badge .live-dot{width:8px;height:8px;background:#1e293b;border-radius:50%;animation:pulse 1.5s infinite}.meetroom-recording-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fef2f2;color:#dc2626;border-radius:20px;font-size:12px;font-weight:600}.meetroom-recording-badge .recording-dot{width:8px;height:8px;background:#dc2626;border-radius:50%;animation:pulse 1.5s infinite}.meetroom-participants-badge,.meetroom-connection-status{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;color:#1e293b}.meetroom-connection-status[data-connected=true]{background:#f8fafc;color:#1e293b}.meetroom-connection-status[data-connected=false]{background:#fef2f2;border-color:#fecaca;color:#dc2626}.meetroom-content{display:grid;grid-template-columns:25% 50% 25%;flex:1;min-height:calc(100vh - 70px);max-width:1500px;margin:0 auto;padding:0}.meetroom-left-wrapper{background:#f8fafc80;border-right:1px solid #e2e8f0;display:flex;flex-direction:column}.meetroom-left-panel{padding:24px;display:flex;flex-direction:column;gap:24px}.meetroom-left-panel>*{margin-bottom:0}.meetroom-left-sticky{position:sticky;top:95px;padding:0 24px 24px;background:#f8fafcfa;z-index:10}.meetroom-center-panel{background:#fff;padding:0;overflow:visible;z-index:1}.meetroom-right-panel{background:#f8fafc;border-left:1px solid #e5e7eb;padding:24px;position:sticky;top:70px;align-self:start;max-height:calc(100vh - 70px);overflow-y:auto}@media (max-width: 1200px){.meetroom-content{grid-template-columns:22% 56% 22%}}@media (max-width: 1024px){.meetroom-content{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.meetroom-left-wrapper{border:none;border-bottom:1px solid #e5e7eb}.meetroom-left-sticky{position:static;background:transparent}.meetroom-right-panel{border:none;border-top:1px solid #e5e7eb;position:static;max-height:none;overflow-y:visible}.meetroom-center-panel{height:auto;min-height:400px}}@media (max-width: 768px){.meetroom-header{padding:12px 16px;flex-wrap:wrap;gap:12px}.meetroom-title{font-size:16px}.meetroom-header-right{flex-wrap:wrap;gap:8px}.meetroom-left-panel,.meetroom-center-panel,.meetroom-right-panel{padding:16px}}@media (max-width: 480px){.meetroom-title-section{display:none}}.meetroom-end-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.meetroom-end-btn:hover{background:#b91c1c}.meetroom-end-btn:active{transform:scale(.98)}.meetroom-ended-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.meetroom-ended-content{background:#fff;border-radius:16px;padding:48px;text-align:center;max-width:420px;width:100%;animation:meetingEndedFadeIn .3s ease-out}@keyframes meetingEndedFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.meetroom-ended-icon{color:#dc2626;margin-bottom:24px}.meetroom-ended-content h2{margin:0 0 12px;font-size:24px;font-weight:600;color:#111827}.meetroom-ended-content p{margin:0 0 32px;font-size:15px;line-height:1.6;color:#6b7280}.meetroom-ended-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.meetroom-ended-btn:hover{background:#059669}.meetroom-ended-btn:active{transform:scale(.98)}.moderator-controls{display:flex;flex-direction:column;gap:24px}.meet-join-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:#1e293b;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a}.meet-join-button:hover:not(:disabled){background:#1e293be6}.meet-join-button:disabled{background:#cbd5e1;cursor:not-allowed}.meet-join-hint{font-size:12px;color:#64748b;text-align:center;margin:-12px 0 0;line-height:1.5}.rules-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.rules-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#1e293b}.rules-header h3{font-size:14px;font-weight:700;margin:0}.rules-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.rules-list li{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#64748b;line-height:1.4}.rules-list li:before{content:"•";color:#1e293b;font-weight:700;flex-shrink:0}.raise-hand-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 24px;background:linear-gradient(to right,#1e293b,#1e293b);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;white-space:nowrap}.raise-hand-button:hover{background:linear-gradient(to right,#1e293be6,#334155)}.raise-hand-button.active{background:linear-gradient(to right,#f59e0b,#f97316);box-shadow:0 10px 15px -3px #f59e0b4d,0 4px 6px -4px #f59e0b33}.raise-hand-button.active:hover{background:linear-gradient(to right,#f59e0be6,#f97316e6)}.hand-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:24px}.current-speaker-card{background:#1e293b;border-radius:12px;padding:16px;color:#fff}.speaker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.speaker-label{font-size:12px;text-transform:uppercase;letter-spacing:.5px;opacity:.8;font-weight:500}.speaker-time{font-size:24px;font-weight:700;font-family:monospace}.speaker-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.speaker-avatar{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.3);object-fit:cover}.speaker-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center}.speaker-name{font-size:16px;font-weight:600}.speaker-moderator-badge{padding:2px 8px;background:#fef3c7e6;color:#92400e;border-radius:4px;font-size:11px;font-weight:600;margin-left:8px}.next-speaker-btn{width:100%;padding:10px;background:#ffffff26;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.next-speaker-btn:hover{background:#ffffff40}.queue-section{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a}.queue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.queue-header h3{font-size:14px;font-weight:700;color:#1e293b;margin:0}.queue-next-btn{padding:6px 12px;background:#1e293b;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s}.queue-next-btn:hover{background:#1e293be6}.queue-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.queue-item{display:flex;align-items:center;gap:10px;padding:10px;background:#f8fafc;border-radius:8px}.queue-position{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#1e293b;color:#fff;border-radius:50%;font-size:12px;font-weight:700}.queue-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.queue-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#94a3b8}.queue-name{flex:1;font-size:13px;font-weight:500;color:#1e293b}.queue-remove-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#94a3b8;cursor:pointer;border-radius:4px;transition:all .2s}.queue-remove-btn:hover{background:#fef2f2;color:#dc2626}.queue-empty{font-size:13px;color:#94a3b8;text-align:center;padding:20px;margin:0}.participants-section{background:#fff;border-radius:12px;padding:16px;overflow:visible;box-shadow:0 1px 3px #0000001a}.participants-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.participants-header h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#1e293b;margin:0}.participants-list{list-style:none;padding:0;margin:0}.participant-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f1f5f9}.participant-item:last-child{border-bottom:none}.participant-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.participant-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#94a3b8}.participant-name{flex:1;font-size:13px;font-weight:500;color:#1e293b}.host-badge{padding:2px 8px;background:#dbeafe;color:#1d4ed8;border-radius:10px;font-size:10px;font-weight:700}.moderator-badge{padding:2px 8px;background:#fef3c7;color:#92400e;border-radius:10px;font-size:10px;font-weight:700}.hand-indicator{font-size:14px}.online-status{width:8px;height:8px;border-radius:50%}.online-status.online{background:#10b981}.online-status.offline{background:#cbd5e1}.speaking-log-section{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a}.speaking-log-header{margin-bottom:12px}.speaking-log-header h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#1e293b;margin:0}.speaking-log-list{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.speaking-log-item{display:flex;flex-direction:column;gap:4px;padding:10px;background:#f8fafc;border-radius:8px;border-left:3px solid #1e293b}.log-time{font-size:11px;color:#64748b;font-family:monospace;font-weight:500}.log-details{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.log-username{font-size:13px;color:#1e293b;font-weight:600;flex:1;min-width:80px}.log-duration{padding:2px 8px;background:#1e293b1a;color:#1e293b;border-radius:10px;font-size:11px;font-weight:600;font-family:monospace}.log-count{padding:2px 8px;background:#fef3c7;color:#92400e;border-radius:10px;font-size:11px;font-weight:600}.speaking-log-empty{font-size:13px;color:#94a3b8;text-align:center;padding:20px;margin:0}.add-to-queue-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#1e293b;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s;margin-left:auto;margin-right:4px}.add-to-queue-btn:hover{background:#1e293be6;transform:scale(1.1)}.delegate-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#f59e0b;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s;margin-right:4px}.delegate-btn:hover{background:#d97706;transform:scale(1.1)}.queue-drag-handle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#94a3b8;cursor:grab;border-radius:4px;transition:all .2s}.queue-drag-handle:hover{background:#f1f5f9;color:#1e293b}.queue-drag-handle:active{cursor:grabbing}.participant-more-wrapper{position:relative;margin-left:auto}.participant-more-spacer{width:24px;margin-left:auto;flex-shrink:0}.participant-more-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#94a3b8;cursor:pointer;border-radius:4px;transition:all .2s}.participant-more-btn:hover{background:#f1f5f9;color:#1e293b}.participant-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid #e2e8f0;min-width:120px;z-index:100;overflow:hidden}.participant-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:transparent;border:none;font-size:13px;color:#1e293b;cursor:pointer;transition:background .2s;text-align:left}.participant-dropdown-item:hover{background:#f8fafc}.participant-dropdown-item.kick{color:#dc2626}.participant-dropdown-item.kick:hover{background:#fef2f2}.participant-dropdown-item.report{color:#f59e0b}.participant-dropdown-item.report:hover{background:#fffbeb}.participant-dropdown-item.report.disabled{color:#94a3b8;cursor:not-allowed;opacity:.6}.participant-dropdown-item.report.disabled:hover{background:transparent}.kicked-users-section{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:16px}.kicked-users-header{margin-bottom:12px}.kicked-users-header h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#dc2626;margin:0}.kicked-users-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.kicked-user-item{display:flex;align-items:center;gap:10px;padding:10px;background:#fff;border-radius:8px;border:1px solid #fecaca}.kicked-user-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:#fee2e2;display:flex;align-items:center;justify-content:center;color:#dc2626}.kicked-user-name{flex:1;font-size:13px;color:#1e293b;font-weight:500}.restore-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.restore-btn:hover{background:#059669;transform:scale(1.02)}.restore-btn svg{flex-shrink:0}.offline-toggle-btn{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;cursor:pointer;transition:all .2s;color:#64748b;font-size:12px}.offline-toggle-btn:hover{background:#f1f5f9;color:#1e293b}.offline-toggle-btn.active{background:#fee2e2;border-color:#fecaca;color:#dc2626}.offline-indicator{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.offline-toggle-btn.active .offline-indicator{background:#dc2626}.offline-count{font-weight:600}.offline-participants-section{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease;margin-top:12px;border-top:1px dashed #e2e8f0}.offline-participants-section.expanded{grid-template-rows:1fr}.offline-participants-content{overflow:hidden;min-height:0}.offline-participants-section.expanded .offline-participants-content{overflow:visible}.offline-participants-header{padding-top:12px}.offline-participants-header h4{font-size:12px;font-weight:500;color:#94a3b8;margin:0 0 8px}.offline-participants-list{list-style:none;padding:0;margin:0}.participant-item.offline{opacity:.6}.participant-item.offline:hover{opacity:.8}.offline-participants-list .participant-dropdown{top:auto;bottom:100%;margin-top:0;margin-bottom:4px;z-index:200}.offline-participants-list .participant-more-wrapper{position:relative;z-index:150}.utterance-recording-status{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:12px;color:#dc2626;font-size:13px;font-weight:500}.recording-indicator-dot{width:8px;height:8px;border-radius:50%;background:#dc2626;animation:pulse-recording 1.5s ease-in-out infinite}@keyframes pulse-recording{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.recording-time{font-family:monospace;font-weight:600}.speaker-controls{display:flex;gap:8px;margin-top:12px}.end-turn-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.end-turn-btn:hover{background:#b91c1c}.end-turn-btn.recording{animation:pulse-btn 2s ease-in-out infinite}@keyframes pulse-btn{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 8px #dc262600}}.voice-join-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.voice-join-modal{background:#fff;border-radius:16px;padding:32px;max-width:380px;width:90%;text-align:center;box-shadow:0 20px 40px #0003;animation:modalSlideIn .2s ease-out;position:relative;z-index:10001}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.voice-join-modal-icon{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#1e293b,#334155);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.voice-join-modal h3{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 12px}.voice-join-modal p{font-size:14px;color:#64748b;margin:0 0 24px;line-height:1.5}.voice-join-modal-buttons{display:flex;gap:12px}.voice-join-modal-cancel{flex:1;padding:12px 20px;background:#f1f5f9;color:#64748b;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.voice-join-modal-cancel:hover{background:#e2e8f0;color:#475569}.voice-join-modal-confirm{flex:1;padding:12px 20px;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #1e293b4d}.voice-join-modal-confirm:hover{transform:translateY(-1px);box-shadow:0 6px 16px #1e293b66}.voice-join-modal-confirm.kick-confirm{background:linear-gradient(135deg,#dc2626,#ef4444)}.voice-join-modal-confirm.kick-confirm:hover{box-shadow:0 6px 16px #dc262666}.voice-chat{display:flex;flex-direction:column;gap:24px}.voice-chat-header{display:none}.voice-chat-mode-wrapper{background:#fff;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 3px #0000001a}.comm-mode-section{display:flex;flex-direction:column;gap:12px}.comm-mode-title{font-size:14px;font-weight:700;color:#1e293b;margin:0}.comm-mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px;background:#f1f5f9;border-radius:12px}.comm-mode-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;background:transparent;border:none;border-radius:8px;font-size:12px;font-weight:700;color:#64748b;cursor:pointer;transition:all .2s;white-space:nowrap}.comm-mode-btn:hover{color:#1e293b}.comm-mode-btn.active{background:#fff;color:#1e293b;box-shadow:0 1px 3px #0000001a}.comm-mode-icon{font-size:14px}.comm-mode-label{font-size:12px}.comm-mode-beta{font-size:10px;font-weight:700;padding:2px 6px;background:#10b98133;color:#10b981;border-radius:4px;margin-left:4px}.meet-link-section{display:flex;flex-direction:column;gap:8px}.meet-join-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:#1e293b;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a}.meet-join-btn:hover{background:#1e293be6}.meet-link-hint{font-size:12px;color:#64748b;text-align:center;margin:0;line-height:1.5}.meet-link-error{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:13px}.voice-mode-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.voice-mode-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#1e293b;margin:0 0 12px}.voice-mode-buttons{display:flex;flex-direction:column;gap:12px}.voice-mode-btn{width:100%;padding:12px 16px;background:#f8fafc;border:none;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.voice-mode-btn:hover:not(:disabled){background:#f1f5f9}.voice-mode-btn.active{background:#1e293b;color:#fff}.voice-mode-btn.active .voice-mode-icon,.voice-mode-btn.active .voice-mode-label{color:#fff}.voice-mode-btn.active .voice-mode-desc{color:#fff;opacity:.8}.voice-mode-btn:disabled{cursor:not-allowed;opacity:.7}.voice-mode-btn-content{display:flex;align-items:center;gap:8px;margin-bottom:4px}.voice-mode-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:16px}.voice-mode-label{font-size:14px;font-weight:700;color:#1e293b}.voice-mode-desc{font-size:12px;color:#64748b;margin:0}.voice-controls-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.voice-controls-header{display:flex;align-items:center;justify-content:space-between;padding:16px;cursor:pointer;transition:background .2s}.voice-controls-header:hover{background:#f8fafc}.voice-controls-title{font-size:14px;font-weight:700;color:#1e293b;margin:0}.voice-controls-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s}.voice-controls-toggle:hover{background:#e2e8f0;color:#1e293b}.voice-controls-content{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s ease}.voice-controls-card.collapsed .voice-controls-content{grid-template-rows:0fr}.voice-controls-inner{overflow:hidden;padding:0 16px 16px}.voice-controls-card.collapsed .voice-controls-inner{padding-bottom:0}.voice-chat-controls{display:flex;flex-direction:column;gap:12px}.voice-control-row{display:flex;align-items:center;justify-content:space-between}.voice-control-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#1e293b}.voice-toggle-btn{padding:6px 12px;font-size:12px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.voice-toggle-btn.on{background:#1e293b;color:#fff}.voice-toggle-btn.off{background:#f1f5f9;color:#64748b}.voice-toggle-btn.off:hover{background:#e2e8f0}.voice-volume-row{display:flex;align-items:center;gap:10px}.voice-volume-slider{flex:1;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e2e8f0;border-radius:4px;outline:none;cursor:pointer}.voice-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#1e293b;border-radius:50%;cursor:pointer;transition:transform .15s}.voice-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.voice-volume-slider::-moz-range-thumb{width:16px;height:16px;background:#1e293b;border:none;border-radius:50%;cursor:pointer;transition:transform .15s}.voice-volume-value{font-size:12px;font-weight:600;color:#1e293b;min-width:36px;text-align:right}.voice-device-section{margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.voice-device-group{margin-bottom:12px}.voice-device-group:last-child{margin-bottom:0}.voice-device-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#64748b;margin-bottom:6px}.voice-device-select{width:100%;padding:8px 12px;font-size:13px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;cursor:pointer;outline:none;transition:border-color .2s,box-shadow .2s}.voice-device-select:hover{border-color:#cbd5e1}.voice-device-select:focus{border-color:#1e293b;box-shadow:0 0 0 2px #1e293b1a}.voice-leave-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;margin-top:12px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.voice-leave-btn:hover{background:#fee2e2;border-color:#fca5a5}.voice-rules-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.voice-rules-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#1e293b;margin:0 0 12px}.voice-rules-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.voice-rules-list li{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#64748b}.voice-rules-bullet{color:#1e293b;font-weight:700;margin-top:1px}.voice-chat-error{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:13px}.voice-chat-error svg{flex-shrink:0;margin-top:2px}.voice-chat-warning{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;color:#b45309;font-size:13px}.voice-chat-warning svg{flex-shrink:0;margin-top:2px}.voice-chat-hint-warning{font-size:12px;color:#b45309;text-align:center;margin:8px 0 0}.voice-device-unsupported{font-size:12px;color:#94a3b8;font-style:italic;margin:0;padding:8px 0}.voice-chat-join-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px 16px;text-align:center}.voice-chat-hint{font-size:13px;color:#64748b;margin:0 0 16px}.voice-chat-join-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#1e293b;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.voice-chat-join-btn:hover:not(:disabled){background:#1e293be6}.voice-chat-join-btn:disabled{opacity:.5;cursor:not-allowed}.voice-chat-participants{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.voice-participants-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#1e293b;margin:0 0 12px}.voice-chat-participant{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;transition:background .2s;position:relative}.voice-chat-participant:hover{background:#f8fafc}.voice-chat-participant.speaking{background:#ecfdf5}.voice-chat-participant.muted{opacity:.7}.voice-participant-avatar{width:32px;height:32px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:1px solid #e2e8f0}.voice-participant-avatar img{width:100%;height:100%;object-fit:cover}.voice-participant-name{flex:1;font-size:14px;font-weight:500;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-participant-muted{color:#94a3b8;flex-shrink:0}.voice-chat-empty{font-size:13px;color:#94a3b8;text-align:center;padding:16px 0;margin:0}.voice-chat-participant.speaking .voice-participant-avatar{box-shadow:0 0 0 2px #10b981;animation:speaking-pulse 1.5s ease-in-out infinite}@keyframes speaking-pulse{0%,to{box-shadow:0 0 0 2px #10b981}50%{box-shadow:0 0 0 4px #10b9814d}}.speaking-indicator{position:absolute;top:30px;left:32px;width:10px;height:10px;background:#10b981;border:2px solid white;border-radius:50%;z-index:1;animation:speaking-dot-pulse 1s ease-in-out infinite}@keyframes speaking-dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.voice-quality-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-left:auto;margin-right:4px}.voice-chat-status{font-size:12px;padding:2px 8px;border-radius:12px;font-weight:500}.voice-chat-status.connected{background:#10b98126;color:#10b981}.voice-toggle-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.voice-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.voice-control-warning{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f59e0b1a;border-radius:8px;font-size:11px;color:#d97706;margin-top:4px}.voice-control-warning svg{flex-shrink:0}.collaborative-notes{display:flex;flex-direction:column;height:100%;max-width:800px;margin:0 auto}.notes-loading{display:flex;align-items:center;justify-content:center;height:200px;color:#6b7280}.notes-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.notes-title-section h2{font-size:24px;font-weight:700;color:#111827;margin:0 0 4px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.notes-title-section h2:hover{color:#10b981}.notes-title-container{display:flex;align-items:center;gap:8px}.title-edit-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;transition:all .2s;opacity:.7}.title-edit-btn:hover{background:#f3f4f6;color:#10b981;opacity:1}.notes-title-input{font-size:24px;font-weight:700;color:#111827;border:2px solid #10b981;border-radius:6px;padding:4px 8px;outline:none;background:#fff;width:100%;max-width:500px;margin-bottom:4px}.notes-title-input:focus{border-color:#059669}.notes-meta{font-size:12px;color:#6b7280}.last-edited{display:inline-block}.notes-status{display:flex;align-items:center;gap:16px}.presence-avatars{display:flex;align-items:center}.presence-avatar{width:28px;height:28px;border-radius:50%;border:2px solid white;margin-left:-8px;overflow:hidden;background:#e5e7eb;display:flex;align-items:center;justify-content:center;color:#9ca3af}.presence-avatar:first-child{margin-left:0}.presence-avatar img{width:100%;height:100%;object-fit:cover}.presence-more{width:28px;height:28px;border-radius:50%;border:2px solid white;margin-left:-8px;background:#374151;color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}.sync-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#10b981}.sync-status .syncing{animation:spin 1s linear infinite;color:#6b7280}.notes-toolbar{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#f9fafb;border-radius:8px;margin-bottom:16px;flex-wrap:wrap}.toolbar-divider{width:1px;height:24px;background:#e5e7eb;margin:0 8px}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#6b7280;font-size:14px;cursor:pointer;transition:all .2s}.toolbar-btn:hover{background:#e5e7eb;color:#374151}.toolbar-btn.active{background:#10b981;color:#fff}.notes-editor-wrapper{flex:1;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.tiptap-editor-content{padding:24px 24px 24px 48px;min-height:400px;outline:none;font-size:15px;line-height:1.7;color:#374151}.tiptap-editor-content>p,.tiptap-editor-content>h1,.tiptap-editor-content>h2,.tiptap-editor-content>h3,.tiptap-editor-content>ul,.tiptap-editor-content>ol,.tiptap-editor-content>blockquote,.tiptap-editor-content>pre,.tiptap-editor-content>hr,.tiptap-editor-content>.utterance-block{position:relative}.tiptap-editor-content h1{font-size:28px;font-weight:700;color:#111827;margin:24px 0 16px}.tiptap-editor-content h2{font-size:22px;font-weight:600;color:#111827;margin:20px 0 12px}.tiptap-editor-content h3{font-size:18px;font-weight:600;color:#111827;margin:16px 0 10px}.tiptap-editor-content p{margin:0 0 12px}.tiptap-editor-content ul,.tiptap-editor-content ol{padding-left:24px;margin:0 0 12px}.tiptap-editor-content li{margin-bottom:4px}.tiptap-editor-content blockquote{border-left:4px solid #10b981;padding-left:16px;margin:16px 0;color:#6b7280;font-style:italic}.tiptap-editor-content pre{background:#1f2937;color:#f9fafb;padding:16px;border-radius:8px;overflow-x:auto;font-family:monospace;font-size:14px;margin:16px 0}.tiptap-editor-content code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:14px}.tiptap-editor-content ul[data-type=taskList]{list-style:none;padding-left:0}.tiptap-editor-content ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:8px}.tiptap-editor-content ul[data-type=taskList] li>label{margin-top:3px}.tiptap-editor-content ul[data-type=taskList] li>label input{width:16px;height:16px;cursor:pointer}.tiptap-editor-content ul[data-type=taskList] li[data-checked=true]>div{text-decoration:line-through;color:#9ca3af}.tiptap-editor-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#9ca3af;pointer-events:none;height:0}.notes-footer{margin-top:16px;padding:12px 24px;background:#f9fafb;border-radius:8px}.notes-hint{font-size:13px;color:#6b7280}@media (max-width: 768px){.notes-header{flex-direction:column;gap:12px}.notes-title-section h2{font-size:20px}.toolbar-divider{display:none}.notes-toolbar{gap:8px}.tiptap-editor-content{padding:16px;min-height:300px}}.connection-status{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;transition:all .3s}.connection-status.connected{color:#10b981}.connection-status.disconnected{color:#ef4444;animation:pulse 2s infinite}.editors-count{display:inline-block;font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:12px}.offline-warning{display:block;margin-top:8px;font-size:12px;color:#f59e0b}.tiptap-editor-content .utterance-block{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #bfdbfe;border-radius:16px;padding:16px;margin:16px 0;box-shadow:0 2px 8px #3b82f614;transition:all .2s ease}.tiptap-editor-content .utterance-block:hover{border-color:#93c5fd;box-shadow:0 4px 12px #3b82f61f}.utterance-block-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.utterance-block-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid white;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.utterance-block-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;border:2px solid white;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.utterance-block-info{flex:1;min-width:0}.utterance-block-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.utterance-block-name{font-size:14px;font-weight:600;color:#1e40af}.utterance-block-index{font-size:12px;color:#3b82f6;background:#3b82f61a;padding:2px 8px;border-radius:10px;font-weight:500}.utterance-block-time{font-size:12px;color:#64748b}.utterance-block-content{padding-left:52px}.utterance-block-content p{font-size:14px;line-height:1.7;color:#334155;margin:0}.utterance-block-content p+p{margin-top:8px}.utterance-block-content ul,.utterance-block-content ol{margin:12px 0 0;padding-left:20px}.utterance-block-content li{font-size:13px;color:#475569;line-height:1.6;margin-bottom:4px}.utterance-block-content li::marker{color:#3b82f6}@media (prefers-color-scheme: dark){.tiptap-editor-content .utterance-block{background:linear-gradient(135deg,#1e3a5f,#1e293b);border-color:#3b82f6}.utterance-block-name{color:#93c5fd}.utterance-block-content p{color:#e2e8f0}.utterance-block-content li{color:#cbd5e1}}.notes-tabs{display:flex;gap:4px;padding:4px;background:#f3f4f6;border-radius:12px;margin:0 24px 12px}.notes-tab{display:flex;align-items:center;gap:8px;flex:1;padding:10px 16px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;justify-content:center}.notes-tab:hover{background:#ffffff80;color:#374151}.notes-tab.active{background:#fff;color:#10b981;box-shadow:0 1px 3px #0000001a}.notes-tab svg{flex-shrink:0}.tab-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#10b981;color:#fff;font-size:11px;border-radius:50%;margin-left:4px}.notes-toolbar.ai-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0}.ai-toolbar-info{display:flex;align-items:center;gap:12px}.validation-status{display:flex;align-items:center;gap:6px;font-size:13px;padding:6px 12px;border-radius:20px}.validation-status.valid{background:#10b9811a;color:#059669}.validation-status.invalid{background:#f59e0b1a;color:#d97706}.ai-organize-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.ai-organize-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.ai-organize-btn:disabled{opacity:.6;cursor:not-allowed}.ai-organize-btn .spinning{animation:spin 1s linear infinite}.toolbar-status{display:flex;align-items:center;gap:8px;margin-left:auto;padding-left:12px}.sync-status.small{font-size:0;gap:0}.editors-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;background:#10b981;color:#fff;font-size:11px;font-weight:600;border-radius:10px;padding:0 6px}.notes-editor-wrapper.ai-editor{background:#fafafa;border:1px solid #e5e7eb}.notes-editor-wrapper.ai-editor.has-content{background:#fff;border:1px solid #bbf7d0}.notes-editor-wrapper.ai-editor.empty{border:1px dashed #d1d5db}.notes-editor-wrapper.ai-editor .ProseMirror{min-height:400px}.ai-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;color:#6b7280}.ai-empty-state svg{color:#d1d5db;margin-bottom:16px}.ai-empty-state h3{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.ai-empty-state p{font-size:14px;color:#6b7280;margin:0 0 24px;max-width:300px}.ai-generate-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.ai-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.ai-generate-btn:disabled{opacity:.6;cursor:not-allowed}.ai-generate-btn .spinning{animation:spin 1s linear infinite}.notes-footer.ai-footer{display:flex;flex-direction:column;gap:8px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0}.validation-warning{font-size:12px;color:#d97706}@media (max-width: 768px){.notes-tabs{flex-direction:column;gap:4px}.notes-tab{justify-content:flex-start}.notes-toolbar.ai-toolbar{flex-direction:column;gap:12px;align-items:stretch}.ai-organize-btn{justify-content:center}}.block-wrapper{display:flex;align-items:flex-start;gap:8px;position:relative;margin-left:-32px;padding:2px 0}.block-wrapper .block-content{flex:1;min-width:0;outline:none;margin:0!important}.block-wrapper[data-node-type=paragraph]{margin-bottom:8px}.block-wrapper[data-node-type=heading]{margin-top:16px;margin-bottom:8px}.block-wrapper[data-node-type=bulletList],.block-wrapper[data-node-type=orderedList],.block-wrapper[data-node-type=taskList]{margin-bottom:8px}.block-wrapper[data-node-type=blockquote],.block-wrapper[data-node-type=codeBlock]{margin-bottom:12px}.block-wrapper[data-node-type=horizontalRule]{margin:16px 0}.block-wrapper[data-node-type=utteranceBlock]{margin-bottom:12px}.block-drag-handle{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:grab;color:#d1d5db;border-radius:4px;opacity:0;transition:opacity .15s ease,color .15s ease,background .15s ease;-webkit-user-select:none;user-select:none;margin-top:2px}.block-wrapper:hover .block-drag-handle{opacity:.6}.block-drag-handle:hover{opacity:1!important;color:#6b7280;background:#f3f4f6}.block-drag-handle:active{opacity:1!important;cursor:grabbing;color:#10b981;background:#ecfdf5}.block-wrapper.dragging{opacity:.5;background:#f0fdf4;border-radius:4px}.block-wrapper.dragging .block-drag-handle{opacity:1!important;color:#10b981;background:#ecfdf5;cursor:grabbing}.block-wrapper.selected{outline:2px solid #10b981;outline-offset:2px;border-radius:4px}.block-drag-handle svg{width:14px;height:14px;pointer-events:none;flex-shrink:0}.drag-ghost{padding:4px 8px;background:#10b981;color:#fff;border-radius:4px;font-size:12px}.block-wrapper.block-drop-above{position:relative}.block-wrapper.block-drop-above:before{content:"";position:absolute;top:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#059669);border-radius:2px;animation:dropPulse 1s ease-in-out infinite;z-index:100;pointer-events:none}.block-wrapper.block-drop-below{position:relative}.block-wrapper.block-drop-below:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#059669);border-radius:2px;animation:dropPulse 1s ease-in-out infinite;z-index:100;pointer-events:none}@keyframes dropPulse{0%,to{opacity:1}50%{opacity:.6}}.block-locked{position:relative;background:#ef44440d;border-left:3px solid #ef4444;padding-left:12px}.block-locked:before{content:attr(data-locked-by);position:absolute;top:-8px;left:12px;font-size:10px;background:#ef4444;color:#fff;padding:2px 8px;border-radius:4px;white-space:nowrap}.block-locked-self{background:#10b9810d;border-left:3px solid #10b981;padding-left:12px}@media (max-width: 768px){.global-drag-handle{display:none!important}}.block-based-notes{display:flex;flex-direction:column;height:100%;background:var(--background-primary, #fff);border-radius:8px;overflow:hidden;padding:0;box-shadow:-4px 0 6px -2px #0000001f,4px 0 6px -2px #0000001f}.notes-toolbar-container{height:49px;flex-shrink:0;position:relative}.notes-toolbar{display:flex;align-items:center;gap:4px;padding:8px 24px;background:var(--background-secondary, #f8f9fa);border-bottom:1px solid var(--border-color, #e5e7eb);position:absolute;top:0;left:0;right:0;height:48px;box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.notes-toolbar.visible{opacity:1;visibility:visible}.toolbar-group{display:flex;align-items:center;gap:2px}.toolbar-divider{width:1px;height:24px;background:var(--border-color, #e5e7eb);margin:0 8px}.toolbar-btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-secondary, #6b7280);transition:all .15s ease}.toolbar-btn:hover{background:var(--background-hover, #e5e7eb);color:var(--text-primary, #374151)}.toolbar-btn.active{background:var(--primary-bg, #dcfce7);color:var(--primary-color, #10b981)}.toolbar-btn:active{transform:scale(.95)}.toolbar-btn.disabled,.toolbar-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.toolbar-btn.disabled:hover,.toolbar-btn:disabled:hover{background:transparent;transform:none}.block-notes-loading,.block-notes-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;padding:24px;color:var(--text-secondary, #666)}.block-notes-error button{padding:.5rem 1rem;background:var(--primary-color, #10b981);color:#fff;border:none;border-radius:4px;cursor:pointer}.block-list{flex:1;overflow-y:auto;padding:1rem 24px;display:flex;flex-direction:column;gap:2px;min-height:300px}.block-list-empty-space{flex:1;min-height:150px;cursor:text;pointer-events:auto}.block-renderer{position:relative;display:flex;align-items:flex-start;gap:.25rem;padding:.125rem .25rem;border-radius:4px;transition:background-color .15s ease}.block-renderer:hover{background-color:var(--background-hover, #f5f5f5)}.block-renderer.editing{background-color:transparent}.block-renderer.locked{background-color:var(--background-locked, #fff3e0)}.block-renderer.dragging{opacity:.5;background-color:var(--background-dragging, #e3f2fd)}.block-renderer.selected{background-color:var(--background-hover, #f5f5f5)}.block-renderer.selected .block-drag-handle,.block-renderer.selected .block-actions{opacity:1}.marquee-selection{background-color:#10b9811a;border:1px solid var(--primary-color, #10b981);border-radius:2px;z-index:100}.block-list:active{user-select:none;-webkit-user-select:none}.drag-count-badge{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;padding:0 6px;background:var(--primary-color, #10b981);color:#fff;border-radius:10px;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;z-index:9999}.block-drag-overlay .drag-overlay-block{background:var(--background-primary, #fff);border-radius:6px}.multi-drag-placeholder-blocks{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.multi-drag-placeholder-blocks .block-renderer{opacity:.5}.custom-drag-overlay{cursor:grabbing;width:400px;opacity:.95}.drag-overlay-blocks-container{display:flex;flex-direction:column;overflow:visible!important;gap:8px}.block-drag-overlay>.block-renderer,.block-drag-overlay .drag-overlay-block{box-shadow:0 4px 16px #00000026;border-radius:8px;background:var(--background-primary, #fff);overflow:visible}.block-drag-overlay .block-renderer{opacity:1;background-color:var(--background-primary, #fff)}.block-drag-overlay .block-drag-handle{opacity:1;cursor:grabbing}.block-drag-handle{flex-shrink:0;width:20px;height:24px;display:flex;align-items:center;justify-content:center;cursor:grab;color:var(--text-tertiary, #999);opacity:0;transition:opacity .15s ease;border-radius:3px}.block-renderer:hover .block-drag-handle,.block-renderer.editing .block-drag-handle{opacity:1}.block-drag-handle:hover{background-color:var(--background-hover, #eee);color:var(--text-secondary, #666)}.block-drag-handle:active{cursor:grabbing}.block-content-wrapper{flex:1;min-width:0}.block-content-static{cursor:text;min-height:24px;padding:2px 4px;border-radius:3px;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.block-content-static:hover{background-color:var(--background-hover, rgba(0, 0, 0, .03))}.block-list{user-select:text;-webkit-user-select:text}.block-content-static p{margin:0;line-height:1.6}.block-content-static h1,.block-content-static h2,.block-content-static h3{margin:0;line-height:1.3}.block-content-static h1{font-size:1.75rem}.block-content-static h2{font-size:1.375rem}.block-content-static h3{font-size:1.125rem}.block-content-static ul,.block-content-static ol{margin:0;padding-left:1.5rem}.block-content-static blockquote{margin:0;padding-left:1rem;border-left:3px solid var(--primary-color, #10b981);color:var(--text-secondary, #666)}.block-content-static pre{margin:0;padding:.75rem;background:var(--background-code, #f5f5f5);border-radius:4px;overflow-x:auto}.block-content-static code{font-family:Fira Code,Consolas,monospace;font-size:.875rem}.block-content-static .task-list{list-style:none;padding-left:0}.block-content-static .task-item{display:flex;align-items:flex-start;gap:.5rem}.block-content-static .task-item input[type=checkbox]{margin-top:4px}.block-content-static .task-item.checked{text-decoration:line-through;color:var(--text-tertiary, #999)}.block-content-static .utterance-block{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #bfdbfe;border-radius:16px;padding:16px;margin:8px 0;box-shadow:0 2px 8px #3b82f614;transition:all .2s ease}.block-content-static .utterance-block:hover{border-color:#93c5fd;box-shadow:0 4px 12px #3b82f61f}.block-content-static .utterance-block-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.block-content-static .utterance-block-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid white;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.block-content-static .utterance-block-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;flex-shrink:0;border:2px solid white;box-shadow:0 2px 8px #0000001a}.block-content-static .utterance-block-info{flex:1;min-width:0}.block-content-static .utterance-block-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.block-content-static .utterance-block-name{font-size:14px;font-weight:600;color:#1e40af}.block-content-static .utterance-block-index{font-size:12px;color:#3b82f6;background:#3b82f61a;padding:2px 8px;border-radius:10px;font-weight:500}.block-content-static .utterance-block-time{font-size:12px;color:#64748b}.block-content-static .utterance-block-content{padding-left:52px}.block-content-static .utterance-block-content p{font-size:14px;line-height:1.7;color:#334155;margin:0}.block-content-static .utterance-block-content p+p{margin-top:8px}.block-content-static .utterance-block-content ul,.block-content-static .utterance-block-content ol{margin:12px 0 0;padding-left:20px}.block-content-static .utterance-block-content li{font-size:13px;color:#475569;line-height:1.6;margin-bottom:4px}.block-content-static .utterance-block-content li::marker{color:#3b82f6}.block-empty{color:var(--text-tertiary, #999);font-style:italic}.block-lock-indicator{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;gap:4px;padding:2px 6px;background:var(--warning-bg, #fff3e0);color:var(--warning-color, #f57c00);border-radius:4px;font-size:.75rem}.block-lock-indicator .lock-username{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-renderer.editing .block-content-wrapper{border-left:2px solid var(--primary-color, #10b981);padding-left:8px;margin-left:-10px}.block-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.block-renderer:hover .block-actions{opacity:1}.block-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--background-primary, #fff);border:1px solid var(--border-color, #ddd);border-radius:4px;cursor:pointer;color:var(--text-secondary, #666);transition:all .15s ease}.block-action-btn:hover{background:var(--background-hover, #f5f5f5)}.block-action-btn.delete:hover{background:var(--danger-bg, #ffebee);color:var(--danger-color, #e53935);border-color:var(--danger-color, #e53935)}.block-editor-wrapper{width:100%}.block-editor-inline{min-height:24px;padding:2px 4px;border-radius:3px;outline:none;caret-color:var(--primary-color, #10b981)}.block-editor-inline:focus{outline:none}.block-editor-inline p{margin:0;line-height:1.6}.block-editor-inline h1,.block-editor-inline h2,.block-editor-inline h3{margin:0;line-height:1.3}.block-editor-inline h1{font-size:1.75rem}.block-editor-inline h2{font-size:1.375rem}.block-editor-inline h3{font-size:1.125rem}.block-editor-inline ul,.block-editor-inline ol{margin:0;padding-left:1.5rem}.block-editor-inline blockquote{margin:0;padding-left:1rem;border-left:3px solid var(--primary-color, #10b981);color:var(--text-secondary, #666)}.block-editor-inline pre{margin:0;padding:.75rem;background:var(--background-code, #f5f5f5);border-radius:4px;overflow-x:auto}.block-editor-inline code{font-family:Fira Code,Consolas,monospace;font-size:.875rem}.block-editor-inline .task-list{list-style:none;padding-left:0}.block-editor-inline .task-item{display:flex;align-items:flex-start;gap:.5rem}.block-editor-inline p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-tertiary, #aaa);pointer-events:none;height:0}.block-editor-loading{padding:2px 4px;color:var(--text-tertiary, #999);font-style:italic}.presence-avatar.editing{animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 4px #10b98100}}@media (max-width: 768px){.block-list{padding:.5rem}.block-renderer{padding:.1rem .2rem}.block-drag-handle{width:16px}.block-editor-toolbar{flex-wrap:wrap;gap:4px}.block-editor-toolbar button{width:32px;height:32px}}.ai-version-selector{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--background-secondary, #f8f9fa);border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0}.ai-version-selector .version-label{font-size:12px;font-weight:500;color:var(--text-secondary, #6b7280);white-space:nowrap}.ai-version-selector .version-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;background:var(--background-primary, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;cursor:pointer;transition:all .15s ease;color:var(--text-secondary, #6b7280)}.ai-version-selector .version-chip:hover{background:var(--primary-light, #e0e7ff);border-color:var(--primary, #4f46e5);color:var(--primary, #4f46e5)}.ai-version-selector .version-chip.active{background:var(--primary, #4f46e5);border-color:var(--primary, #4f46e5);color:#fff}.ai-version-selector .version-warning{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;font-size:10px;font-weight:700;background:var(--warning, #f59e0b);color:#fff;border-radius:50%}.ai-version-selector .version-loading{display:inline-flex;align-items:center;color:var(--primary, #4f46e5)}.ai-version-selector .version-loading .spin{animation:spin 1s linear infinite}.recording-panel{display:flex;flex-direction:column;gap:20px}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#374151}.section-header h3{font-size:14px;font-weight:600;margin:0}.recording-section{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a}.recording-active .recording-status-box{background:#fef2f2;border-radius:8px;padding:16px;text-align:center;margin-bottom:12px}.recording-indicator{display:flex;align-items:center;justify-content:center;gap:8px;color:#dc2626;font-size:14px;font-weight:600;margin-bottom:8px}.recording-indicator .recording-dot{width:10px;height:10px;background:#dc2626;border-radius:50%;animation:pulse 1.5s infinite}.recording-time{font-size:32px;font-weight:700;font-family:monospace;color:#111827}.recording-hint{font-size:12px;color:#6b7280;margin:0 0 12px;text-align:center}.stop-recording-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#111827;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.stop-recording-btn:hover{background:#1f2937}.recording-inactive .recording-instructions{background:#eff6ff;border-radius:8px;padding:14px;margin-bottom:12px}.recording-instructions p{font-size:13px;color:#1e40af;margin:0 0 8px;font-weight:500}.recording-instructions ol{margin:0;padding-left:20px;font-size:12px;color:#3b82f6}.recording-instructions li{margin-bottom:4px}.start-recording-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.start-recording-btn:hover{background:#b91c1c}.summary-section{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a}.summary-empty{text-align:center;padding:20px 0}.summary-empty-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 16px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff}.summary-empty p{font-size:13px;color:#6b7280;margin:0 0 16px}.generate-summary-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.generate-summary-btn:hover:not(:disabled){background:#059669}.generate-summary-btn:disabled{background:#9ca3af;cursor:not-allowed}.summary-content{display:flex;flex-direction:column;gap:16px}.summary-block{padding-bottom:16px;border-bottom:1px solid #f3f4f6}.summary-block:last-of-type{border-bottom:none}.summary-block-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;color:#374151}.summary-icon{font-size:14px}.summary-oneliner{font-size:14px;line-height:1.5;color:#111827;margin:0}.summary-list{list-style:none;padding:0;margin:0}.summary-list li{position:relative;padding-left:16px;margin-bottom:6px;font-size:13px;color:#4b5563;line-height:1.4}.summary-list li:before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;background:#10b981;border-radius:50%}.summary-quotes{display:flex;flex-direction:column;gap:8px}.summary-quote{background:#f9fafb;border-left:3px solid #10b981;padding:10px 12px;margin:0;font-size:13px;font-style:italic;color:#4b5563;line-height:1.4}.summary-agreements{list-style:none;padding:0;margin:0}.summary-agreements li{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;font-size:13px;line-height:1.4}.summary-agreements li.agreement{color:#059669}.summary-agreements li.disagreement{color:#dc2626}.summary-questions{padding-left:20px;margin:0}.summary-questions li{margin-bottom:6px;font-size:13px;color:#4b5563;line-height:1.4}.summary-actions{display:flex;flex-direction:column;gap:8px;margin-top:8px}.summary-actions .generate-summary-btn{background:#f3f4f6;color:#374151}.summary-actions .generate-summary-btn:hover:not(:disabled){background:#e5e7eb}.insert-to-notes-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.insert-to-notes-btn:hover{background:#059669}.export-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:#f3f4f6;color:#374151;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.export-btn:hover{background:#e5e7eb}.how-it-works{background:#f9fafb;border-radius:8px;padding:14px}.how-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#374151;margin-bottom:6px}.how-it-works p{font-size:12px;color:#6b7280;line-height:1.5;margin:0}@media (max-width: 768px){.summary-empty-icon{width:60px;height:60px}.summary-empty-icon svg{width:28px;height:28px}}.ai-summary-panel{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;overflow:hidden}.ai-summary-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#f0fdf4,#ecfccb);cursor:pointer;border-bottom:1px solid #d1fae5}.ai-summary-title{display:flex;align-items:center;gap:8px;color:#166534}.ai-summary-title h3{font-size:14px;font-weight:600;margin:0}.ai-summary-toggle{background:none;border:none;color:#166534;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.ai-summary-content{padding:12px 16px}.ai-summary-empty{text-align:center;padding:8px 0}.ai-summary-empty p{font-size:12px;color:#6b7280;margin:0 0 12px}.summary-block.compact{padding-bottom:10px;margin-bottom:10px}.summary-block.compact:last-of-type{margin-bottom:0}.summary-list.compact li{margin-bottom:4px;font-size:12px}.summary-list.compact .summary-more{color:#9ca3af;font-style:italic}.summary-list.compact .summary-more:before{display:none}.summary-agreements.compact li{font-size:12px;margin-bottom:4px}.ai-summary-actions{display:flex;gap:8px;margin-top:12px}.ai-summary-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.ai-summary-btn.generate,.ai-summary-btn.regenerate{background:#f3f4f6;color:#374151}.ai-summary-btn.generate:hover:not(:disabled),.ai-summary-btn.regenerate:hover:not(:disabled){background:#e5e7eb}.ai-summary-btn.insert{background:#10b981;color:#fff}.ai-summary-btn.insert:hover{background:#059669}.ai-tabs{display:flex;gap:4px;margin-bottom:16px;background:#f3f4f6;padding:4px;border-radius:8px}.ai-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.ai-tab:hover{color:#374151}.ai-tab.active{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.organized-content{display:flex;flex-direction:column;gap:12px}.validation-status{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:500}.validation-status.valid{background:#f0fdf4;color:#166534}.validation-status.invalid{background:#fef2f2;color:#dc2626}.organized-text-container{background:#f9fafb;border-radius:8px;padding:16px;max-height:400px;overflow-y:auto}.organized-text{font-size:13px;line-height:1.6;color:#374151}.organized-text p{margin:0 0 8px}.organized-text p:last-child{margin-bottom:0}.fragment-id{display:inline-block;padding:2px 6px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:4px;font-size:11px;font-family:monospace;color:#1e40af;margin-right:4px}.organized-features{display:flex;flex-direction:column;gap:8px;margin:16px 0;text-align:left}.feature-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280}.feature-item svg{color:#10b981;flex-shrink:0}.generate-summary-btn.organize-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.generate-summary-btn.organize-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9)}.insert-to-notes-btn:disabled{background:#9ca3af;cursor:not-allowed}.insert-to-notes-btn:disabled:hover{background:#9ca3af}.organized-content-compact{display:flex;flex-direction:column;gap:8px}.organized-text-preview{background:#f9fafb;border-radius:6px;padding:10px;max-height:150px;overflow-y:auto;font-size:12px;line-height:1.5;color:#4b5563}.organized-text-preview p{margin:0 0 4px}.organized-text-preview .organized-more{color:#9ca3af;font-style:italic}.organized-features-compact{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;font-size:11px;color:#6b7280}.organized-features-compact span{display:flex;align-items:center;gap:4px}.organized-features-compact svg{color:#10b981}.ai-summary-btn.organize{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.ai-summary-btn.organize:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9)}.ai-summary-btn:disabled{opacity:.6;cursor:not-allowed}.ai-version-selector{display:flex;align-items:center;gap:8px;padding:8px 0;margin-bottom:12px;border-bottom:1px solid #e5e7eb}.ai-version-selector .version-label{font-size:12px;font-weight:500;color:#6b7280;white-space:nowrap}.ai-version-selector .version-chips{display:flex;gap:6px;flex-wrap:wrap;overflow-x:auto}.ai-version-selector .version-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .15s ease;color:#6b7280}.ai-version-selector .version-chip:hover{background:#f3e8ff;border-color:#8b5cf6;color:#7c3aed}.ai-version-selector .version-chip.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.ai-version-selector .version-chip:disabled{opacity:.5;cursor:not-allowed}.ai-version-selector .version-warning{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;font-size:10px;font-weight:700;background:#f59e0b;color:#fff;border-radius:50%}.ai-version-selector .version-loading{display:inline-flex;align-items:center;color:#8b5cf6}.ai-version-selector .version-loading .spin{animation:rightpanel-spin 1s linear infinite}@keyframes rightpanel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.utterance-panel-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.utterance-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary, #f8f9fa);border-radius:12px;overflow:hidden}.utterance-panel-header{padding:16px;background:var(--bg-primary, #ffffff);border-bottom:1px solid var(--border-color, #e5e7eb)}.header-title{display:flex;align-items:center;gap:8px;margin-bottom:12px}.header-title h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary, #1f2937)}.utterance-count{background:var(--primary-color, #3b82f6);color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px}.auto-insert-toggle{display:flex;align-items:center;gap:8px}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:20px}.toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-color, #3b82f6)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.toggle-label{font-size:12px;color:var(--text-secondary, #6b7280)}.utterance-disabled-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8fafc;border-bottom:1px solid var(--border-color, #e5e7eb);color:#94a3b8;font-size:12px;line-height:1.4}.utterance-disabled-banner svg{flex-shrink:0}.processing-indicator{padding:12px 16px;background:var(--bg-info, #eff6ff);border-bottom:1px solid var(--border-color, #e5e7eb)}.processing-content{display:flex;align-items:center;gap:8px;margin-bottom:8px}.processing-spinner{animation:spin 1s linear infinite;color:var(--primary-color, #3b82f6)}.processing-text{font-size:13px;color:var(--text-primary, #1f2937)}.progress-bar{height:4px;background:var(--bg-tertiary, #e5e7eb);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--primary-color, #3b82f6);transition:width .3s ease}.processing-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-error, #fef2f2);color:var(--error-color, #dc2626);font-size:13px;border-bottom:1px solid var(--border-color, #e5e7eb)}.utterance-list{flex:1;overflow-y:auto;padding:8px}.utterance-item{background:var(--bg-primary, #ffffff);border-radius:8px;margin-bottom:8px;overflow:hidden;border:1px solid var(--border-color, #e5e7eb);transition:box-shadow .2s}.utterance-item:hover{box-shadow:0 2px 8px #0000000d}.utterance-item.expanded{box-shadow:0 2px 8px #0000001a}.utterance-header{display:flex;justify-content:space-between;align-items:center;padding:12px;cursor:pointer;transition:background-color .2s}.utterance-header:hover{background:var(--bg-hover, #f9fafb)}.speaker-info{display:flex;align-items:center;gap:8px}.speaker-photo{width:28px;height:28px;border-radius:50%;object-fit:cover}.speaker-avatar{width:28px;height:28px;border-radius:50%;background:var(--bg-tertiary, #e5e7eb);display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #6b7280)}.speaker-name{font-size:13px;font-weight:500;color:var(--text-primary, #1f2937)}.utterance-index{font-size:11px;color:var(--text-tertiary, #9ca3af)}.utterance-meta{display:flex;align-items:center;gap:8px}.duration{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary, #6b7280)}.inserted-badge{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--success-color, #22c55e);color:#fff}.utterance-content{padding:0 12px 12px;border-top:1px solid var(--border-color, #e5e7eb)}.view-mode-toggle{display:flex;gap:4px;padding:8px 0}.view-mode-toggle button{padding:6px 12px;font-size:12px;border:none;border-radius:6px;background:var(--bg-tertiary, #e5e7eb);color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s}.view-mode-toggle button:hover{background:var(--bg-hover, #d1d5db)}.view-mode-toggle button.active{background:var(--primary-color, #3b82f6);color:#fff}.text-content{padding:12px;background:var(--bg-secondary, #f8f9fa);border-radius:8px;font-size:13px;line-height:1.6;color:var(--text-primary, #1f2937);white-space:pre-wrap;max-height:200px;overflow-y:auto}.utterance-summary{margin-top:12px}.summary-section{margin-bottom:12px}.summary-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-secondary, #6b7280);margin-bottom:6px}.utterance-summary ul{margin:0;padding-left:20px}.utterance-summary li{font-size:12px;color:var(--text-primary, #1f2937);margin-bottom:4px}.topics-section{display:flex;align-items:flex-start;gap:8px;margin-top:8px}.topics-section>svg{margin-top:4px;color:var(--text-tertiary, #9ca3af)}.topic-tags{display:flex;flex-wrap:wrap;gap:6px}.topic-tag{padding:4px 10px;font-size:11px;background:var(--bg-tertiary, #e5e7eb);color:var(--text-secondary, #6b7280);border-radius:12px}.utterance-actions{display:flex;gap:8px;margin-top:12px}.insert-text-btn,.insert-summary-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:12px;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.insert-text-btn{background:var(--primary-color, #3b82f6);color:#fff}.insert-text-btn:hover{background:var(--primary-hover, #2563eb)}.insert-text-btn.inserted{background:var(--success-color, #22c55e)}.insert-text-btn.inserted:hover{background:var(--success-hover, #16a34a)}.insert-summary-btn{background:var(--bg-tertiary, #e5e7eb);color:var(--text-primary, #1f2937)}.insert-summary-btn:hover{background:var(--bg-hover, #d1d5db)}.utterance-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{width:64px;height:64px;border-radius:50%;background:var(--bg-tertiary, #e5e7eb);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary, #9ca3af);margin-bottom:16px}.empty-title{font-size:14px;font-weight:500;color:var(--text-primary, #1f2937);margin:0 0 8px}.empty-hint{font-size:12px;color:var(--text-secondary, #6b7280);margin:0;max-width:240px}.utterance-list::-webkit-scrollbar,.text-content::-webkit-scrollbar{width:6px}.utterance-list::-webkit-scrollbar-track,.text-content::-webkit-scrollbar-track{background:transparent}.utterance-list::-webkit-scrollbar-thumb,.text-content::-webkit-scrollbar-thumb{background:var(--border-color, #e5e7eb);border-radius:3px}.utterance-list::-webkit-scrollbar-thumb:hover,.text-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary, #9ca3af)}@media (max-width: 768px){.utterance-actions{flex-direction:column}.insert-text-btn,.insert-summary-btn{width:100%;justify-content:center}}.about-page{min-height:100vh;background:#f8fafc}.about-features{position:relative;padding:80px 24px;background:#f8fafc}.about-features-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3;background-image:radial-gradient(circle at 2px 2px,rgb(15,23,42) 1px,transparent 0px);background-size:40px 40px;pointer-events:none}.about-features-container{position:relative;z-index:1;max-width:1200px;margin:0 auto}.about-features-header{text-align:center;margin-bottom:60px}.about-features-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border-radius:9999px;margin-bottom:24px;box-shadow:0 10px 15px -3px #0000001a;border:1px solid rgba(245,158,11,.1)}.features-badge-dot{width:8px;height:8px;background:#f59e0b;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.about-features-badge span{font-size:12px;font-weight:700;color:#f59e0b;text-transform:uppercase;letter-spacing:.7px}.about-features-title{font-size:48px;font-weight:900;color:#0f172a;margin:0 0 24px;letter-spacing:-1.5px}.about-features-subtitle{font-size:18px;color:#475569;max-width:600px;margin:0 auto;line-height:1.7;font-weight:400}.about-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:48px}.about-feature-card{position:relative;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a;border:1px solid rgba(226,232,240,1);transition:all .5s ease;cursor:pointer}.about-feature-card:hover{box-shadow:0 25px 50px -12px #00000040;transform:translateY(-8px)}.feature-card-hover-bg{display:none}.feature-card-accent{position:absolute;left:0;top:0;bottom:0;width:4px;transform:scaleY(0);transform-origin:top;transition:transform .5s ease}.feature-accent-primary{background:linear-gradient(to bottom,#0f172a,#0f172a99)}.feature-accent-secondary,.feature-accent-accent{background:linear-gradient(to bottom,#06b6d4,#06b6d499)}.about-feature-card:hover .feature-card-accent{transform:scaleY(1)}.feature-card-content{position:relative;padding:32px;display:flex;flex-direction:column;height:100%}.feature-card-header{display:flex;align-items:flex-start;gap:24px;margin-bottom:24px}.feature-card-icon{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 10px 15px -3px #0000001a;transition:all .3s ease}.feature-icon-bg-primary{background:linear-gradient(to bottom right,#0f172a,#0f172acc)}.feature-icon-bg-secondary,.feature-icon-bg-accent{background:linear-gradient(to bottom right,#06b6d4,#06b6d4cc)}.feature-card-icon i{font-size:36px;color:#fff}.about-feature-card:hover .feature-card-icon{transform:scale(1.1) rotate(3deg)}.feature-card-text{flex:1}.feature-card-text h3{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 12px}.feature-card-text p{font-size:15px;color:#475569;line-height:1.6;margin:0}.feature-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.feature-tag{padding:8px 16px;border-radius:9999px;font-size:13px;font-weight:600;border:1px solid rgba(226,232,240,.5)}.feature-tag-primary{background:#0f172a0d;color:#0f172a}.feature-tag-secondary,.feature-tag-accent{background:#06b6d41a;color:#0f172a}.feature-card-image{position:relative;height:180px;border-radius:16px;overflow:hidden;margin-top:auto;transition:height .5s ease}.about-feature-card:hover .feature-card-image{height:200px}.feature-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.about-feature-card:hover .feature-card-image img{transform:scale(1.1)}.feature-card-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.3),transparent)}.feature-card-arrow{position:absolute;bottom:32px;right:32px;width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 10px 15px -3px #0000001a;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(16px);transition:all .3s ease}.feature-card-arrow i{font-size:20px;color:#f59e0b}.about-feature-card:hover .feature-card-arrow{opacity:1;transform:translate(0)}.about-features-small{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px}.about-feature-small-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 15px -3px #0000001a;border:1px solid rgba(226,232,240,1);transition:all .3s ease;cursor:pointer}.about-feature-small-card:hover{box-shadow:0 20px 25px -5px #00000026;transform:translateY(-4px)}.feature-small-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 4px 6px -1px #0000001a;transition:transform .3s ease}.about-feature-small-card:hover .feature-small-icon{transform:scale(1.1)}.feature-small-icon i{font-size:24px;color:#fff}.feature-small-icon-primary{background:linear-gradient(to bottom right,#0f172a,#0f172acc)}.feature-small-icon-secondary{background:linear-gradient(to bottom right,#f59e0b,#f59e0bcc)}.feature-small-icon-accent{background:linear-gradient(to bottom right,#06b6d4,#06b6d4cc)}.about-feature-small-card h4{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 8px}.about-feature-small-card p{font-size:14px;color:#475569;line-height:1.6;margin:0}.about-comparison{background:#fff;border-radius:24px;padding:48px;box-shadow:0 20px 25px -5px #0000001a;border:1px solid rgba(226,232,240,1);margin-bottom:48px}.about-comparison-title{font-size:28px;font-weight:700;color:#0f172a;text-align:center;margin:0 0 32px}.about-comparison-table-wrapper{overflow-x:auto}.about-comparison-table{width:100%;border-collapse:collapse}.about-comparison-table th,.about-comparison-table td{padding:16px 24px;text-align:center}.about-comparison-table thead tr{border-bottom:2px solid rgba(245,158,11,.2)}.about-comparison-table th{font-size:14px;font-weight:600;color:#475569}.about-comparison-table th:first-child{text-align:left}.about-comparison-table th.highlight{background:#f59e0b1a;border-radius:12px 12px 0 0;color:#f59e0b;font-weight:600}.about-comparison-table tbody tr{border-bottom:1px solid rgba(226,232,240,1);transition:background .3s ease}.about-comparison-table tbody tr:hover{background:#f8fafc}.about-comparison-table tbody tr:last-child{border-bottom:none}.about-comparison-table td{font-size:14px;color:#475569}.about-comparison-table td.item-label{font-weight:500;color:#0f172a;text-align:left}.about-comparison-table td.highlight{background:#f59e0b1a;color:#f59e0b;font-weight:500}.about-comparison-table tbody tr:last-child td.highlight{border-radius:0 0 12px 12px}.about-features-cta{text-align:center}.about-features-cta p{font-size:18px;color:#475569;margin:0 0 24px}.about-cta-button{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:#0f172a;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 15px -3px #0f172a4d}.about-cta-button:hover{background:#1e293b;transform:scale(1.05);box-shadow:0 20px 25px -5px #0f172a66}.about-cta-button i{font-size:18px;transition:transform .3s ease}.about-cta-button:hover i{transform:translate(4px)}@media (max-width: 1024px){.about-features-grid{grid-template-columns:1fr;gap:24px}.about-features-small{grid-template-columns:repeat(2,1fr)}.about-features-title{font-size:36px}}.about-testimonials{padding:80px 24px;background:#fff}.about-testimonials-container{max-width:1200px;margin:0 auto}.about-testimonials-header{text-align:center;margin-bottom:48px}.about-testimonials-header h2{font-size:48px;font-weight:900;color:#0f172a;margin:0 0 16px;letter-spacing:-1.5px}.about-testimonials-header p{font-size:18px;color:#475569;max-width:600px;margin:0 auto;line-height:1.7}.about-testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.about-testimonial-card{position:relative;background:#fff;border-radius:24px;padding:32px;box-shadow:0 10px 15px -3px #0000001a;border:1px solid rgba(15,23,42,.1);transition:all .5s ease;cursor:default}.about-testimonial-card:hover{box-shadow:0 25px 50px -12px #00000040;transform:translateY(-8px)}.testimonial-quote-icon{position:absolute;top:32px;right:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.testimonial-quote-icon i{font-size:48px;color:#f59e0b33}.testimonial-content{position:relative}.testimonial-author{display:flex;align-items:center;gap:16px;margin-bottom:24px}.testimonial-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border-width:4px;border-style:solid}.testimonial-avatar-primary{border-color:#0f172a33}.testimonial-avatar-secondary{border-color:#f59e0b33}.testimonial-avatar-accent{border-color:#06b6d433}.testimonial-author-info h4{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 4px}.testimonial-author-info p{font-size:14px;color:#475569;margin:0}.testimonial-stars{display:flex;gap:4px;margin-bottom:16px}.testimonial-stars i{font-size:20px;color:#f59e0b}.testimonial-text{font-size:15px;color:#475569;line-height:1.7;margin:0}@media (max-width: 1024px){.about-testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.about-testimonials{padding:48px 16px}.about-testimonials-header h2{font-size:28px;letter-spacing:-1px}.about-testimonials-header p{font-size:16px}.about-testimonials-grid{grid-template-columns:1fr;gap:24px}.about-testimonial-card{padding:24px}.testimonial-quote-icon{top:24px;right:24px}.testimonial-avatar{width:56px;height:56px}}.about-pricing{position:relative;padding:100px 24px;background:#f8fafc;overflow:hidden}.pricing-bg-decoration{position:absolute;border-radius:50%;filter:blur(48px)}.pricing-bg-1{top:25%;left:0;width:384px;height:384px;background:#f59e0b0d}.pricing-bg-2{bottom:25%;right:0;width:384px;height:384px;background:#0f172a0d}.about-pricing-container{position:relative;max-width:1200px;margin:0 auto}.about-pricing-header{text-align:center;margin-bottom:48px}.about-pricing-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border-radius:9999px;margin-bottom:24px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid rgba(245,158,11,.1)}.pricing-badge-dot{width:8px;height:8px;background:#f59e0b;border-radius:50%}.about-pricing-badge span{font-size:12px;font-weight:700;color:#f59e0b;text-transform:uppercase;letter-spacing:.7px}.about-pricing-header h2{font-size:48px;font-weight:900;color:#0f172a;margin:0 0 24px;letter-spacing:-1.5px}.about-pricing-header>p{font-size:18px;color:#475569;max-width:600px;margin:0 auto 32px;line-height:1.7}.pricing-billing-toggle{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:16px;padding:8px;box-shadow:0 10px 15px -3px #0000001a;border:1px solid rgba(226,232,240,1)}.billing-toggle-btn{position:relative;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;background:transparent;border:none;color:#475569}.billing-toggle-btn:hover{background:#f1f5f9}.billing-toggle-btn.active{background:#0f172a;color:#fff;box-shadow:0 4px 6px -1px #0f172a4d}.billing-discount-badge{position:absolute;top:-8px;right:-8px;padding:4px 8px;background:#f59e0b;color:#fff;font-size:10px;font-weight:700;border-radius:9999px;white-space:nowrap}.about-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1100px;margin:0 auto 60px;align-items:start}.about-pricing-card{position:relative;background:#fff;border-radius:24px;padding:32px;border:2px solid rgba(226,232,240,1);box-shadow:0 10px 15px -3px #0000001a;transition:all .5s ease}.about-pricing-card:hover{box-shadow:0 25px 50px -12px #00000026;transform:translateY(-8px)}.about-pricing-card.pricing-card-featured{border-color:#f59e0b;box-shadow:0 25px 50px -12px #00000040;transform:scale(1.05);z-index:1}.about-pricing-card.pricing-card-featured:hover{transform:scale(1.05) translateY(-8px)}.pricing-popular-badge{position:absolute;top:-20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 24px;background:linear-gradient(to right,#f59e0b,#d97706);color:#fff;border-radius:9999px;font-size:13px;font-weight:700;box-shadow:0 10px 15px -3px #f59e0b66;white-space:nowrap}.pricing-popular-badge i{font-size:14px}.pricing-card-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 10px 15px -3px #0000001a}.pricing-card-icon i{font-size:28px;color:#fff}.pricing-icon-free{background:linear-gradient(to bottom right,#64748b,#475569)}.pricing-icon-premium{background:linear-gradient(to bottom right,#f59e0b,#d97706)}.pricing-icon-team{background:linear-gradient(to bottom right,#06b6d4,#0891b2)}.pricing-card-header{text-align:center;margin-bottom:32px}.pricing-card-header h3{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 12px}.pricing-price{display:flex;align-items:flex-end;justify-content:center;gap:4px;margin-bottom:16px}.price-amount{font-size:48px;font-weight:900;color:#0f172a;line-height:1}.price-period{font-size:16px;color:#475569;margin-bottom:8px}.pricing-card-header>p{font-size:14px;color:#475569;margin:0}.pricing-features{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:16px}.pricing-features li{display:flex;align-items:flex-start;gap:12px}.pricing-check{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:transform .3s ease}.pricing-features li:hover .pricing-check{transform:scale(1.1)}.pricing-check i{font-size:12px;color:#fff;font-weight:700}.pricing-check-free{background:linear-gradient(to bottom right,#64748b,#475569)}.pricing-check-premium{background:linear-gradient(to bottom right,#f59e0b,#d97706)}.pricing-check-team{background:linear-gradient(to bottom right,#06b6d4,#0891b2)}.pricing-features li span{font-size:14px;color:#334155;line-height:1.5}.pricing-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.pricing-btn i{font-size:18px;transition:transform .3s ease}.pricing-btn:hover i{transform:translate(4px)}.pricing-btn-outline{background:transparent;border:2px solid #0F172A;color:#0f172a}.pricing-btn-outline:hover{background:#0f172a;color:#fff;transform:scale(1.02)}.pricing-btn-primary{background:linear-gradient(to right,#f59e0b,#d97706);border:none;color:#fff;box-shadow:0 10px 15px -3px #f59e0b66}.pricing-btn-primary:hover{box-shadow:0 20px 25px -5px #f59e0b80;transform:scale(1.02)}.about-pricing-comparison{background:#fff;border-radius:24px;padding:48px;box-shadow:0 20px 25px -5px #0000001a;border:1px solid rgba(226,232,240,1);margin-bottom:60px;overflow:hidden}.about-pricing-comparison h3{font-size:28px;font-weight:700;color:#0f172a;text-align:center;margin:0 0 32px}.pricing-comparison-table-wrapper{overflow-x:auto}.pricing-comparison-table{width:100%;border-collapse:collapse}.pricing-comparison-table th,.pricing-comparison-table td{padding:16px 24px;text-align:center}.pricing-comparison-table thead tr{border-bottom:2px solid rgba(226,232,240,1)}.pricing-comparison-table th{font-size:14px;font-weight:700;color:#0f172a}.pricing-comparison-table th:first-child{text-align:left}.pricing-comparison-table th.highlight{background:#f59e0b1a;border-radius:12px 12px 0 0;color:#f59e0b;font-weight:700}.pricing-comparison-table tbody tr{border-bottom:1px solid rgba(226,232,240,1);transition:background .3s ease}.pricing-comparison-table tbody tr:hover{background:#f8fafc}.pricing-comparison-table tbody tr:last-child{border-bottom:none}.pricing-comparison-table td{font-size:14px;color:#475569}.pricing-comparison-table td.feature-name{font-weight:500;color:#0f172a;text-align:left}.pricing-comparison-table td.highlight{background:#f59e0b1a;color:#f59e0b;font-weight:600}.pricing-comparison-table tbody tr:last-child td.highlight{border-radius:0 0 12px 12px}.pricing-comparison-table i.enabled{color:#f59e0b;font-size:20px}.pricing-comparison-table i.disabled{color:#cbd5e1;font-size:20px}.about-pricing-faq{max-width:800px;margin:0 auto}.about-pricing-faq h3{font-size:28px;font-weight:700;color:#0f172a;text-align:center;margin:0 0 48px}.pricing-faq-list{display:flex;flex-direction:column;gap:16px}.pricing-faq-item{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid rgba(226,232,240,1);transition:all .3s ease}.pricing-faq-item:hover{box-shadow:0 10px 15px -3px #0000001a}.pricing-faq-item summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.pricing-faq-item summary::-webkit-details-marker{display:none}.pricing-faq-item summary span{font-size:18px;font-weight:700;color:#0f172a}.pricing-faq-item summary i{font-size:24px;color:#f59e0b;transition:transform .3s ease}.pricing-faq-item[open] summary i{transform:rotate(180deg)}.pricing-faq-item p{margin:16px 0 0 8px;font-size:15px;color:#475569;line-height:1.7}@media (max-width: 1024px){.about-pricing-grid{grid-template-columns:1fr;max-width:400px}.about-pricing-card.pricing-card-featured{transform:none;order:-1}.about-pricing-card.pricing-card-featured:hover{transform:translateY(-8px)}}@media (max-width: 768px){.about-pricing{padding:48px 16px}.about-pricing-header h2{font-size:28px;letter-spacing:-1px}.about-pricing-header>p{font-size:16px}.pricing-billing-toggle{flex-direction:column;width:100%;max-width:280px}.billing-toggle-btn{width:100%}.billing-discount-badge{position:static;margin-left:8px}.about-pricing-card{padding:24px}.pricing-popular-badge{top:-16px;padding:6px 16px;font-size:12px}.price-amount{font-size:40px}.about-pricing-comparison{padding:24px 16px}.about-pricing-comparison h3{font-size:22px}.pricing-comparison-table th,.pricing-comparison-table td{padding:12px 8px;font-size:12px}.about-pricing-faq h3{font-size:22px;margin-bottom:32px}.pricing-faq-item{padding:20px}.pricing-faq-item summary span{font-size:16px}}.about-contact-cta{margin-top:60px;text-align:center;background:linear-gradient(to right,#0f172a,#1e293b);border-radius:24px;padding:64px 48px;color:#fff}.about-contact-cta h3{font-size:28px;font-weight:700;margin:0 0 16px}.about-contact-cta p{font-size:16px;color:#fffc;max-width:500px;margin:0 auto 32px;line-height:1.6}.about-contact-btn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:#fff;color:#0f172a;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 20px 25px -5px #0000004d;white-space:nowrap}.about-contact-btn:hover{background:#f1f5f9;transform:scale(1.05)}.about-contact-btn i{font-size:20px}@media (max-width: 768px){.about-contact-cta{margin-top:40px;padding:40px 24px}.about-contact-cta h3{font-size:22px}.about-contact-cta p{font-size:15px}.about-contact-btn{padding:14px 24px;font-size:15px}}.about-final-cta{position:relative;padding:100px 24px;background:linear-gradient(to bottom right,#0f172a,#0f172af2,#0f172ae6);overflow:hidden}.final-cta-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;background-image:radial-gradient(circle at 2px 2px,white 1px,transparent 0px);background-size:48px 48px}.final-cta-glow{position:absolute;border-radius:50%;filter:blur(32px);animation:pulse 4s ease-in-out infinite}.final-cta-glow-1{top:80px;left:40px;width:80px;height:80px;background:#f59e0b33}.final-cta-glow-2{bottom:80px;right:40px;width:128px;height:128px;background:#06b6d433;animation-delay:1s}.about-final-cta-container{position:relative;z-index:1;max-width:800px;margin:0 auto;text-align:center}.final-cta-icon{width:80px;height:80px;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 32px;box-shadow:0 20px 25px -5px #0000004d}.final-cta-icon i{font-size:48px;color:#fff}.about-final-cta-container h2{font-size:48px;font-weight:900;color:#fff;margin:0 0 24px;letter-spacing:-1.5px;line-height:1.2}.about-final-cta-container>p{font-size:20px;color:#ffffffe6;line-height:1.7;max-width:500px;margin:0 auto 48px}.final-cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:48px}.final-cta-btn-primary,.final-cta-btn-outline{display:flex;align-items:center;gap:12px;padding:20px 40px;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.final-cta-btn-primary{background:#fff;color:#0f172a;border:none;box-shadow:0 25px 50px -12px #00000080}.final-cta-btn-primary:hover{background:#ffffffe6;transform:scale(1.05)}.final-cta-btn-primary i{font-size:24px}.final-cta-btn-primary i.arrow{font-size:20px;transition:transform .3s ease}.final-cta-btn-primary:hover i.arrow{transform:translate(4px)}.final-cta-btn-outline{background:transparent;color:#fff;border:2px solid white}.final-cta-btn-outline:hover{background:#fff;color:#0f172a;transform:scale(1.05)}.final-cta-btn-outline i{font-size:24px}.final-cta-btn-outline i.compass{transition:transform .3s ease}.final-cta-btn-outline:hover i.compass{transform:rotate(45deg)}.final-cta-features{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:32px;margin-bottom:48px;color:#fffc}.final-cta-feature{display:flex;align-items:center;gap:8px}.final-cta-feature i{font-size:20px}.final-cta-feature i.star{color:#f59e0b}.final-cta-feature span{font-size:14px;font-weight:500}.final-cta-social{padding-top:48px;border-top:1px solid rgba(255,255,255,.2)}.final-cta-avatars{display:flex;justify-content:center;margin-bottom:16px}.final-cta-avatars img{width:48px;height:48px;border-radius:50%;border:4px solid #0F172A;object-fit:cover;margin-left:-12px}.final-cta-avatars img:first-child{margin-left:0}.final-cta-social p{font-size:16px;color:#ffffffe6;font-weight:500;margin:0}.final-cta-social p .highlight{color:#f59e0b;font-weight:700}@media (max-width: 768px){.about-final-cta{padding:60px 16px}.final-cta-icon{width:64px;height:64px;margin-bottom:24px}.final-cta-icon i{font-size:36px}.about-final-cta-container h2{font-size:32px;letter-spacing:-1px}.about-final-cta-container>p{font-size:16px;margin-bottom:32px}.final-cta-buttons{flex-direction:column;align-items:center}.final-cta-btn-primary,.final-cta-btn-outline{width:100%;max-width:300px;padding:16px 32px;font-size:16px;justify-content:center}.final-cta-features{gap:16px}.final-cta-feature span{font-size:13px}.final-cta-avatars img{width:40px;height:40px;margin-left:-10px}.final-cta-social p{font-size:14px}}@media (max-width: 768px){.about-features{padding:48px 16px}.about-features-header{margin-bottom:40px}.about-features-title{font-size:28px;letter-spacing:-1px}.about-features-subtitle{font-size:16px}.about-features-small{grid-template-columns:1fr;gap:16px}.feature-card-content{padding:24px}.feature-card-header{flex-direction:column;gap:16px}.feature-card-icon{width:64px;height:64px}.feature-card-icon i{font-size:28px}.feature-card-text h3{font-size:20px}.feature-card-image{height:150px}.about-feature-card:hover .feature-card-image{height:160px}.about-comparison{padding:24px 16px}.about-comparison-title{font-size:22px}.about-comparison-table th,.about-comparison-table td{padding:12px 8px;font-size:12px}.about-features-cta p{font-size:16px}.about-cta-button{padding:14px 24px;font-size:15px}}.help-page{min-height:100vh;background:#f9fafb;padding:48px 24px}.help-container{max-width:800px;margin:0 auto}.help-header{text-align:center;margin-bottom:48px}.help-header h1{font-size:36px;font-weight:700;color:#0f172a;margin:0 0 12px}.help-header p{font-size:18px;color:#64748b;margin:0}.help-faq-section{margin-bottom:64px}.help-faq-section h2{font-size:24px;font-weight:700;color:#0f172a;text-align:center;margin:0 0 32px}.help-faq-list{display:flex;flex-direction:column;gap:16px}.help-faq-item{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0;transition:box-shadow .2s ease}.help-faq-item:hover{box-shadow:0 10px 15px -3px #0000001a}.help-faq-item summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.help-faq-item summary::-webkit-details-marker{display:none}.help-faq-item summary span{font-size:18px;font-weight:600;color:#0f172a}.help-faq-item summary i{font-size:24px;color:#059669;transition:transform .3s ease}.help-faq-item[open] summary i{transform:rotate(180deg)}.help-faq-item p{margin:16px 0 0;font-size:15px;color:#475569;line-height:1.7}.help-contact-section{background:#fff;border-radius:20px;padding:40px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0}.help-contact-section h2{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 8px}.help-contact-subtitle{font-size:15px;color:#64748b;margin:0 0 32px}.help-contact-form{display:flex;flex-direction:column;gap:24px}.help-form-group{display:flex;flex-direction:column;gap:8px}.help-form-group label{font-size:14px;font-weight:600;color:#334155}.help-form-group input,.help-form-group textarea{padding:14px 16px;border:1px solid #e2e8f0;border-radius:12px;font-size:15px;font-family:inherit;color:#0f172a;outline:none;transition:all .2s}.help-form-group input::placeholder,.help-form-group textarea::placeholder{color:#94a3b8}.help-form-group input:focus,.help-form-group textarea:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a}.help-form-group textarea{resize:none;min-height:150px;line-height:1.6}.help-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;background:#06b6d4;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.help-submit-btn:hover:not(:disabled){background:#0f172a;box-shadow:0 4px 12px #0596694d}.help-submit-btn:disabled{background:#94a3b8;cursor:not-allowed}.help-submit-btn i{font-size:20px}@keyframes ri-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ri-spin{animation:ri-spin 1s linear infinite}.help-submit-message{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border-radius:12px;font-size:15px;font-weight:500}.help-submit-message.success{background:#f0fdf4;color:#059669;border:1px solid #bbf7d0}.help-submit-message.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.help-submit-message i{font-size:20px}@media (max-width: 640px){.help-page{padding:32px 16px}.help-header h1{font-size:28px}.help-header p{font-size:16px}.help-faq-section h2,.help-contact-section h2{font-size:20px}.help-faq-item{padding:20px}.help-faq-item summary span{font-size:16px}.help-contact-section{padding:24px}}.footer{background-color:#0f172a;border-top:1px solid rgba(15,23,42,.2);color:#cbd5e1;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:48px 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:32px}.footer-brand{max-width:400px}.footer-logo{display:inline-flex;align-items:center;text-decoration:none;margin-bottom:16px}.footer-logo-text{font-family:Pacifico,cursive;font-size:24px;font-weight:400;color:#fff}.footer-description{font-size:14px;line-height:1.6;color:#cbd5e1;margin:0 0 16px;max-width:400px}.footer-social{display:flex;gap:16px}.footer-social-link{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#94a3b8;transition:color .3s ease}.footer-social-link:hover{color:#f59e0b}.footer-social-link i{font-size:20px}.footer-section-title{font-size:14px;font-weight:600;color:#f59e0b;margin:0 0 16px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:8px}.footer-links a{display:inline-flex;align-items:center;gap:8px;color:#cbd5e1;text-decoration:none;font-size:14px;transition:color .3s ease}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid rgba(15,23,42,.2)}.footer-copyright{font-size:14px;color:#94a3b8;margin:0}.footer-bottom-links{display:flex;align-items:center;gap:24px}.footer-bottom-links a{font-size:14px;color:#94a3b8;text-decoration:none;transition:color .3s ease}.footer-bottom-links a:hover{color:#f59e0b}@media (max-width: 768px){.footer-container{padding:32px 16px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:span 2}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.footer-bottom-links{justify-content:center}}@media (max-width: 480px){.footer-grid{grid-template-columns:1fr;gap:24px}.footer-brand{grid-column:span 1}.footer-bottom-links{flex-direction:column;gap:12px}}.notes-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f8fafc}.notes-login-required{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#64748b}.notes-login-required h2{margin:24px 0 16px;font-size:24px;font-weight:600;color:#0f172a}.notes-login-btn{margin-top:16px;padding:12px 32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.notes-login-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.notes-hero{position:relative;background:#fff;padding:64px 24px;overflow:hidden}.notes-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.3;background-image:radial-gradient(circle at 2px 2px,rgb(15,23,42) 1px,transparent 0px);background-size:40px 40px}.notes-hero-content{position:relative;max-width:1280px;margin:0 auto}.notes-hero-inner{max-width:768px}.notes-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #a7f3d0;border-radius:9999px;font-size:14px;font-weight:600;color:#047857;margin-bottom:24px;box-shadow:0 1px 2px #0000000d}.notes-badge-dot{position:relative;display:flex;width:8px;height:8px}.notes-badge-dot-ping{position:absolute;display:inline-flex;width:100%;height:100%;border-radius:50%;background:#34d399;opacity:.75;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.notes-badge-dot-core{position:relative;display:inline-flex;width:8px;height:8px;border-radius:50%;background:#10b981}.notes-hero-title{font-size:48px;font-weight:700;color:#0f172a;margin:0 0 24px;line-height:1.1}.notes-hero-subtitle{font-size:20px;color:#475569;margin:0 0 32px;line-height:1.6}.notes-stats{display:flex;align-items:center;gap:32px}.notes-stat-card{display:flex;align-items:center;gap:8px}.notes-stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;font-size:20px}.notes-stat-icon.emerald{background:#d1fae5;color:#059669}.notes-stat-icon.amber{background:#fef3c7;color:#d97706}.notes-stat-icon.blue{background:#dbeafe;color:#2563eb}.notes-stat-info{display:flex;flex-direction:column}.notes-stat-value{font-size:24px;font-weight:700;color:#0f172a;line-height:1.2}.notes-stat-label{font-size:14px;color:#475569}.notes-controls{position:sticky;top:0;z-index:10;background:#fff;padding:20px 24px;border-bottom:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d}.notes-controls-row{display:flex;align-items:center;gap:16px;max-width:1280px;margin:0 auto}.notes-controls-bottom{margin-top:16px;justify-content:space-between}.notes-search{position:relative;flex:1;max-width:400px}.notes-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:18px}.notes-search-input{width:100%;padding:14px 48px;border:1px solid #e2e8f0;border-radius:16px;font-size:15px;color:#0f172a;background:#fff;transition:all .2s}.notes-search-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.notes-search-input::placeholder{color:#94a3b8}.notes-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:6px;background:none;border:none;color:#94a3b8;cursor:pointer;border-radius:50%;transition:all .2s}.notes-search-clear:hover{background:#f1f5f9;color:#64748b}.notes-sort-select{padding:14px 16px;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;color:#0f172a;background:#fff;cursor:pointer;min-width:160px}.notes-sort-select:focus{outline:none;border-color:#10b981}.notes-view-mode{display:flex;gap:4px}.notes-view-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#64748b;font-size:20px;cursor:pointer;transition:all .2s}.notes-view-btn:hover{background:#f8fafc}.notes-view-btn.active{background:#0f172a;border-color:#0f172a;color:#fff;box-shadow:0 4px 6px -1px #0000001a}.notes-tabs{display:inline-flex;align-items:center;gap:8px;padding:6px;background:#f1f5f9;border-radius:12px}.notes-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;background:transparent;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.notes-tab:hover{background:#fff}.notes-tab.active{background:#0f172a;color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.notes-tab-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:#fbbf24}.notes-result-count{font-size:14px;color:#64748b}.notes-content{flex:1;padding:32px 24px;max-width:1280px;margin:0 auto;width:100%}.notes-grid{display:grid;gap:24px}.notes-grid.grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr}.notes-grid.list{grid-template-columns:1fr}.notes-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .5s ease;display:flex;flex-direction:column}.notes-card.grid{height:100%}.notes-card:hover{box-shadow:0 25px 50px -12px #00000026;transform:translateY(-4px)}.notes-card-cover{position:relative;height:220px;overflow:visible;background:linear-gradient(135deg,#1e293b,#334155);display:flex;align-items:center;justify-content:center}.notes-book-container{perspective:1500px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.notes-book{position:relative;display:inline-block;border-radius:2px 4px 4px 2px;background:linear-gradient(45deg,#dad5dc,#f2ebf4);transform-style:preserve-3d;transition:transform .5s}.notes-card:hover .notes-book{transform:rotateY(25deg)}.notes-book-front{position:relative;transform-style:preserve-3d;transform-origin:0% 50%;transition:transform .5s;z-index:10}.notes-card:hover .notes-book-front{transform:translateZ(9px)}.notes-book-cover{position:relative;display:block;border-radius:0 3px 3px 0;background:linear-gradient(45deg,#dad5dc,#f2ebf4);box-shadow:inset 4px 0 10px #0000001a;overflow:hidden}.notes-book-cover:after{content:"";position:absolute;top:0;left:8px;bottom:0;width:2px;background:#0000001a;box-shadow:1px 0 3px #ffffff1a}.notes-book-cover img{display:block;width:auto;height:auto;max-width:130px;max-height:190px;image-rendering:-webkit-optimize-contrast;image-rendering:smooth}.notes-book-author{position:absolute;bottom:8px;left:10px;right:10px;font-size:9px;font-weight:400;color:#2b2b2b;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#ffffffd9;padding:3px 6px;border-radius:3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.notes-book-left-side{position:absolute;top:0;bottom:0;width:18px;left:-9px;background-color:#e8e5ea;transform:rotateY(-90deg)}.notes-book-left-side h2{position:absolute;top:0;left:0;width:18px;height:100%;color:#2b2b2b;font-size:8px;font-weight:400;line-height:18px;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;padding:8px 0;box-sizing:border-box}.notes-book-left-side h2 span{font-weight:400;font-size:8px}.notes-badge-genre{position:absolute;top:12px;left:12px;padding:6px 12px;background:#fffffff2;border-radius:20px;font-size:12px;font-weight:350;color:#0f172a}.notes-btn-favorite{position:absolute;top:12px;right:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#94a3b8;font-size:16px;cursor:pointer;transition:all .2s;z-index:10}.notes-btn-favorite:hover{transform:scale(1.1)}.notes-btn-favorite.active{color:#fbbf24}.notes-btn-favorite.active svg{fill:#fbbf24;stroke:#fbbf24}.notes-card-badges{position:absolute;bottom:12px;left:12px;display:flex;gap:8px}.notes-badge-rating{display:flex;align-items:center;gap:4px;padding:12px;background:#10b981;color:#fff;border-radius:20px;font-size:12px;font-weight:600}.notes-badge-level{padding:12px;background:#fffffff2;border-radius:20px;font-size:12px;font-weight:350;color:#0f172a}.notes-card-body{padding:16px 20px 20px;display:flex;flex-direction:column;flex:1}.notes-card.grid .notes-card-btn{margin-top:auto}.notes-card-date{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;padding-bottom:8px;margin:0}.notes-card-title{font-size:18px;font-weight:700;color:#0f172a;margin:0;padding-bottom:4px;line-height:1.4;height:50.4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notes-card-author{font-size:14px;color:#64748b;margin:0;padding-bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-card-host{display:flex;align-items:center;gap:12px;padding:12px 0;margin:0;border-top:1px solid #e2e8f0}.notes-card-host img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.notes-card-host-info{display:flex;flex-direction:column;gap:2px;min-width:0}.notes-card-host-name{font-size:14px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-card-host-badge{font-size:11px;color:#10b981;font-weight:500}.notes-card-stats{display:flex;align-items:center;gap:16px;padding:12px 0;margin:0;border-top:1px solid #e2e8f0;font-size:13px;color:#64748b}.notes-card-stats span{display:flex;align-items:center;gap:6px}.notes-card-keypoints{padding:12px 0;margin:0;border-top:1px solid #e2e8f0}.notes-card-keypoints-label{display:block;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;padding-bottom:8px;margin:0}.notes-card-keypoints ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.notes-card-keypoints li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#475569;height:20px;line-height:20px}.notes-card-keypoints li.empty{visibility:hidden}.notes-keypoint-dot{flex-shrink:0;width:6px;height:6px;background:#10b981;border-radius:50%;margin-top:7px}.notes-card-keypoints li span:last-child{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.notes-card-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:16px 0 0;padding:14px;background:#0f172a;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.notes-card-btn:hover{background:#1e293b}.notes-card.list{display:flex;flex-direction:row;padding:20px;position:relative}.notes-card.list .notes-card-cover{width:160px;height:220px;flex-shrink:0;border-radius:12px}.notes-list-badges{position:absolute;top:16px;right:16px;display:flex;flex-direction:row;gap:8px;z-index:10;font-weight:200}.notes-list-badges .notes-badge-genre,.notes-list-badges .notes-badge-level{position:static;padding:12px;background:#06b6d4;color:#fff;border-radius:20px;font-size:12px;font-weight:200}.notes-card.list .notes-book-cover img{max-width:110px;max-height:160px}.notes-card.list .notes-card-body{flex:1;padding:0 0 0 24px;display:flex;flex-direction:column}.notes-card.list .notes-card-stats{margin-top:auto;padding-top:16px}.notes-card.list .notes-card-keypoints{padding-top:16px}.notes-card.list .notes-card-keypoints ul{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.notes-card.list .notes-card-keypoints li{height:auto}.notes-card.list .notes-card-btn{width:auto;padding:12px 24px;margin-left:auto}.notes-empty,.notes-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.notes-empty-icon{display:flex;align-items:center;justify-content:center;width:96px;height:96px;background:#f1f5f9;border-radius:50%;margin-bottom:24px;font-size:48px;color:#94a3b8}.notes-empty h3,.notes-error h3{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 12px}.notes-empty p,.notes-error p{font-size:16px;color:#64748b;margin:0 0 32px;max-width:400px}.notes-empty-btn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:#0f172a;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.notes-empty-btn:hover{background:#1e293b;transform:translateY(-2px)}.notes-card.skeleton{pointer-events:none}.notes-card.skeleton .skeleton-cover{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.notes-card.skeleton .skeleton-title{height:24px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px;margin-bottom:12px}.notes-card.skeleton .skeleton-text{height:16px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:8px}.notes-card.skeleton .skeleton-text.short{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.notes-skeleton{background:linear-gradient(90deg,#e2e8f0,#f1f5f9,#e2e8f0);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px}.notes-skeleton-icon{width:48px;height:48px;border-radius:12px}.notes-skeleton-value{width:48px;height:28px;border-radius:6px;margin-bottom:4px}.notes-skeleton-label{width:72px;height:16px;border-radius:4px}@media (max-width: 1024px){.notes-grid.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.notes-hero{padding:48px 16px}.notes-hero-title{font-size:32px}.notes-hero-subtitle{font-size:16px}.notes-stats{flex-direction:column;align-items:flex-start;gap:16px}.notes-stat-card{gap:12px}.notes-controls-row{flex-wrap:wrap}.notes-search{max-width:none;width:100%;order:-1}.notes-sort-select{flex:1}.notes-tabs{width:100%;overflow-x:auto;padding-bottom:4px}.notes-tab{white-space:nowrap;padding:10px 16px}.notes-result-count{display:none}.notes-grid.grid{grid-template-columns:1fr}.notes-card.list{flex-direction:column;padding:0}.notes-card.list .notes-card-cover{width:100%;height:200px;border-radius:0}.notes-book-cover img{max-width:100px;max-height:150px}.notes-book-left-side{width:14px;left:-7px}.notes-book-left-side h2{width:14px;line-height:14px;font-size:6px}.notes-card.list .notes-card-body{padding:20px}.notes-card.list .notes-card-keypoints ul{grid-template-columns:1fr}.notes-card.list .notes-card-btn{width:100%;margin-left:0}}.note-detail-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1e293b)}.note-detail-loading,.note-detail-error,.note-detail-login-required{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center}.note-detail-spinner{width:48px;height:48px;border:3px solid var(--border-color, #e5e7eb);border-top-color:var(--accent-color, #6366f1);border-radius:50%;animation:spin 1s linear infinite}.note-detail-error h3,.note-detail-login-required h2{font-size:1.5rem;margin-bottom:.5rem}.note-detail-error button,.note-detail-login-btn{margin-top:1rem;padding:.75rem 1.5rem;background:var(--accent-color, #6366f1);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:opacity .2s}.note-detail-error button:hover,.note-detail-login-btn:hover{opacity:.9}.note-detail-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--bg-secondary, #f8f9fa);border-bottom:1px solid var(--border-color, #e5e7eb);position:sticky;top:0;z-index:10}.note-detail-back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;color:var(--text-secondary, #64748b);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s}.note-detail-back-btn:hover{background:var(--bg-hover, #e5e7eb);color:var(--text-primary, #1e293b)}.note-detail-actions{display:flex;gap:.5rem}.note-detail-edit-btn,.note-detail-save-btn,.note-detail-cancel-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.note-detail-edit-btn{background:var(--accent-color, #6366f1);color:#fff;border:none}.note-detail-edit-btn:hover{opacity:.9}.note-detail-save-btn{background:var(--success-color, #10b981);color:#fff;border:none}.note-detail-save-btn:hover{opacity:.9}.note-detail-save-btn:disabled,.note-detail-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.note-detail-cancel-btn{background:transparent;color:var(--text-secondary, #64748b);border:1px solid var(--border-color, #e5e7eb)}.note-detail-cancel-btn:hover:not(:disabled){background:var(--bg-hover, #e5e7eb)}.note-detail-three-column .note-detail-main-three-col{flex:1;display:grid;grid-template-columns:280px 1fr 320px;gap:0;height:calc(100vh - 60px);overflow:hidden}.note-detail-left-panel{display:flex;flex-direction:column;background:var(--bg-secondary, #f8f9fa);border-right:1px solid var(--border-color, #e5e7eb);overflow-y:auto}.note-detail-left-top{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.note-detail-left-bottom{border-top:1px solid var(--border-color, #e5e7eb)}.note-detail-center-panel{display:flex;flex-direction:column;background:var(--bg-primary, #ffffff);overflow:hidden;padding:1.5rem 2rem}.note-detail-blocks{flex:1;overflow-y:auto;padding:1rem 20px 20px;position:relative}.note-detail-right-panel{display:flex;flex-direction:column;background:var(--bg-secondary, #f8f9fa);border-left:1px solid var(--border-color, #e5e7eb);overflow-y:auto}.note-detail-section-header{display:flex;align-items:center;gap:.5rem;color:var(--accent-color, #6366f1);font-size:.9rem;font-weight:600;padding:1rem 1.25rem;background:var(--bg-tertiary, #f1f5f9);border-bottom:1px solid var(--border-color, #e5e7eb);position:sticky;top:0;z-index:1}.note-detail-speaking-logs{display:flex;flex-direction:column}.note-detail-speaking-logs-content{padding:.5rem .75rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.nd-speaking-log-list{display:flex;flex-direction:column;gap:2px}.nd-speaking-log-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:6px;transition:background .15s}.nd-speaking-log-item:hover{background:var(--bg-tertiary, #f1f5f9)}.nd-speaking-log-speaker{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.nd-speaking-log-photo{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0}.nd-speaking-log-name{font-size:12px;font-weight:500;color:var(--text-primary, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nd-speaking-log-index{font-size:10px;color:var(--text-muted, #94a3b8);flex-shrink:0}.nd-speaking-log-meta{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:8px}.nd-speaking-log-duration{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:500;color:var(--text-secondary, #64748b);font-variant-numeric:tabular-nums}.nd-speaking-log-time{font-size:10px;color:var(--text-muted, #94a3b8);white-space:nowrap}.note-detail-ai-tools-section{border-bottom:1px solid var(--border-color, #e5e7eb)}.nd-ai-tabs{display:flex;gap:4px;margin:12px 12px 0;background:var(--bg-tertiary, #f1f5f9);padding:4px;border-radius:8px}.nd-ai-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-muted, #94a3b8);cursor:pointer;transition:all .2s}.nd-ai-tab:hover{color:var(--text-secondary, #64748b)}.nd-ai-tab.active{background:var(--bg-primary, #ffffff);color:var(--text-primary, #1e293b);box-shadow:0 1px 3px #0000001a}.nd-summary-content{display:flex;flex-direction:column;gap:16px;padding:16px}.nd-summary-block{padding-bottom:16px;border-bottom:1px solid var(--border-color, #e5e7eb)}.nd-summary-block:last-of-type{border-bottom:none;padding-bottom:0}.nd-summary-block-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;color:var(--text-primary, #1e293b)}.nd-summary-icon{font-size:14px}.nd-summary-oneliner{font-size:14px;line-height:1.5;color:var(--text-primary, #1e293b);margin:0}.nd-summary-list{list-style:none;padding:0;margin:0}.nd-summary-list li{position:relative;padding-left:16px;margin-bottom:6px;font-size:13px;color:var(--text-secondary, #64748b);line-height:1.4}.nd-summary-list li:before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;background:#6366f1;border-radius:50%}.nd-summary-quotes{display:flex;flex-direction:column;gap:8px}.nd-summary-quote{background:var(--bg-tertiary, #f1f5f9);border-left:3px solid #6366f1;padding:10px 12px;margin:0;font-size:13px;font-style:italic;color:var(--text-secondary, #64748b);line-height:1.4}.nd-summary-agreements{list-style:none;padding:0;margin:0}.nd-summary-agreements li{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;font-size:13px;line-height:1.4}.nd-summary-agreements li.agreement{color:#059669}.nd-summary-agreements li.disagreement{color:#dc2626}.nd-summary-questions{padding-left:20px;margin:0}.nd-summary-questions li{margin-bottom:6px;font-size:13px;color:var(--text-secondary, #64748b);line-height:1.4}.nd-summary-actions{display:flex;flex-direction:column;gap:8px;margin-top:8px}.nd-generate-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.nd-generate-btn:hover:not(:disabled){background:#4f46e5}.nd-generate-btn:disabled{background:#9ca3af;cursor:not-allowed}.nd-summary-actions .nd-generate-btn{background:var(--bg-tertiary, #f1f5f9);color:var(--text-primary, #1e293b)}.nd-summary-actions .nd-generate-btn:hover:not(:disabled){background:var(--bg-hover, #e5e7eb)}.nd-generate-btn.organize{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.nd-generate-btn.organize:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9)}.nd-insert-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.nd-insert-btn:hover{background:#059669}.nd-summary-empty{text-align:center;padding:24px 16px}.nd-summary-empty-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 16px;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;color:#fff}.nd-summary-empty-icon.organize{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.nd-summary-empty p{font-size:13px;color:var(--text-muted, #94a3b8);margin:0 0 16px;line-height:1.5}.nd-organized-content{padding:16px;display:flex;flex-direction:column;gap:12px}.nd-organized-info{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f0fdf4;color:#166534;border-radius:8px;font-size:13px;font-weight:500}.nd-organized-features{display:flex;flex-direction:column;gap:8px;margin:16px 0;text-align:left}.nd-feature-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary, #64748b)}.nd-feature-item svg{color:#6366f1;flex-shrink:0}.nd-organized-tab-content{display:flex;flex-direction:column}.nd-organized-subsection{padding:12px 16px}.nd-organized-subsection-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-secondary, #64748b);margin-bottom:8px;text-transform:uppercase;letter-spacing:.3px}.nd-organized-divider{height:1px;background:var(--border-color, #e5e7eb);margin:0 16px}.nd-version-list{display:flex;flex-direction:column;gap:4px}.nd-version-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px;transition:background .15s}.nd-version-item.clickable{cursor:pointer}.nd-version-item:hover{background:var(--bg-tertiary, #f1f5f9)}.nd-version-item.active{background:#6366f114}.nd-version-label{display:flex;align-items:center;gap:8px}.nd-version-badge{display:inline-flex;align-items:center;padding:2px 8px;background:var(--bg-tertiary, #f1f5f9);color:var(--text-secondary, #64748b);border-radius:4px;font-size:12px;font-weight:600;font-family:monospace}.nd-version-badge.personal{background:#6366f11a;color:#6366f1}.nd-version-date{font-size:12px;color:var(--text-muted, #94a3b8)}.nd-version-warning{color:#f59e0b;display:flex;align-items:center}.nd-version-count{margin-left:auto;padding:1px 8px;background:var(--bg-tertiary, #f1f5f9);color:var(--text-muted, #94a3b8);border-radius:10px;font-size:11px;font-weight:600}.nd-version-empty{font-size:12px;color:var(--text-muted, #94a3b8);margin:4px 0;padding:8px 0}.nd-import-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;background:transparent;border:1px solid var(--accent-color, #6366f1);border-radius:6px;color:var(--accent-color, #6366f1);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.nd-import-btn:hover:not(:disabled){background:var(--accent-color, #6366f1);color:#fff}.nd-import-btn:disabled{opacity:.4;cursor:not-allowed}.nd-organized-action{padding:8px 16px 16px}.nd-readonly-banner{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-tertiary, #f1f5f9);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;margin-bottom:8px;font-size:13px;color:var(--text-secondary, #64748b)}.nd-readonly-badge{margin-left:auto;padding:2px 8px;background:#f59e0b1f;color:#d97706;border-radius:4px;font-size:11px;font-weight:600}.note-detail-tabs{margin-bottom:0}.note-detail-ai-transcription-section{display:flex;flex-direction:column;border-bottom:1px solid var(--border-color, #e5e7eb)}.note-detail-transcription-content{padding:.75rem;max-height:600px;overflow-y:auto}.note-detail-utterance-count{background:#06b6d4;color:#fff;font-size:.68rem;font-weight:600;padding:1px 7px;border-radius:10px;margin-left:4px}.note-detail-utterance-list{display:flex;flex-direction:column;gap:6px}.note-detail-utterance-item{background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;overflow:hidden;transition:box-shadow .2s}.note-detail-utterance-item:hover{box-shadow:0 2px 8px #00000014}.note-detail-utterance-item.expanded{box-shadow:0 2px 12px #0000001a}.note-detail-utterance-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;cursor:pointer;transition:background-color .2s}.note-detail-utterance-header:hover{background:var(--bg-hover, #e5e7eb)}.note-detail-utterance-speaker{display:flex;align-items:center;gap:8px;min-width:0}.note-detail-utterance-photo{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0}.note-detail-utterance-avatar{width:26px;height:26px;border-radius:50%;background:var(--bg-hover, #e5e7eb);display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #64748b);flex-shrink:0}.note-detail-utterance-name{font-size:.8rem;font-weight:500;color:var(--text-primary, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-detail-utterance-index{font-size:.68rem;color:var(--text-muted, #94a3b8);flex-shrink:0}.note-detail-utterance-meta{display:flex;align-items:center;gap:8px;color:var(--text-secondary, #64748b);flex-shrink:0}.note-detail-utterance-duration{display:flex;align-items:center;gap:4px;font-size:.72rem;color:var(--text-secondary, #64748b)}.note-detail-utterance-body{padding:0 12px 12px;border-top:1px solid var(--border-color, #e5e7eb)}.note-detail-utterance-view-toggle{display:flex;gap:4px;padding:8px 0}.note-detail-utterance-view-toggle button{padding:4px 10px;font-size:.72rem;border:none;border-radius:6px;background:var(--bg-hover, #e5e7eb);color:var(--text-secondary, #64748b);cursor:pointer;transition:all .2s}.note-detail-utterance-view-toggle button:hover{background:#d1d5db;color:var(--text-primary, #1e293b)}.note-detail-utterance-view-toggle button.active{background:#06b6d4;color:#fff}.note-detail-utterance-text{padding:10px 12px;background:var(--bg-primary, #ffffff);border-radius:6px;font-size:.8rem;line-height:1.6;color:var(--text-primary, #1e293b);white-space:pre-wrap;max-height:200px;overflow-y:auto}.note-detail-utterance-summary{margin-top:10px}.note-detail-utterance-summary-section{margin-bottom:10px}.note-detail-utterance-summary-header{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:var(--text-secondary, #64748b);margin-bottom:4px}.note-detail-utterance-summary ul{margin:0;padding-left:18px}.note-detail-utterance-summary li{font-size:.75rem;color:var(--text-primary, #1e293b);margin-bottom:3px;line-height:1.4}.note-detail-utterance-topics{display:flex;align-items:flex-start;gap:8px;margin-top:8px;color:var(--text-muted, #94a3b8)}.note-detail-utterance-topics>svg{margin-top:3px;flex-shrink:0}.note-detail-topic-tags{display:flex;flex-wrap:wrap;gap:5px}.note-detail-topic-tag{padding:3px 9px;font-size:.68rem;background:var(--bg-hover, #e5e7eb);color:var(--text-secondary, #64748b);border-radius:10px}.note-detail-transcription-content::-webkit-scrollbar,.note-detail-utterance-text::-webkit-scrollbar{width:5px}.note-detail-transcription-content::-webkit-scrollbar-track,.note-detail-utterance-text::-webkit-scrollbar-track{background:transparent}.note-detail-transcription-content::-webkit-scrollbar-thumb,.note-detail-utterance-text::-webkit-scrollbar-thumb{background:var(--border-color, #e5e7eb);border-radius:3px}.note-detail-transcription-content::-webkit-scrollbar-thumb:hover,.note-detail-utterance-text::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #94a3b8)}.note-detail-insert-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:10px;padding:7px 12px;background:transparent;border:1px solid #10b981;border-radius:6px;color:#10b981;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.note-detail-insert-btn:hover{background:#10b981;color:#fff}.note-detail-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem;color:var(--text-muted, #94a3b8);gap:.75rem}.note-detail-placeholder svg{opacity:.4}.note-detail-placeholder p{font-size:.9rem;margin:0}.note-detail-coming-soon{font-size:.75rem;padding:.25rem .75rem;background:var(--accent-color, #6366f1);color:#fff;border-radius:12px;opacity:.8}.note-detail-cover{position:relative;width:100%;height:200px;overflow:visible;background:linear-gradient(135deg,#1e293b,#334155);display:flex;align-items:center;justify-content:center;border-radius:10px}.note-detail-cover .notes-book-container{perspective:1500px}.note-detail-cover .notes-book-cover img{max-width:120px;max-height:170px}.note-detail-cover:hover .notes-book{transform:rotateY(25deg)}.note-detail-cover:hover .notes-book-front{transform:translateZ(9px)}.note-detail-book-info h3{font-size:1.1rem;margin-bottom:.25rem;color:var(--text-primary, #1e293b);line-height:1.3}.note-detail-author{font-size:.85rem;color:var(--text-secondary, #64748b);margin-bottom:.5rem}.note-detail-genre{display:inline-block;padding:.2rem .6rem;background:var(--accent-color, #6366f1);color:#fff;border-radius:12px;font-size:.7rem}.note-detail-meeting-info{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--bg-tertiary, #f1f5f9);border-radius:8px}.note-detail-info-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary, #64748b);font-size:.8rem}.note-detail-info-item svg{flex-shrink:0;color:var(--accent-color, #6366f1);font-size:.9rem}.note-detail-host{padding:.75rem;background:var(--bg-tertiary, #f1f5f9);border-radius:8px}.note-detail-host-header{display:flex;align-items:center;gap:.5rem;color:var(--text-muted, #94a3b8);font-size:.75rem;margin-bottom:.5rem}.note-detail-host-content{display:flex;align-items:center;gap:.5rem}.note-detail-host-content img{width:32px;height:32px;border-radius:50%;object-fit:cover}.note-detail-host-info{display:flex;flex-direction:column;gap:.125rem}.note-detail-host-name{font-size:.85rem;color:var(--text-primary, #1e293b)}.note-detail-host-rating{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:var(--warning-color, #f59e0b)}.note-detail-participants{padding:.75rem;background:var(--bg-tertiary, #f1f5f9);border-radius:8px}.note-detail-participants-header{display:flex;align-items:center;gap:.5rem;color:var(--text-muted, #94a3b8);font-size:.75rem;margin-bottom:.5rem}.note-detail-participants-list{display:flex;flex-direction:column;gap:.375rem}.note-detail-participant{display:flex;align-items:center;gap:.5rem;padding:.375rem;border-radius:6px;transition:background .2s}.note-detail-participant:hover{background:#00000008}.note-detail-participant img{width:28px;height:28px;border-radius:50%;object-fit:cover}.note-detail-participant-info{display:flex;flex-direction:column;gap:.125rem}.note-detail-participant-name{font-size:.8rem;color:var(--text-primary, #1e293b)}.note-detail-participant-rating{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:var(--warning-color, #f59e0b)}.note-detail-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.note-detail-title-input{width:100%;padding:.75rem 1rem;font-size:1.5rem;font-weight:600;background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;color:var(--text-primary, #1e293b);margin-bottom:1rem}.note-detail-title-input:focus{outline:none;border-color:var(--accent-color, #6366f1)}.note-detail-block-toolbar{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:var(--bg-secondary, #f8f9fa);border-radius:8px;margin-bottom:1rem}.note-detail-block-toolbar button{padding:.375rem .5rem;background:transparent;border:none;border-radius:4px;color:var(--text-secondary, #64748b);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.note-detail-block-toolbar button:hover{background:var(--bg-hover, #e5e7eb);color:var(--text-primary, #1e293b)}.note-detail-block-toolbar .toolbar-divider{width:1px;height:20px;background:var(--border-color, #e5e7eb);margin:0 .5rem}.note-detail-add-block-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;margin-top:.5rem;background:transparent;border:1px dashed var(--border-color, #e5e7eb);border-radius:8px;color:var(--text-muted, #94a3b8);cursor:pointer;font-size:.85rem;transition:all .2s}.note-detail-add-block-btn:hover{border-color:var(--accent-color, #6366f1);color:var(--accent-color, #6366f1);background:#6366f10d}.note-detail-unsaved-indicator{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);padding:.5rem 1rem;background:var(--warning-color, #f59e0b);color:#fff;border-radius:8px;font-size:.85rem;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:100}.note-detail-autosave-indicator{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:500;z-index:100;box-shadow:0 4px 12px #0000001a;transition:opacity .3s ease}.note-detail-autosave-indicator.saving{background:var(--bg-secondary, #f8f9fa);color:var(--text-secondary, #64748b);border:1px solid var(--border-color, #e5e7eb)}.note-detail-autosave-indicator.saved{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.note-detail-endorsement{padding:1rem 1.25rem;background:linear-gradient(135deg,var(--bg-tertiary, #f1f5f9) 0%,rgba(99,102,241,.1) 100%);border-top:1px solid rgba(99,102,241,.3);transform-origin:center center;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease-out,max-height .4s ease-out,padding .4s ease-out}.note-detail-endorsement.collapsing{transform:scaleX(0);opacity:0;max-height:0;padding:0 1rem}.note-detail-endorsement-header{display:flex;align-items:center;gap:.5rem;color:var(--accent-color, #6366f1);font-size:.85rem;font-weight:600;margin-bottom:.5rem}.note-detail-endorsement-desc{font-size:.75rem;color:var(--text-secondary, #64748b);margin-bottom:.75rem;line-height:1.4}.note-detail-endorsement-pending{display:flex;align-items:center;margin-bottom:1rem}.endorsement-pending-avatar{width:28px;height:28px;border-radius:50%;border:2px solid var(--bg-secondary, #f8f9fa);overflow:hidden;margin-left:-8px;background:var(--bg-tertiary, #f1f5f9)}.endorsement-pending-avatar:first-child{margin-left:0}.endorsement-pending-avatar img{width:100%;height:100%;object-fit:cover}.endorsement-pending-default{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent-color, #6366f1);color:#fff;font-size:.7rem;font-weight:600}.endorsement-pending-more{margin-left:.5rem;font-size:.7rem;color:var(--text-muted, #94a3b8)}.note-detail-endorsement-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:var(--accent-color, #6366f1);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.note-detail-endorsement-btn:hover{background:var(--accent-hover, #5558e3);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.note-detail-blocks .block-renderer{margin-bottom:4px;background:transparent;border-radius:6px;transition:all .15s}.note-detail-blocks .block-renderer:hover,.note-detail-blocks .block-renderer.selected,.note-detail-blocks .block-renderer.selected:hover{background:var(--background-hover, #f5f5f5)}.note-detail-blocks .block-renderer.editing{background:transparent;box-shadow:none}.note-detail-blocks .block-renderer.dragging{opacity:.5;background:var(--background-dragging, #e3f2fd)}.note-detail-blocks .block-drag-handle{color:var(--text-muted, #94a3b8);opacity:0;transition:opacity .15s}.note-detail-blocks .block-renderer:hover .block-drag-handle{opacity:1}.note-detail-blocks .block-content-wrapper{flex:1;min-width:0}.note-detail-blocks .multi-drag-placeholder-blocks .block-renderer{opacity:.5}.note-detail-drag-overlay{position:relative}.note-detail-drag-overlay>.block-renderer,.note-detail-drag-overlay .drag-overlay-block{background:#fff;color:#1e293b;box-shadow:0 8px 24px #00000026;border-radius:8px}.note-detail-drag-overlay .block-renderer{opacity:1;background-color:#fff;color:#1e293b}.note-detail-drag-overlay .block-content-wrapper,.note-detail-drag-overlay .ProseMirror{color:#1e293b}.note-detail-drag-overlay .block-drag-handle{color:#64748b;opacity:1;cursor:grabbing}.note-detail-drag-overlay .drag-count-badge{background:var(--primary-color, #10b981);color:#fff}.note-detail-drag-overlay .drag-overlay-blocks-container{display:flex;flex-direction:column;gap:8px}.note-detail-marquee{position:fixed;background:#10b9811a;border:1px solid var(--primary-color, #10b981);pointer-events:none;z-index:1000}.note-detail-blocks .marquee-selection-box{position:absolute;background:#10b9811a;border:1px solid var(--primary-color, #10b981);border-radius:2px;pointer-events:none;z-index:100}.note-detail-multi-hint{position:fixed;bottom:1.5rem;right:1.5rem;padding:.5rem 1rem;background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:.8rem;color:var(--text-secondary, #64748b);box-shadow:0 4px 12px #0000001a;z-index:100}.note-detail-multi-hint strong{color:var(--accent-color, #6366f1)}@media (max-width: 1200px){.note-detail-three-column .note-detail-main-three-col{grid-template-columns:260px 1fr 280px}}@media (max-width: 1024px){.note-detail-three-column .note-detail-main-three-col{grid-template-columns:1fr;height:auto;overflow:visible}.note-detail-left-panel,.note-detail-right-panel{border:none;border-bottom:1px solid var(--border-color, #e5e7eb)}.note-detail-left-panel{order:2;max-height:none}.note-detail-center-panel{order:1;padding:1rem}.note-detail-right-panel{order:3}.note-detail-left-top{flex-direction:row;flex-wrap:wrap;gap:1rem;padding:1rem}.note-detail-cover{height:160px}.note-detail-cover .notes-book-cover img{max-width:90px;max-height:130px}.note-detail-left-bottom{max-height:200px}}@media (max-width: 640px){.note-detail-header{padding:1rem;flex-direction:column;gap:1rem;align-items:stretch}.note-detail-actions{justify-content:flex-end}.note-detail-title{font-size:1.25rem}.note-detail-title-input{font-size:1.25rem;padding:.5rem .75rem}}.hexagon-chart-container{position:relative;display:flex;justify-content:center;align-items:center;margin:20px auto}.hexagon-chart{width:100%;max-width:280px;height:auto}.chart-background{fill:#f8fafc}.chart-grid{fill:none;stroke:#e2e8f0;stroke-width:1}.chart-axis{stroke:#cbd5e1;stroke-width:1}.chart-data{fill:#10b98140;stroke:#10b981;stroke-width:2;transition:all .3s ease}.chart-point{fill:#10b981;stroke:#fff;stroke-width:2;transition:all .2s ease}.chart-point:hover{r:6;filter:drop-shadow(0 0 4px rgba(16,185,129,.5))}.hexagon-labels{position:absolute;top:0;left:50%;transform:translate(-50%);pointer-events:none}.hexagon-label{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;pointer-events:auto}.label-text{font-size:11px;font-weight:500;color:#475569;white-space:nowrap;line-height:1.2}.label-value{font-size:13px;font-weight:700;color:#10b981;background:#10b9811a;padding:2px 8px;border-radius:10px}@media (max-width: 480px){.hexagon-chart-container{margin:16px auto}.hexagon-chart{max-width:240px}.label-text{font-size:10px}.label-value{font-size:11px;padding:1px 6px}}.hero-section{position:relative;padding:80px 24px 48px;overflow:hidden;background:linear-gradient(135deg,#f8fafc,#fff,#f8fafc);width:100vw;margin-left:calc(-50vw + 50%)}.hero-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#f8fafc,#fff,#f8fafc);z-index:0}.hero-blur-circle{position:absolute;border-radius:50%;filter:blur(60px);z-index:0}.hero-blur-1{top:80px;left:40px;width:288px;height:288px;background:#0f172a0d}.hero-blur-2{bottom:40px;right:40px;width:384px;height:384px;background:#06b6d40d}.hero-content{position:relative;z-index:1;max-width:1024px;margin:0 auto;padding:0 24px}.hero-profile-row{display:flex;flex-direction:row;align-items:center;gap:32px;margin-bottom:48px}.hero-avatar-wrapper{position:relative}.hero-avatar-ring{width:128px;height:128px;border-radius:50%;background:linear-gradient(135deg,#0f172a,#06b6d4);padding:4px;box-shadow:0 25px 50px -12px #00000040}.hero-avatar-inner{width:100%;height:100%;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-avatar-img{width:100%;height:100%;object-fit:cover}.hero-user-info{flex:1}.hero-username{font-size:36px;font-weight:800;color:#0f172a;margin:0 0 4px}.hero-email{font-size:16px;color:#64748b;margin:0 0 16px}.hero-meta-stats{display:flex;flex-wrap:wrap;gap:24px;font-size:14px}.hero-meta-item{display:flex;align-items:center;gap:8px;color:#64748b}.hero-meta-item i{font-size:18px;color:#0f172a}.hero-meta-item strong{color:#0f172a;font-weight:600}.hero-stats-grid{display:flex;flex-wrap:nowrap;gap:12px}.hero-stat-card{flex:0 0 auto;width:130px;height:130px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border:1px solid rgba(15,23,42,.1);transition:all .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero-stat-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transform:translateY(-4px)}.hero-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:transform .3s ease}.hero-stat-card:hover .hero-stat-icon{transform:scale(1.1)}.hero-stat-icon i{font-size:20px}.hero-stat-icon.slate{background:#f1f5f9}.hero-stat-icon.slate i{background:linear-gradient(135deg,#0f172a,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-icon.cyan{background:#06b6d41a}.hero-stat-icon.cyan i{color:#06b6d4}.hero-stat-icon.red{background:#fef2f2}.hero-stat-icon.red i{background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-icon.orange{background:#fff7ed}.hero-stat-icon.orange i{background:linear-gradient(135deg,#f59e0b,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-icon.blue{background:#eff6ff}.hero-stat-icon.blue i{background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-icon.purple{background:#faf5ff}.hero-stat-icon.purple i{background:linear-gradient(135deg,#a855f7,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-icon.green{background:#10b9811a}.hero-stat-icon.green i{color:#10b981}.hero-stat-value{font-size:24px;font-weight:800;color:#0f172a;margin-bottom:2px}.hero-stat-value span{font-size:14px;font-weight:500;color:#64748b;margin-left:2px}.hero-stat-label{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 900px){.hero-stats-grid{gap:8px}.hero-stat-card{width:100px;height:100px;padding:12px}.hero-stat-icon{width:32px;height:32px;margin-bottom:6px}.hero-stat-icon i{font-size:16px}.hero-stat-value{font-size:18px}.hero-stat-value span{font-size:11px}.hero-stat-label{font-size:10px}.hero-profile-row{gap:24px}.hero-avatar-ring{width:100px;height:100px}.hero-username{font-size:28px}}@media (max-width: 600px){.hero-section{padding:48px 16px 32px}.hero-content{padding:0}.hero-profile-row{flex-direction:column;text-align:center;gap:20px}.hero-avatar-ring{width:96px;height:96px}.hero-user-info{display:flex;flex-direction:column;align-items:center}.hero-username{font-size:24px}.hero-email{font-size:14px}.hero-meta-stats{justify-content:center}.hero-stats-grid{flex-wrap:wrap;justify-content:center}.hero-stat-card{width:80px;height:80px;padding:8px}.hero-stat-icon{width:24px;height:24px;margin-bottom:4px;border-radius:6px}.hero-stat-icon i{font-size:12px}.hero-stat-value{font-size:14px}.hero-stat-value span,.hero-stat-label{font-size:8px}}@keyframes rep-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.rep-skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:rep-shimmer 1.5s infinite;border-radius:4px}.skeleton-section-title{height:28px;border-radius:6px}.skeleton-text{height:16px;border-radius:4px}.skeleton-text-sm{height:12px;border-radius:3px}.hero-stat-cards-skeleton{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:24px}.hero-stat-card-skeleton{display:flex;align-items:center;gap:12px;padding:16px;background:#f8fafc;border-radius:12px}.skeleton-icon-circle{width:40px;height:40px;border-radius:50%;flex-shrink:0}.skeleton-stat-content{flex:1}.skeleton-stat-value{width:48px;height:24px;border-radius:4px;margin-bottom:4px}.skeleton-stat-label{width:60px;height:12px;border-radius:3px}@media (max-width: 1024px){.hero-stat-cards-skeleton{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.hero-stat-cards-skeleton{grid-template-columns:repeat(2,1fr)}}.skeleton-hexagon{width:200px;height:200px;border-radius:50%;margin:0 auto}.skeleton-legend-item{width:100px;height:16px;border-radius:4px;margin:8px auto}.skeleton-card{background:#f8fafc!important}.skeleton-card-icon{width:40px;height:40px;border-radius:10px;flex-shrink:0}.skeleton-score{width:50px;height:32px;border-radius:6px}.skeleton-progress-bar{width:100%;height:8px;border-radius:4px;margin-top:12px}.skeleton-stat{background:#f8fafc!important}.skeleton-stat-icon-lg{width:48px;height:48px;border-radius:12px;flex-shrink:0}.skeleton-stat-value-lg{width:40px;height:28px;border-radius:6px;margin-bottom:4px}.skeleton-stat-label-lg{width:60px;height:14px;border-radius:3px}.skeleton-row{display:flex;align-items:center;gap:12px;padding:8px 0}.skeleton-month-label{width:50px;height:14px;border-radius:3px;flex-shrink:0}.skeleton-bar{flex:1;height:24px;border-radius:4px}.skeleton-total{width:24px;height:14px;border-radius:3px;flex-shrink:0}.skeleton-legend{width:80px;height:16px;border-radius:4px}.skeleton-badge-count{width:80px;height:32px;border-radius:6px}.skeleton-group-icon{width:28px;height:28px;border-radius:6px;flex-shrink:0}.skeleton-badge-card{display:flex;flex-direction:column;align-items:center;padding:20px 16px;background:#f8fafc!important}.skeleton-badge-icon-lg{width:56px;height:56px;border-radius:12px}.skeleton-line{background:#e2e8f0!important}.skeleton-activity{opacity:1}.skeleton-activity-icon{width:40px;height:40px;border-radius:50%;flex-shrink:0}.skeleton-activity-card{flex:1;padding:16px;background:#f8fafc;border-radius:12px;border:none!important}.skeleton-meta{width:100px;height:14px;border-radius:3px}.skeleton-participants{width:80px;height:14px;border-radius:3px}@media (max-width: 768px){.skeleton-hexagon{width:160px;height:160px}.hero-stat-card-skeleton{padding:12px}.skeleton-badge-icon-lg{width:48px;height:48px}}.reputation-container{max-width:1200px;margin:0 auto;padding:0 20px 60px}.reputation-loading,.reputation-error,.reputation-login-required{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:#a0aec0}.loading-spinner{width:48px;height:48px;border:3px solid rgba(16,185,129,.2);border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite}.login-btn,.retry-btn{padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-btn:hover,.retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.section-title{font-size:20px;font-weight:600;color:#f7fafc;margin:0 0 24px;display:flex;align-items:center;gap:12px}.stats-section{margin-bottom:48px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(145deg,#1e293b,#0f172a);border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003}.stat-card.highlight{background:linear-gradient(145deg,#1e3a5f,#1e293b);border-color:#10b98133}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:12px;background:#ffffff0d}.stat-icon.total{background:#3b82f626}.stat-icon.attended{background:#10b98126}.stat-icon.absent{background:#ef444426}.stat-icon.late{background:#f59e0b26}.stat-icon.rate{background:#8b5cf626}.stat-icon.ontime{background:#06b6d426}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:24px;font-weight:700;color:#f7fafc}.stat-label{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.endorsement-section{padding:80px 24px;background:linear-gradient(180deg,#fff,#f8fafc);width:100vw;margin-left:calc(-50vw + 50%)}.endorsement-container{max-width:1024px;margin:0 auto;padding:0 24px}.endorsement-header{text-align:center;margin-bottom:48px}.endorsement-title{font-size:36px;font-weight:800;color:#0f172a;margin:0 0 16px}.endorsement-subtitle{font-size:18px;color:#64748b;max-width:512px;margin:0 auto}.endorsement-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.endorsement-chart-card{background:#fff;border-radius:24px;padding:32px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid rgba(15,23,42,.1)}.hexagon-wrapper{display:flex;flex-direction:column;align-items:center}.chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:24px;font-size:14px}.legend-item{display:flex;align-items:center;gap:8px;color:#64748b}.legend-dot{width:16px;height:16px;border-radius:50%}.legend-dot.filled{background:#0f172a}.legend-dot.outline{border:2px solid rgba(15,23,42,.3);background:transparent}.endorsement-cards{display:flex;flex-direction:column;gap:16px}.endorsement-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border:1px solid rgba(15,23,42,.1);transition:all .3s ease}.endorsement-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.endorsement-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.endorsement-card-left{display:flex;align-items:center;gap:12px}.endorsement-card-icon{width:48px;height:48px;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.endorsement-card:hover .endorsement-card-icon{background:#0f172a;transform:scale(1.1)}.endorsement-card-icon i{font-size:20px;color:#0f172a;transition:color .3s ease}.endorsement-card:hover .endorsement-card-icon i{color:#fff}.endorsement-card-info{display:flex;flex-direction:column}.endorsement-card-title{font-size:18px;font-weight:700;color:#0f172a;margin:0}.endorsement-card-desc{font-size:12px;color:#64748b;margin:0}.endorsement-card-score{text-align:right}.endorsement-card-score .score-value{font-size:28px;font-weight:800;color:#0f172a}.endorsement-card-score .score-max{font-size:12px;color:#64748b}.endorsement-progress-bar{height:12px;background:#f1f5f9;border-radius:6px;overflow:hidden}.endorsement-progress-fill{height:100%;background:linear-gradient(90deg,#0f172a,#10b981);border-radius:6px;transition:width 1s ease}.attendance-section{padding:80px 24px;background:linear-gradient(180deg,#f8fafc,#fff);width:100vw;margin-left:calc(-50vw + 50%)}.attendance-container{max-width:1024px;margin:0 auto;padding:0 24px}.attendance-header{text-align:center;margin-bottom:48px}.attendance-title{font-size:36px;font-weight:800;color:#0f172a;margin:0 0 16px}.attendance-subtitle{font-size:18px;color:#64748b;max-width:512px;margin:0 auto}.attendance-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.attendance-stat-card{display:flex;align-items:center;gap:16px;padding:24px;border-radius:16px;color:#fff;transition:all .3s ease}.attendance-stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #00000026}.attendance-stat-card.attended{background:linear-gradient(135deg,#10b981,#059669)}.attendance-stat-card.absent{background:linear-gradient(135deg,#ef4444,#dc2626)}.attendance-stat-card.late{background:linear-gradient(135deg,#f59e0b,#d97706)}.attendance-stat-card.total{background:linear-gradient(135deg,#3b82f6,#2563eb)}.attendance-stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:16px}.attendance-stat-icon i{font-size:24px;color:#fff}.attendance-stat-info{display:flex;flex-direction:column}.attendance-stat-value{font-size:32px;font-weight:800}.attendance-stat-label{font-size:14px;opacity:.9}.attendance-chart-card{background:#fff;border-radius:24px;padding:32px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid rgba(15,23,42,.1)}.attendance-chart-bars{display:flex;flex-direction:column;gap:12px}.attendance-chart-row{display:flex;align-items:center;gap:16px}.attendance-month-label{width:48px;font-size:14px;font-weight:600;color:#64748b;text-align:right}.attendance-bar-container{flex:1;height:32px;display:flex;background:#f1f5f9;border-radius:8px;overflow:hidden}.attendance-bar-segment{display:flex;align-items:center;justify-content:center;min-width:0;transition:width .5s ease}.attendance-bar-segment span{font-size:12px;font-weight:600;color:#fff}.attendance-bar-segment.attended{background:linear-gradient(90deg,#10b981,#059669)}.attendance-bar-segment.late{background:linear-gradient(90deg,#f59e0b,#d97706)}.attendance-bar-segment.absent{background:linear-gradient(90deg,#ef4444,#dc2626)}.attendance-bar-empty{flex:1;background:#e2e8f0;border-radius:8px}.attendance-total-label{width:32px;font-size:14px;font-weight:700;color:#0f172a;text-align:left}.attendance-chart-legend{display:flex;justify-content:center;gap:32px;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.attendance-legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b}.attendance-legend-dot{width:16px;height:16px;border-radius:4px}.attendance-legend-dot.attended{background:linear-gradient(135deg,#10b981,#059669)}.attendance-legend-dot.late{background:linear-gradient(135deg,#f59e0b,#d97706)}.attendance-legend-dot.absent{background:linear-gradient(135deg,#ef4444,#dc2626)}.badges-section-new{padding:80px 24px;background:linear-gradient(180deg,#f8fafc,#fff);width:100vw;margin-left:calc(-50vw + 50%)}.badges-container{max-width:1200px;margin:0 auto;padding:0 24px}.badges-header{text-align:center;margin-bottom:48px}.badges-title{font-size:36px;font-weight:800;color:#0f172a;margin:0 0 16px}.badges-subtitle{font-size:18px;color:#64748b;max-width:512px;margin:0 auto 24px}.badges-count-display{display:inline-flex;align-items:baseline;gap:8px}.earned-count{font-size:36px;font-weight:800;color:#10b981}.total-count{font-size:16px;color:#64748b}.badge-group-new{margin-bottom:64px}.badge-group-new:last-child{margin-bottom:0}.badge-group-header{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:#0f172a;margin:0 0 24px}.badge-group-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:16px}.badge-group-icon.earned{background:#10b981;color:#fff}.badge-group-icon.locked{background:#cbd5e1;color:#64748b}.badges-grid-new{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}.badge-card-new{position:relative;display:flex;flex-direction:column;align-items:center;padding:24px;background:#fff;border-radius:16px;border:1px solid rgba(15,23,42,.1);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:all .3s ease;text-align:center;overflow:hidden;cursor:pointer}.badge-card-new:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #00000040}.badge-card-new.earned:hover{box-shadow:0 25px 50px -12px #00000040}.badge-card-new.locked{opacity:1}.badge-card-new.locked:hover{transform:none;box-shadow:0 20px 25px -5px #0000001a}.badge-card-new.locked:hover .badge-icon-new,.badge-card-new.locked:hover .badge-name-new,.badge-card-new.locked:hover .badge-description-new,.badge-card-new.locked:hover .badge-progress-new{filter:none}.badge-icon-new{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:16px;font-size:36px;color:#fff;margin-bottom:16px;box-shadow:0 10px 15px -3px #0003;transition:all .3s ease}.badge-card-new.earned:hover .badge-icon-new{transform:scale(1.1) rotate(6deg)}.badge-card-new.locked .badge-icon-new{opacity:.3}.badge-name-new{font-size:14px;font-weight:700;color:#0f172a;margin:0 0 8px}.badge-card-new.locked .badge-name-new{color:#64748b}.badge-description-new{font-size:12px;color:#64748b;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.badge-card-new.locked .badge-description-new{color:#94a3b8}.badge-earned-date-new{display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;color:#10b981}.badge-earned-date-new i{font-size:14px}.badge-lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f172a0d;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:16px;z-index:10}.badge-card-new.locked:hover .badge-lock-overlay{opacity:1}.lock-icon-circle{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;color:#64748b;font-size:24px;box-shadow:0 10px 15px -3px #0003;transition:all .3s ease}.badge-card-new.locked:hover .lock-icon-circle{transform:scale(1.1)}.badge-progress-new{width:100%;margin-top:12px}.badge-progress-new .progress-header{display:flex;justify-content:space-between;font-size:12px;color:#64748b;margin-bottom:6px}.progress-bar-new{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.progress-fill-new{height:100%;border-radius:4px;transition:width 1s ease}.badges-section{margin-bottom:48px}.badge-counter{font-size:14px;font-weight:500;color:#10b981;margin-left:auto}.badge-group{margin-bottom:24px}.badge-group-title{font-size:14px;font-weight:600;color:#94a3b8;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.locked-group .badge-group-title{color:#64748b}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.badge-card{display:flex;gap:16px;padding:16px;background:linear-gradient(145deg,#1e293b,#0f172a);border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:transform .2s,box-shadow .2s}.badge-card.earned:hover{transform:translateY(-4px);box-shadow:0 8px 24px #10b98126;border-color:#10b9814d}.badge-card.locked{opacity:.7}.badge-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:12px;flex-shrink:0}.badge-info{flex:1;display:flex;flex-direction:column;gap:4px}.badge-name{font-size:15px;font-weight:600;color:#f7fafc}.badge-description{font-size:12px;color:#94a3b8;line-height:1.4}.badge-earned-date{font-size:11px;color:#10b981;margin-top:4px}.badge-progress{margin-top:8px}.progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:4px}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px}.progress-text{font-size:11px;color:#64748b}.activity-section{padding:80px 24px;background:linear-gradient(180deg,#fff,#f8fafc);width:100vw;margin-left:calc(-50vw + 50%)}.activity-container{max-width:1200px;margin:0 auto;padding:0 24px}.activity-header-section{text-align:center;margin-bottom:48px}.activity-title{font-size:36px;font-weight:800;color:#0f172a;margin:0 0 16px}.activity-subtitle{font-size:18px;color:#64748b;max-width:512px;margin:0 auto}.activity-empty{padding:60px 40px;text-align:center;color:#64748b;background:#fff;border-radius:24px;box-shadow:0 10px 15px -3px #0000001a;max-width:800px;margin:0 auto}.activity-timeline-wrapper{position:relative;max-width:800px;margin:0 auto}.activity-timeline-line{position:absolute;left:32px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#0f172a,#10b981,#0f172a)}.activity-timeline{display:flex;flex-direction:column;gap:32px}.activity-item{position:relative;padding-left:80px;cursor:default}.activity-item.clickable{cursor:pointer}.activity-icon-box{position:absolute;left:0;top:0;width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #0003;z-index:1}.activity-icon-box i{font-size:28px;color:#fff}.activity-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border:1px solid rgba(15,23,42,.1);transition:all .3s ease}.activity-item.clickable:hover .activity-card{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.activity-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.activity-card-info{flex:1}.activity-card-title{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 4px;transition:color .3s ease}.activity-item.clickable:hover .activity-card-title{color:#10b981}.activity-card-desc{font-size:14px;color:#64748b;margin:0}.activity-rating-badge{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#f59e0b1a;border-radius:20px}.activity-rating-badge i{font-size:14px;color:#f59e0b}.activity-rating-badge span{font-size:14px;font-weight:700;color:#f59e0b}.activity-card-footer{display:flex;align-items:center;justify-content:space-between}.activity-meta{display:flex;align-items:center;gap:16px}.activity-meta-item{display:flex;align-items:center;gap:4px;font-size:14px;color:#64748b}.activity-meta-item i{font-size:16px}.activity-participants{display:flex;align-items:center;gap:4px;font-size:14px;color:#64748b}.activity-participants i{font-size:16px}.activity-load-more{text-align:center;margin-top:48px}.load-more-btn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:#0f172a;border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 15px -3px #0003}.load-more-btn:hover{background:#1e293b;box-shadow:0 20px 25px -5px #0003}.load-more-btn i{font-size:18px}@media (max-width: 1200px){.attendance-stats-grid{grid-template-columns:repeat(2,1fr)}.badges-grid-new{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.badges-grid-new{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.badges-grid-new{grid-template-columns:repeat(2,1fr)}.badge-group-new{margin-bottom:48px}}@media (max-width: 900px){.endorsement-grid{grid-template-columns:1fr}.endorsement-chart-card{order:-1}.endorsement-title{font-size:28px}.endorsement-subtitle{font-size:16px}}@media (max-width: 600px){.endorsement-section{padding:48px 16px}.endorsement-container{padding:0}.endorsement-title{font-size:24px}.endorsement-subtitle{font-size:14px}.endorsement-chart-card{padding:24px 16px;border-radius:16px}.endorsement-card{padding:16px}.endorsement-card-icon{width:40px;height:40px}.endorsement-card-icon i{font-size:18px}.endorsement-card-title{font-size:16px}.endorsement-card-score .score-value{font-size:24px}.attendance-section{padding:48px 16px}.attendance-container{padding:0}.attendance-title{font-size:24px}.attendance-subtitle{font-size:14px}.attendance-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.attendance-stat-card{padding:16px;flex-direction:column;align-items:flex-start;gap:12px}.attendance-stat-icon{width:44px;height:44px}.attendance-stat-icon i{font-size:20px}.attendance-stat-value{font-size:24px}.attendance-stat-label{font-size:12px}.attendance-chart-card{padding:20px 16px;border-radius:16px}.attendance-month-label{width:36px;font-size:12px}.attendance-bar-container{height:24px}.attendance-bar-segment span{font-size:10px}.attendance-total-label{width:24px;font-size:12px}.attendance-chart-legend{gap:16px;flex-wrap:wrap}.attendance-legend-item{font-size:12px}.attendance-legend-dot{width:12px;height:12px}.activity-section{padding:48px 16px}.activity-container{padding:0}.activity-title{font-size:24px}.activity-subtitle{font-size:14px}.activity-timeline-line{left:24px}.activity-item{padding-left:64px}.activity-icon-box{width:48px;height:48px;border-radius:12px}.activity-icon-box i{font-size:20px}.activity-card{padding:16px;border-radius:12px}.activity-card-header{flex-direction:column;gap:8px}.activity-card-title{font-size:16px}.activity-card-desc{font-size:13px}.activity-rating-badge{align-self:flex-start}.activity-card-footer{flex-direction:column;align-items:flex-start;gap:8px}.activity-meta{flex-wrap:wrap;gap:12px}.activity-meta-item,.activity-participants{font-size:12px}.activity-timeline{gap:24px}.load-more-btn{padding:14px 24px;font-size:14px}.endorsement-summary-stats{flex-direction:column;gap:12px}.category-name{width:80px;font-size:11px}.badges-section-new{padding:48px 16px}.badges-container{padding:0}.badges-title{font-size:24px}.badges-subtitle{font-size:14px}.earned-count{font-size:28px}.badge-group-header{font-size:20px}.badges-grid-new{grid-template-columns:repeat(2,1fr);gap:16px}.badge-card-new{padding:20px 16px}.badge-icon-new{width:64px;height:64px;font-size:28px;border-radius:12px}.badge-name-new{font-size:13px}.badge-description-new,.badge-earned-date-new{font-size:11px}}@media (max-width: 400px){.badges-grid-new{grid-template-columns:repeat(2,1fr);gap:12px}.badge-card-new{padding:16px 12px}.badge-icon-new{width:56px;height:56px;font-size:24px}.badge-name-new{font-size:12px}.badge-description-new{font-size:10px;-webkit-line-clamp:2}}.section-skeleton{padding:24px}.skeleton-line{height:20px;background:linear-gradient(90deg,#2d3748 25%,#4a5568,#2d3748 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px;margin-bottom:12px}.skeleton-line.short{width:60%}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:20px}.skeleton-card{height:120px;background:linear-gradient(90deg,#2d3748 25%,#4a5568,#2d3748 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:12px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-spinner.small{width:20px;height:20px;border-width:2px}.badges-loading-more{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;color:#a0aec0;font-size:14px}.attendance-empty{display:flex;align-items:center;justify-content:center;padding:40px;color:#a0aec0;font-size:14px;background:#1a202c80;border-radius:12px}.settings-page{min-height:100vh;background:#f9fafb;padding:48px 0}.settings-container{max-width:1280px;margin:0 auto;padding:0 16px}@media (min-width: 640px){.settings-container{padding:0 24px}}@media (min-width: 1024px){.settings-container{padding:0 32px}}.settings-header{margin-bottom:32px}.settings-back-btn{display:flex;align-items:center;gap:8px;padding:0;background:none;border:none;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:color .2s ease;margin-bottom:16px}.settings-back-btn:hover{color:#0f172a}.settings-back-btn i{font-size:20px}.settings-title{font-size:30px;font-weight:700;color:#0f172a;margin:0 0 8px}.settings-subtitle{font-size:16px;color:#64748b;margin:0}.settings-layout{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 1024px){.settings-layout{grid-template-columns:240px 1fr}}.settings-sidebar{position:relative}.settings-nav{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:8px;position:sticky;top:24px}.settings-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;border-radius:12px;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease;text-align:left}.settings-nav-item:hover{background:#f8fafc}.settings-nav-item.active{background:#0f172a;color:#fff}.settings-nav-item i{font-size:20px}.settings-content{min-width:0}.settings-panel{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:32px}@media (max-width: 640px){.settings-panel{padding:24px 16px}}.settings-form{display:flex;flex-direction:column;gap:32px}.settings-section-header{margin-bottom:8px}.settings-section-title{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px}.settings-section-desc{font-size:14px;color:#64748b;margin:0}.settings-field{display:flex;flex-direction:column}.settings-field-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 768px){.settings-field-grid{grid-template-columns:repeat(2,1fr)}}.settings-label{font-size:14px;font-weight:700;color:#0f172a;margin-bottom:8px}.settings-input{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;color:#0f172a;transition:all .2s ease;background:#fff}.settings-input:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a}.settings-input:disabled{background:#f8fafc;color:#64748b;cursor:not-allowed}.settings-input::placeholder{color:#94a3b8}.settings-input-with-prefix{position:relative}.settings-input-prefix{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#64748b;font-size:14px}.settings-input-with-prefix .settings-input{padding-left:32px}.settings-username-row{display:flex;gap:8px}.settings-username-row .settings-input{flex:1}.settings-input.valid{border-color:#059669}.settings-input.invalid{border-color:#dc2626}.settings-btn-check-username{display:flex;align-items:center;gap:4px;padding:10px 16px;background:#0f172a;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.settings-btn-check-username:hover:not(:disabled){background:#1e293b}.settings-btn-check-username:disabled{background:#94a3b8;cursor:not-allowed}.settings-btn-check-username i{font-size:16px}.settings-username-check-message{display:flex;align-items:center;gap:4px;font-size:13px;margin-top:6px}.settings-username-check-message.success{color:#059669}.settings-username-check-message.error{color:#dc2626}.settings-username-check-message i{font-size:14px}.settings-field-hint{font-size:12px;color:#64748b;margin-top:4px}.settings-field-hint-top{font-size:12px;color:#64748b;margin-bottom:16px}.settings-textarea{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;color:#0f172a;resize:none;transition:all .2s ease;font-family:inherit}.settings-textarea:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a}.settings-textarea::placeholder{color:#94a3b8}.settings-textarea-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.settings-char-count{font-size:12px;color:#64748b}.settings-select{width:100%;padding:12px 40px 12px 16px;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;color:#0f172a;background:#fff;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.settings-select:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a}.settings-select.placeholder{color:#94a3b8}.settings-photo-row{display:flex;align-items:center;gap:24px}.settings-photo-avatar{width:96px;height:96px;background:#0f172a;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #0000001a;overflow:hidden;flex-shrink:0;position:relative}.settings-photo-avatar img{width:100%;height:100%;object-fit:cover}.settings-photo-avatar i{font-size:40px;color:#fff}.settings-photo-uploading{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center}.settings-photo-uploading i{font-size:32px;color:#fff}.settings-photo-error{font-size:12px;color:#ef4444;margin-top:8px}.settings-photo-actions{flex:1}.settings-photo-hint{font-size:12px;color:#64748b;margin-top:8px}.settings-btn-secondary{padding:8px 16px;background:#f1f5f9;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#0f172a;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.settings-btn-secondary:hover{background:#e2e8f0}.settings-btn-danger{padding:8px 16px;background:none;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#dc2626;cursor:pointer;transition:background-color .2s ease;margin-left:12px;white-space:nowrap}.settings-btn-danger:hover{background:#fef2f2}.settings-divider{border-top:1px solid #e2e8f0;padding-top:32px}.settings-divider-title{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 16px}.settings-keywords-input-row{display:flex;gap:8px}.settings-keywords-input-row .settings-input{flex:1}.settings-btn-add-keyword{display:flex;align-items:center;gap:4px;padding:10px 16px;background:#0f172a;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.settings-btn-add-keyword:hover:not(:disabled){background:#1e293b}.settings-btn-add-keyword:disabled{background:#94a3b8;cursor:not-allowed}.settings-btn-add-keyword i{font-size:16px}.settings-keywords-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.settings-keyword-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f1f5f9;border-radius:20px;font-size:14px;color:#334155}.settings-keyword-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:#cbd5e1;border:none;border-radius:50%;cursor:pointer;transition:background-color .2s ease}.settings-keyword-remove:hover{background:#ef4444;color:#fff}.settings-keyword-remove i{font-size:12px}.settings-genre-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 768px){.settings-genre-grid{grid-template-columns:repeat(4,1fr)}}.settings-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.settings-checkbox{width:16px;height:16px;border-radius:4px;cursor:pointer;accent-color:#06b6d4}.settings-checkbox-label span{font-size:14px;color:#64748b}.settings-checkbox-label span.checked{color:#0f172a;font-weight:500}.settings-days-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.settings-day-btn{min-width:44px;padding:8px 12px;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.settings-day-btn:hover{border-color:#06b6d4;color:#06b6d4}.settings-day-btn.active{background:#06b6d4;border-color:#06b6d4;color:#fff}.settings-time-row{display:flex;gap:8px;align-items:center}.settings-time-select{flex:1;min-width:0}.settings-time-separator{color:#64748b;font-size:16px;font-weight:500;flex-shrink:0}.settings-goals-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 768px){.settings-goals-grid{grid-template-columns:repeat(3,1fr)}}.settings-goal-item{display:flex;flex-direction:column}.settings-goal-label{font-size:12px;color:#64748b;margin-bottom:8px}.settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid #e2e8f0}.settings-btn-cancel{padding:12px 24px;background:none;border:none;border-radius:12px;font-size:14px;font-weight:700;color:#475569;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.settings-btn-cancel:hover{background:#f1f5f9}.settings-btn-save{padding:12px 24px;background:#0f172a;border:none;border-radius:12px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:background-color .2s ease;box-shadow:0 10px 15px -3px #0000001a;white-space:nowrap}.settings-btn-save:hover{background:#1e293b}.settings-btn-save:disabled,.settings-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.settings-btn-save i,.settings-btn-cancel i{font-size:16px}.settings-btn-save .spinning{animation:spin 1s linear infinite;margin-right:6px}.settings-save-message{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;margin-right:auto}.settings-save-message.success{background:#ecfdf5;color:#059669}.settings-save-message.error{background:#fef2f2;color:#dc2626}.settings-save-message i{font-size:16px}.settings-coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;color:#64748b}.settings-coming-soon i{font-size:48px;margin-bottom:16px;color:#cbd5e1}.settings-coming-soon p{font-size:16px;margin:0}.settings-not-implemented-wrapper{position:relative;margin-bottom:24px}.settings-not-implemented-content{opacity:.4;pointer-events:none;filter:grayscale(100%)}.settings-not-implemented-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;background:#0f172ae6;border-radius:12px;color:#fff}.settings-not-implemented-overlay i{font-size:24px}.settings-not-implemented-overlay span{font-size:14px;font-weight:600}.settings-security-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.settings-security-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.settings-security-card-info{flex:1}.settings-security-card-title{font-size:15px;font-weight:700;color:#0f172a;margin:0 0 4px}.settings-security-card-desc{font-size:14px;color:#64748b;margin:0}.settings-security-card-meta{font-size:12px;color:#94a3b8;margin:0}.settings-security-recommend{display:flex;align-items:center;gap:8px}.settings-security-recommend i{font-size:20px;color:#06b6d4}.settings-security-recommend span{font-size:14px;color:#64748b}.settings-btn-primary{padding:8px 16px;background:#0f172a;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.settings-btn-primary:hover{background:#1e293b}.settings-btn-accent{padding:8px 16px;background:#06b6d4;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.settings-btn-accent:hover{background:#0891b2}.settings-connected-title{font-size:15px;font-weight:700;color:#0f172a;margin:0 0 16px}.settings-connected-list{display:flex;flex-direction:column;gap:12px}.settings-connected-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid #e2e8f0;border-radius:12px;transition:background-color .2s ease}.settings-connected-item:hover{background:#f8fafc}.settings-connected-item-left{display:flex;align-items:center;gap:12px}.settings-connected-icon{width:40px;height:40px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;align-items:center;justify-content:center}.settings-connected-icon i{font-size:20px}.settings-connected-icon.google i{color:#ea4335}.settings-connected-info{display:flex;flex-direction:column}.settings-connected-name{font-size:14px;font-weight:500;color:#0f172a;margin:0}.settings-connected-email{font-size:12px;color:#94a3b8;margin:0}.settings-btn-disconnect{padding:6px 12px;background:none;border:none;border-radius:8px;font-size:12px;font-weight:500;color:#dc2626;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.settings-btn-disconnect:hover{background:#fef2f2}.settings-danger-zone{border-top:1px solid #e2e8f0;padding-top:32px}.settings-danger-title{font-size:15px;font-weight:700;color:#dc2626;margin:0 0 16px}.settings-danger-card{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:24px}.settings-danger-card-title{font-size:15px;font-weight:700;color:#b91c1c;margin:0 0 8px}.settings-danger-card-desc{font-size:14px;color:#dc2626;margin:0 0 16px}.settings-btn-delete{padding:8px 16px;background:#dc2626;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.settings-btn-delete:hover{background:#b91c1c}.settings-notification-group-title{font-size:15px;font-weight:700;color:#0f172a;margin:0 0 16px}.settings-notification-list{display:flex;flex-direction:column;gap:16px}.settings-notification-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid #e2e8f0;border-radius:12px;transition:background-color .2s ease}.settings-notification-item:hover{background:#f8fafc}.settings-notification-info{flex:1;padding-right:16px}.settings-notification-name{font-size:14px;font-weight:500;color:#0f172a;margin:0 0 4px}.settings-notification-desc{font-size:12px;color:#64748b;margin:0}.settings-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer;flex-shrink:0}.settings-toggle input{position:absolute;opacity:0;width:0;height:0}.settings-toggle-slider{position:relative;width:44px;height:24px;background:#e2e8f0;border-radius:9999px;transition:all .3s ease}.settings-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border:1px solid #cbd5e1;border-radius:50%;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.settings-toggle input:checked+.settings-toggle-slider{background:#06b6d4}.settings-toggle input:checked+.settings-toggle-slider:after{transform:translate(20px);border-color:transparent}.settings-toggle input:focus+.settings-toggle-slider{box-shadow:0 0 0 4px #06b6d433}.settings-privacy-group-title{font-size:15px;font-weight:700;color:#0f172a;margin:0 0 16px}.settings-radio-list{display:flex;flex-direction:column;gap:12px}.settings-radio-item{display:flex;align-items:center;padding:16px;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:background-color .2s ease}.settings-radio-item:hover{background:#f8fafc}.settings-radio{width:16px;height:16px;accent-color:#06b6d4;cursor:pointer;flex-shrink:0}.settings-radio-info{margin-left:12px}.settings-radio-name{font-size:14px;font-weight:500;color:#0f172a;margin:0}.settings-radio-desc{font-size:12px;color:#64748b;margin:4px 0 0}.settings-data-download-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.settings-data-download-info{flex:1}.settings-data-download-title{font-size:15px;font-weight:700;color:#0f172a;margin:0 0 4px}.settings-data-download-desc{font-size:14px;color:#64748b;margin:0}.settings-data-download-card.disabled{opacity:.6;background:#f8fafc}.settings-data-download-card.disabled .settings-btn-download{cursor:not-allowed;background:#94a3b8}.settings-data-download-card.disabled .settings-btn-download:hover{background:#94a3b8}.settings-btn-download i{margin-right:6px}.settings-location-picker{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin:12px 0 0}.settings-location-current{display:flex;align-items:center;gap:12px;margin-bottom:12px}.settings-location-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-location-icon i{font-size:20px;color:#fff}.settings-location-info{flex:1;min-width:0}.settings-location-label{font-size:12px;font-weight:500;color:#64748b;margin:0 0 2px;text-transform:uppercase;letter-spacing:.5px}.settings-location-value{font-size:15px;font-weight:600;color:#0f172a;margin:0}.settings-location-empty{font-size:14px;color:#94a3b8;margin:0;font-style:italic}.settings-location-actions{display:flex;gap:8px}.settings-btn-location{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:#0f172a;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease;max-width:300px}.settings-btn-location:hover:not(:disabled){background:#1e293b}.settings-btn-location:disabled{opacity:.7;cursor:not-allowed}.settings-btn-location i{font-size:16px}.settings-btn-location-clear{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fee2e2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;transition:all .2s ease;flex-shrink:0}.settings-btn-location-clear:hover:not(:disabled){background:#fecaca}.settings-btn-location-clear:disabled{opacity:.5;cursor:not-allowed}.settings-btn-location-clear i{font-size:18px}.settings-location-error{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:12px}.settings-location-error i{font-size:16px;color:#dc2626;flex-shrink:0}.settings-location-error span{font-size:13px;color:#dc2626;line-height:1.4}.settings-btn-download{padding:8px 16px;background:#475569;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.settings-btn-download:hover{background:#0f172a}.settings-login-required{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.settings-login-required p{font-size:18px;color:#64748b;margin-bottom:24px}.settings-login-btn{padding:12px 32px;background:#0f172a;border:none;border-radius:12px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:background-color .2s ease}.settings-login-btn:hover{background:#1e293b}@media (max-width: 1024px){.settings-nav{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;position:static}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-item{flex-shrink:0;padding:10px 16px}.settings-nav-item span{white-space:nowrap}}@media (max-width: 640px){.settings-page{padding:24px 0}.settings-title{font-size:24px}.settings-subtitle{font-size:14px}.settings-photo-row{flex-direction:column;align-items:flex-start;gap:16px}.settings-photo-avatar{width:80px;height:80px}.settings-photo-avatar i{font-size:32px}.settings-actions{flex-direction:column}.settings-btn-cancel,.settings-btn-save{width:100%}.settings-security-card-header{flex-direction:column;gap:12px}.settings-security-card-header button{width:100%}.settings-connected-item{flex-direction:column;align-items:flex-start;gap:12px}.settings-btn-disconnect{width:100%;text-align:center}}.settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.settings-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}.settings-modal-title{font-size:18px;font-weight:600;color:#0f172a;margin:0}.settings-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s ease}.settings-modal-close:hover{background:#f1f5f9;color:#0f172a}.settings-modal-close i{font-size:20px}.settings-modal-body{padding:24px}.settings-modal-warning{display:flex;gap:12px;padding:16px;background:#fef3c7;border:1px solid #fcd34d;border-radius:12px;margin-bottom:20px}.settings-modal-warning i{font-size:20px;color:#d97706;flex-shrink:0}.settings-modal-warning p{margin:0;font-size:14px;color:#92400e;line-height:1.5}.settings-modal-field{margin-bottom:16px}.settings-modal-field label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.settings-modal-confirm-text{color:#374151}.settings-modal-confirm-text p{margin:0 0 16px;font-size:15px;line-height:1.5}.settings-modal-warning-list{margin:0;padding-left:20px}.settings-modal-warning-list li{font-size:14px;color:#64748b;margin-bottom:8px;line-height:1.4}.settings-modal-warning-list li:last-child{margin-bottom:0}.settings-modal-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:16px}.settings-modal-error i{font-size:18px;color:#dc2626}.settings-modal-error span{font-size:14px;color:#dc2626}.settings-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 16px 16px}.settings-connected-status{display:flex;align-items:center;gap:4px;font-size:14px;color:#10b981;font-weight:500}.settings-connected-status i{font-size:16px}.settings-connected-icon.disabled{opacity:.5}.spinning{animation:spin 1s linear infinite}@media (max-width: 480px){.settings-modal{max-height:100vh;border-radius:0}.settings-modal-footer{flex-direction:column;border-radius:0}.settings-modal-footer button{width:100%}}.settings-location-profile-picker{display:flex;flex-direction:column;gap:8px}.settings-location-profile-display{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.settings-location-profile-value{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#0f172a}.settings-location-profile-value i{font-size:18px;color:#3b82f6}.settings-location-profile-actions{display:flex;gap:6px}.settings-btn-location-refresh,.settings-btn-location-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease}.settings-btn-location-refresh{color:#64748b}.settings-btn-location-refresh:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.settings-btn-location-remove{color:#ef4444}.settings-btn-location-remove:hover{background:#fef2f2;border-color:#fecaca}.settings-btn-location-refresh i,.settings-btn-location-remove i{font-size:16px}.settings-btn-get-location{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:10px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.settings-btn-get-location:hover{background:#f1f5f9;border-color:#3b82f6;color:#3b82f6}.settings-btn-get-location i{font-size:18px}.settings-location-profile-error{font-size:13px;color:#dc2626;margin:0;padding:8px 12px;background:#fef2f2;border-radius:6px}.settings-modal-location-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;margin:0 auto 20px}.settings-modal-location-icon i{font-size:32px;color:#fff}.settings-modal-info-list{margin:16px 0 0;padding-left:20px}.settings-modal-info-list li{font-size:14px;color:#64748b;margin-bottom:8px;line-height:1.5}.settings-modal-info-list li:last-child{margin-bottom:0}.settings-btn-primary{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;background:#0f172a;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.settings-btn-primary:hover:not(:disabled){background:#1e293b}.settings-btn-primary:disabled{opacity:.7;cursor:not-allowed}.settings-btn-primary i{font-size:16px}.legal-page{min-height:100vh;background:#f8fafc;padding:40px 20px 80px}.legal-container{max-width:800px;margin:0 auto}.legal-back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:#64748b;font-size:14px;cursor:pointer;padding:8px 0;margin-bottom:24px;transition:color .2s}.legal-back-btn:hover{color:#1e293b}.legal-title{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 8px}.legal-effective{font-size:14px;color:#94a3b8;margin:0 0 32px}.legal-content{background:#fff;border-radius:12px;padding:40px;box-shadow:0 1px 3px #00000014;line-height:1.8;color:#334155;font-size:15px}.legal-content h2{font-size:18px;font-weight:700;color:#1e293b;margin:36px 0 12px;padding-top:20px;border-top:1px solid #e2e8f0}.legal-content h2:first-of-type{border-top:none;padding-top:0}.legal-content h3{font-size:15px;font-weight:600;color:#475569;margin:20px 0 8px}.legal-content p{margin:8px 0}.legal-content ul{margin:8px 0;padding-left:24px}.legal-content ul li{margin:4px 0}.legal-content strong{color:#1e293b}.legal-note{font-size:13px;color:#64748b;background:#f1f5f9;padding:8px 12px;border-radius:6px;margin:8px 0}.legal-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}.legal-table th,.legal-table td{border:1px solid #e2e8f0;padding:10px 14px;text-align:left}.legal-table th{background:#f8fafc;color:#475569;font-weight:600;white-space:nowrap;width:140px}.legal-table thead th{background:#f1f5f9;color:#1e293b;width:auto}.legal-table td{color:#334155}.legal-formula{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:14px 20px;margin:12px 0;font-family:monospace;font-size:14px;color:#1e293b;text-align:center}.legal-effective-bottom{margin-top:40px;padding-top:20px;border-top:1px solid #e2e8f0;font-weight:600;color:#64748b}@media (max-width: 768px){.legal-page{padding:20px 16px 60px}.legal-title{font-size:22px}.legal-content{padding:24px 20px;font-size:14px}.legal-content h2{font-size:16px}.legal-table th{width:100px;font-size:13px}.legal-table td{font-size:13px}}.favorites-skeleton{background:linear-gradient(90deg,#e2e8f0,#f1f5f9,#e2e8f0);background-size:200% 100%;animation:favorites-shimmer 1.5s ease-in-out infinite;border-radius:8px}@keyframes favorites-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.favorites-skeleton-stat-icon{width:40px;height:40px;border-radius:12px;flex-shrink:0}.favorites-skeleton-stat-value{width:48px;height:28px;border-radius:6px;margin-bottom:4px}.favorites-skeleton-stat-label{width:64px;height:16px;border-radius:4px}.favorites-card-skeleton{pointer-events:none}.favorites-skeleton-cover{width:100%;height:100%;border-radius:0}.favorites-skeleton-title{width:85%;height:22px;margin-bottom:8px}.favorites-skeleton-author{width:60%;height:16px}.favorites-skeleton-info{width:100%;height:48px;border-radius:12px}.favorites-skeleton-btn{width:100%;height:44px;border-radius:12px}.favorites-skeleton-tab{width:120px;height:44px;border-radius:8px}.favorites-skeleton-search{flex:1;height:52px;border-radius:16px}.favorites-skeleton-sort{width:140px;height:52px;border-radius:12px}.favorites-skeleton-result-info{width:100px;height:20px;border-radius:4px}@media (max-width: 640px){.favorites-skeleton-stat-icon{width:36px;height:36px}.favorites-skeleton-stat-value{width:40px;height:24px}.favorites-skeleton-stat-label{width:56px;height:14px}.favorites-skeleton-tab{width:100px;height:40px}}.favorites-page{min-height:100vh;background-color:#f8fafc}.favorites-login-required{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 64px);gap:16px;padding:24px}.favorites-login-required p{color:#64748b;font-size:16px}.favorites-login-btn{padding:12px 24px;background:linear-gradient(135deg,#0891b2,#06b6d4);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.favorites-login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0891b24d}.favorites-hero{position:relative;background:linear-gradient(to bottom right,#f8fafc,#fff,#ecfeff4d);border-bottom:1px solid #e2e8f0;overflow:hidden}.favorites-hero-bg-1{position:absolute;top:0;right:0;width:384px;height:384px;background:#cffafe33;border-radius:50%;filter:blur(48px);transform:translateY(-50%) translate(50%)}.favorites-hero-bg-2{position:absolute;bottom:0;left:0;width:320px;height:320px;background:#fef3c733;border-radius:50%;filter:blur(48px);transform:translateY(50%) translate(-50%)}.favorites-hero-content{position:relative;max-width:1280px;margin:0 auto;padding:64px 16px}@media (min-width: 640px){.favorites-hero-content{padding:64px 24px}}@media (min-width: 1024px){.favorites-hero-content{padding:64px 32px}}.favorites-hero-text{max-width:768px}.favorites-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #a5f3fc;border-radius:9999px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d}.favorites-hero-badge-dot{width:8px;height:8px;background:#06b6d4;border-radius:50%;animation:pulse 2s infinite}.favorites-hero-badge span{font-size:14px;font-weight:600;color:#0e7490}.favorites-hero-title{font-size:48px;font-weight:700;color:#0f172a;margin:0 0 24px;line-height:1.1}@media (min-width: 1024px){.favorites-hero-title{font-size:60px}}.favorites-hero-subtitle{font-size:20px;color:#475569;margin:0 0 32px;line-height:1.6}.favorites-hero-stats{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.favorites-stat-item{display:flex;align-items:center;gap:8px}.favorites-stat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.favorites-stat-icon i{font-size:20px}.favorites-stat-icon-ai{background:#cffafe}.favorites-stat-icon-ai i{color:#0891b2}.favorites-stat-icon-liked{background:#fef3c7}.favorites-stat-icon-liked i{color:#d97706}.favorites-stat-icon-available{background:#d1fae5}.favorites-stat-icon-available i{color:#059669}.favorites-stat-info{display:flex;flex-direction:column}.favorites-stat-value{font-size:24px;font-weight:700;color:#0f172a}.favorites-stat-label{font-size:14px;color:#475569}.favorites-filter-bar{position:sticky;top:0;z-index:40;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.favorites-filter-container{max-width:1280px;margin:0 auto;padding:24px 16px}@media (min-width: 640px){.favorites-filter-container{padding:24px}}@media (min-width: 1024px){.favorites-filter-container{padding:24px 32px}}.favorites-filter-content{display:flex;flex-direction:column;gap:16px}.favorites-tabs{display:inline-flex;align-items:center;gap:8px;padding:6px;background:#f1f5f9;border-radius:12px}.favorites-tab{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;white-space:nowrap;transition:all .2s ease;background:transparent;color:#475569}.favorites-tab:hover{background:#fff}.favorites-tab.active{background:#0f172a;color:#fff;box-shadow:0 4px 12px #00000026}.favorites-tab-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.favorites-tab-icon i{font-size:16px}.favorites-tab-icon-heart i,.favorites-tab.active .favorites-tab-icon-heart i{color:#fbbf24}.favorites-regenerate-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;margin-left:8px;background:linear-gradient(135deg,#0891b2,#06b6d4);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.favorites-regenerate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0891b24d}.favorites-regenerate-btn:disabled{cursor:not-allowed;opacity:.7}.favorites-regenerate-btn.loading i{animation:spin 1s linear infinite}.favorites-regenerate-btn i{font-size:14px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.favorites-search-row{display:flex;align-items:center;gap:16px}.favorites-search-wrapper{position:relative;flex:1;z-index:50}.favorites-search-icon{position:absolute;left:24px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center}.favorites-search-icon i{font-size:20px;color:#94a3b8}.favorites-search-input{width:100%;padding:16px 24px 16px 56px;background:#fff;border:1px solid #cbd5e1;border-radius:16px;font-size:16px;color:#0f172a;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.favorites-search-input::placeholder{color:#94a3b8}.favorites-search-input:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px #06b6d4}.favorites-sort-select{padding:16px;background:#fff;border:1px solid #cbd5e1;border-radius:12px;font-size:14px;font-weight:500;color:#334155;cursor:pointer;transition:all .2s ease}.favorites-sort-select:focus{outline:none;box-shadow:0 0 0 2px #06b6d4}.favorites-result-info{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#475569}.favorites-result-info strong{color:#0f172a;font-weight:600}.favorites-main{padding:48px 16px}@media (min-width: 640px){.favorites-main{padding:48px 24px}}@media (min-width: 1024px){.favorites-main{padding:48px 32px}}.favorites-container{max-width:1280px;margin:0 auto}.favorites-coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;background:#fff;border-radius:24px;border:1px solid #e2e8f0;text-align:center}.favorites-coming-soon-icon{width:80px;height:80px;background:linear-gradient(135deg,#cffafe,#a5f3fc);border-radius:24px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.favorites-coming-soon-icon i{font-size:36px;color:#0891b2}.favorites-coming-soon h2{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 12px}.favorites-coming-soon p{font-size:16px;color:#64748b;margin:0 0 24px;max-width:400px;line-height:1.6}.favorites-browse-btn{padding:12px 24px;background:linear-gradient(135deg,#0891b2,#06b6d4);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.favorites-browse-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0891b24d}.favorites-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;background:#fff;border-radius:24px;border:1px solid #e2e8f0;text-align:center}.favorites-loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#0891b2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.favorites-loading p{color:#64748b;font-size:16px}.favorites-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;background:#fff;border-radius:24px;border:1px solid #e2e8f0;text-align:center}.favorites-empty-icon{width:80px;height:80px;background:linear-gradient(135deg,#cffafe,#a5f3fc);border-radius:24px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.favorites-empty-icon i{font-size:36px;color:#0891b2}.favorites-empty h2{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 12px}.favorites-empty p{font-size:16px;color:#64748b;margin:0 0 24px;max-width:400px;line-height:1.6}.favorites-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:24px}@media (min-width: 640px){.favorites-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.favorites-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.favorites-grid{grid-template-columns:repeat(4,1fr)}}.favorites-card{background:#fff;border-radius:20px;border:1px solid #e2e8f0;overflow:visible;transition:all .3s ease;display:flex;flex-direction:column}.favorites-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f;border-color:#cbd5e1}.favorites-card-cover{position:relative;width:100%;height:280px;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(180deg,#06b6d4,#0891b2);border-radius:20px 20px 0 0;overflow:visible}.favorites-card-cover:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.15) 100%);pointer-events:none}.favorites-book-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.favorites-book-container{perspective:1500px;display:flex;align-items:flex-end;justify-content:center;position:relative;z-index:2}.favorites-book-container:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:100px;height:20px;background:radial-gradient(ellipse at center,rgba(0,0,0,.3) 0%,transparent 70%);border-radius:50%;z-index:-1}.favorites-book{position:relative;display:inline-block;border-radius:2px 4px 4px 2px;background:linear-gradient(45deg,#dad5dc,#f2ebf4);transform-style:preserve-3d;transition:transform .5s}.favorites-card:hover .favorites-book{transform:rotateY(25deg)}.favorites-book-front{position:relative;transform-style:preserve-3d;transform-origin:0% 50%;transition:transform .5s;z-index:10}.favorites-card:hover .favorites-book-front{transform:translateZ(9px)}.favorites-book-cover-inner{position:relative;display:flex;align-items:center;justify-content:center;border-radius:0 3px 3px 0;background:linear-gradient(45deg,#dad5dc,#f2ebf4);box-shadow:inset 4px 0 10px #0000001a;overflow:hidden}.favorites-book-cover-inner:after{content:"";position:absolute;top:0;left:8px;bottom:0;width:2px;background:#0000001a;box-shadow:1px 0 3px #ffffff1a}.favorites-book-cover-inner img{display:block;width:auto;height:auto;max-width:140px;max-height:200px;image-rendering:-webkit-optimize-contrast;image-rendering:smooth}.favorites-book-no-cover{width:140px;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;background:linear-gradient(160deg,#e0e7ff,#c7d2fe 40%,#a5b4fc)}.favorites-book-no-cover .no-cover-decoration{position:absolute;top:-30px;right:-30px;width:80px;height:80px;border-radius:50%;background:#ffffff26;pointer-events:none}.favorites-book-no-cover .no-cover-icon{font-size:36px;color:#4f46e5;opacity:.6}.favorites-book-no-cover .no-cover-spinner{font-size:36px;color:#4f46e5;opacity:.6;animation:spin 1s linear infinite}.favorites-book-no-cover .no-cover-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:600;color:#312e81;text-align:center;line-height:1.4;padding:0 12px;max-height:46px}.favorites-book-author{position:absolute;bottom:8px;left:10px;right:10px;font-size:9px;font-weight:400;color:#2b2b2b;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#ffffffd9;padding:3px 6px;border-radius:3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin:0}.favorites-book-spine{position:absolute;top:0;bottom:0;width:18px;left:-9px;background-color:#e8e5ea;transform:rotateY(-90deg)}.favorites-book-spine h2{position:absolute;top:0;left:0;width:18px;height:100%;color:#2b2b2b;font-size:8px;font-weight:400;line-height:18px;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;padding:8px 0;box-sizing:border-box;margin:0}.favorites-book-spine h2 span{font-weight:400;font-size:8px}.favorites-cover-like{position:absolute;top:12px;right:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#ef4444;font-size:16px;cursor:pointer;transition:all .2s;z-index:10}.favorites-cover-like:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #ef44444d}.favorites-cover-like:disabled{opacity:.7;cursor:not-allowed}.favorites-cover-like.loading i{animation:spin 1s linear infinite}.favorites-cover-ai-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#0891b2,#06b6d4);border-radius:8px;box-shadow:0 2px 8px #0891b24d;z-index:10}.favorites-cover-ai-badge i{font-size:14px;color:#fff}.favorites-cover-ai-badge span{font-size:12px;font-weight:700;color:#fff}.favorites-card-genre{position:absolute;bottom:12px;left:12px;z-index:5}.favorites-card-genre span{display:inline-flex;align-items:center;padding:6px 12px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;font-size:12px;font-weight:600;color:#0f172a;box-shadow:0 2px 8px #0000001a}.favorites-card-content{padding:20px;display:flex;flex-direction:column;gap:16px;flex:1}.favorites-card-header{flex:1}.favorites-card-title{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.favorites-card:hover .favorites-card-title{color:#0891b2}.favorites-card-author{font-size:14px;font-weight:500;color:#64748b;margin:0}.favorites-card-liked-info{display:flex;flex-direction:column;gap:8px}.favorites-card-liked-badge{display:flex;align-items:center;gap:8px;padding:12px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;border-radius:12px}.favorites-card-liked-badge i{color:#f59e0b;font-size:16px}.favorites-card-liked-badge span{font-size:13px;font-weight:600;color:#78350f}.favorites-card-ai-reason{padding:12px;background:linear-gradient(135deg,#ecfeff,#cffafe);border:1px solid #a5f3fc;border-radius:12px}.favorites-card-ai-reason-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.favorites-card-ai-reason-header i{color:#0891b2;font-size:14px}.favorites-card-ai-reason-header span{font-size:12px;font-weight:700;color:#0e7490;text-transform:uppercase;letter-spacing:.5px}.favorites-card-ai-reason p{font-size:13px;color:#155e75;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.favorites-card-actions{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid #f1f5f9}.favorites-card-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;width:100%}.favorites-card-btn i{font-size:16px}.favorites-card-btn-remove{background:#fef2f2;color:#dc2626}.favorites-card-btn-remove:hover:not(:disabled){background:#fee2e2}.favorites-card-btn-remove:disabled{opacity:.6;cursor:not-allowed}.favorites-card-btn-remove i.ri-loader-4-line{animation:spin 1s linear infinite}.favorites-card-btn-find{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.favorites-card-btn-find:hover{background:#e2e8f0;border-color:#cbd5e1}.favorites-card-btn-create{background:#0f172a;color:#fff}.favorites-card-btn-create:hover{background:#0891b2}.favorites-search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 40px #00000026;max-height:400px;overflow-y:auto;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.favorites-search-dropdown-loading,.favorites-search-dropdown-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;gap:12px;color:#64748b}.favorites-search-dropdown-loading i,.favorites-search-dropdown-empty i{font-size:32px;color:#94a3b8}.favorites-search-dropdown-loading i{animation:spin 1s linear infinite}.favorites-search-dropdown-loading span,.favorites-search-dropdown-empty span{font-size:14px;font-weight:500}.favorites-search-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s ease;border-bottom:1px solid #f1f5f9}.favorites-search-dropdown-item:last-child{border-bottom:none}.favorites-search-dropdown-item:hover{background:#f8fafc}.favorites-search-dropdown-item:first-child{border-radius:16px 16px 0 0}.favorites-search-dropdown-item:last-child{border-radius:0 0 16px 16px}.favorites-search-dropdown-item:only-child{border-radius:16px}.favorites-search-dropdown-cover{width:48px;height:64px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#f1f5f9}.favorites-search-dropdown-cover img{width:100%;height:100%;object-fit:cover}.favorites-search-dropdown-no-cover{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.favorites-search-dropdown-no-cover i{font-size:20px;color:#94a3b8}.favorites-search-dropdown-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.favorites-search-dropdown-title{font-size:14px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorites-search-dropdown-author{font-size:13px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorites-search-dropdown-like{width:40px;height:40px;border-radius:10px;border:none;background:#f1f5f9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.favorites-search-dropdown-like i{font-size:20px;color:#94a3b8;transition:all .2s ease}.favorites-search-dropdown-like:hover:not(:disabled){background:#fee2e2}.favorites-search-dropdown-like:hover:not(:disabled) i{color:#ef4444}.favorites-search-dropdown-like.liked{background:#fef2f2}.favorites-search-dropdown-like.liked i{color:#ef4444}.favorites-search-dropdown-like:disabled{cursor:not-allowed;opacity:.6}.favorites-search-dropdown-like i.ri-loader-4-line{animation:spin 1s linear infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.create-suggestion-modal{background:#fff;border-radius:24px;width:100%;max-width:560px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #f1f5f9}.modal-header h2{font-size:20px;font-weight:700;color:#0f172a;margin:0}.modal-close-btn{width:40px;height:40px;border-radius:12px;border:none;background:#f1f5f9;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-btn:hover{background:#e2e8f0;color:#0f172a}.modal-form{padding:24px;overflow-y:auto;flex:1}.modal-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:12px;font-size:14px;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.form-group label .optional{font-weight:400;color:#9ca3af}.form-group input[type=text],.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;transition:all .2s ease;background:#f8fafc;box-sizing:border-box}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:#10b981;background:#fff;box-shadow:0 0 0 4px #10b9811a}.form-group textarea{resize:vertical;min-height:120px;font-family:inherit}.char-count{display:block;text-align:right;font-size:12px;color:#9ca3af;margin-top:4px}.tag-input-wrapper{display:flex;align-items:center;gap:8px;position:relative}.tag-input-wrapper .tag-icon{position:absolute;left:14px;color:#94a3b8}.tag-input-wrapper input{flex:1;padding-left:40px!important}.add-tag-btn{padding:12px 20px;background:#10b981;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-tag-btn:hover{background:#059669}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#ecfdf5;color:#047857;border-radius:9999px;font-size:14px;font-weight:500}.tag-item button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#047857;cursor:pointer;padding:0;transition:color .2s ease}.tag-item button:hover{color:#dc2626}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #f1f5f9;margin-top:4px}.cancel-btn{padding:12px 24px;background:#f1f5f9;color:#64748b;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#e2e8f0;color:#0f172a}.submit-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{width:20px;height:20px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 480px){.create-suggestion-modal{max-height:95vh}.modal-header{padding:16px}.modal-header h2{font-size:18px}.modal-form{padding:16px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}.tag-input-wrapper{flex-direction:column}.tag-input-wrapper input,.add-tag-btn{width:100%}}.suggestion-detail-modal{background:#fff;border-radius:24px;width:100%;max-width:720px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .3s ease}.modal-loading{display:flex;align-items:center;justify-content:center;padding:80px}.loading-spinner-large{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#10b981;border-radius:50%;animation:spin .8s linear infinite}.modal-error-state{padding:80px;text-align:center;color:#64748b;font-size:16px}.detail-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f1f5f9}.header-left{display:flex;align-items:center;gap:12px}.detail-status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:9999px;font-size:14px;font-weight:600}.detail-status-badge.open{background:#f1f5f9;color:#475569}.detail-status-badge.in_review{background:#dbeafe;color:#1e40af}.detail-status-badge.planned{background:#fef3c7;color:#92400e}.detail-status-badge.implemented{background:#dcfce7;color:#166534}.detail-status-badge.rejected{background:#fee2e2;color:#991b1b}.detail-modal-content{flex:1;overflow-y:auto}.suggestion-detail-info{padding:24px;border-bottom:1px solid #f1f5f9}.suggestion-detail-title{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 16px;line-height:1.3}.suggestion-detail-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.detail-author{display:flex;align-items:center;gap:12px}.detail-author-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#10b981,#f59e0b);display:flex;align-items:center;justify-content:center;overflow:hidden}.detail-author-avatar img{width:100%;height:100%;object-fit:cover}.detail-author-avatar span{color:#fff;font-weight:700;font-size:18px}.detail-author-info{display:flex;flex-direction:column;gap:2px}.detail-author-name{font-weight:600;color:#0f172a;font-size:15px}.detail-date{font-size:13px;color:#94a3b8}.detail-vote-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#64748b;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.detail-vote-btn:hover:not(:disabled){border-color:#10b981;color:#10b981}.detail-vote-btn.voted{background:#ecfdf5;border-color:#10b981;color:#10b981}.detail-vote-btn:disabled{opacity:.6;cursor:not-allowed}.suggestion-detail-content{margin-bottom:20px}.suggestion-detail-content p{font-size:16px;color:#374151;line-height:1.7;margin:0;white-space:pre-wrap}.suggestion-detail-tags{display:flex;flex-wrap:wrap;gap:8px}.detail-tag{padding:6px 12px;background:#f1f5f9;color:#475569;border-radius:8px;font-size:14px;font-weight:500}.comments-section{padding:24px}.comments-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#0f172a;margin:0 0 20px}.comments-count{background:#f1f5f9;color:#64748b;padding:4px 10px;border-radius:9999px;font-size:14px;font-weight:600}.comments-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;max-height:300px;overflow-y:auto}.no-comments{padding:32px;text-align:center;color:#94a3b8;font-size:14px;background:#f8fafc;border-radius:12px}.comment-item{display:flex;gap:12px}.comment-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;overflow:hidden}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-avatar span{color:#fff;font-weight:600;font-size:14px}.comment-body{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.comment-author{font-weight:600;color:#0f172a;font-size:14px}.comment-date{font-size:12px;color:#94a3b8}.comment-delete-btn{margin-left:auto;background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.comment-delete-btn:hover{color:#ef4444;background:#fef2f2}.comment-content{font-size:14px;color:#374151;line-height:1.5;margin:0;background:#f8fafc;padding:10px 14px;border-radius:4px 12px 12px}.comment-form{border-top:1px solid #f1f5f9;padding-top:20px}.comment-input-wrapper{display:flex;align-items:center;gap:12px;background:#f8fafc;border-radius:16px;padding:8px;border:2px solid #e2e8f0;transition:all .2s ease}.comment-input-wrapper:focus-within{border-color:#10b981;background:#fff}.comment-input-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#10b981,#f59e0b);display:flex;align-items:center;justify-content:center;overflow:hidden}.comment-input-avatar img{width:100%;height:100%;object-fit:cover}.comment-input-avatar span{color:#fff;font-weight:600;font-size:14px}.comment-input-wrapper input{flex:1;border:none;background:transparent;font-size:15px;padding:8px;outline:none}.comment-input-wrapper input::placeholder{color:#94a3b8}.comment-submit-btn{width:40px;height:40px;border-radius:12px;border:none;background:#10b981;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.comment-submit-btn:hover:not(:disabled){background:#059669}.comment-submit-btn:disabled{background:#d1d5db;cursor:not-allowed}.loading-spinner-small{width:18px;height:18px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.login-to-comment{padding:20px;text-align:center;color:#64748b;font-size:14px;background:#f8fafc;border-radius:12px;border-top:1px solid #f1f5f9;margin-top:20px}@media (max-width: 640px){.suggestion-detail-modal{max-height:95vh;border-radius:24px 24px 0 0;margin-top:auto}.detail-modal-header,.suggestion-detail-info{padding:16px}.suggestion-detail-title{font-size:20px}.suggestion-detail-meta{flex-direction:column;align-items:flex-start;gap:16px}.detail-vote-btn{width:100%;justify-content:center}.comments-section{padding:16px}.comments-list{max-height:200px}}.revolution-page{position:relative;min-height:calc(100vh - 140px);background:linear-gradient(135deg,#f8fafc,#f1f5f9);overflow:hidden}.revolution-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;background-image:radial-gradient(circle at 2px 2px,rgb(15,23,42) 1px,transparent 0px);background-size:48px 48px;pointer-events:none}.revolution-hero{position:relative;z-index:10;max-width:1280px;margin:0 auto;padding:80px 16px}@media (min-width: 640px){.revolution-hero{padding:80px 24px}}@media (min-width: 1024px){.revolution-hero{padding:80px 32px}}.revolution-hero-content{text-align:center}.revolution-badge{display:inline-flex;align-items:center;gap:12px;padding:12px 24px;background:#fff;border-radius:9999px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin-bottom:32px;border:1px solid rgba(15,23,42,.1);transition:all .5s ease;cursor:default}.revolution-badge:hover{box-shadow:0 25px 50px -12px #00000040;transform:scale(1.05)}.badge-pulse-container{position:relative;width:12px;height:12px}.badge-pulse-dot{width:12px;height:12px;background:#10b981;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.badge-pulse-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:12px;height:12px;background:#10b981;border-radius:50%;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.badge-text{font-size:14px;font-weight:700;color:#0f172a;text-transform:uppercase;letter-spacing:.05em}.revolution-title{font-size:60px;font-weight:900;color:#0f172a;margin-bottom:24px;line-height:1.1;letter-spacing:-.025em}@media (min-width: 768px){.revolution-title{font-size:72px}}@media (min-width: 1024px){.revolution-title{font-size:96px}}.title-line-1{display:inline-block;transition:color .3s ease}.title-line-1:hover{color:#10b981}.title-line-2{display:inline-block;background:linear-gradient(to right,#10b981,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.revolution-description{font-size:20px;color:#475569;max-width:896px;margin:0 auto 48px;line-height:1.75;font-weight:300}@media (min-width: 768px){.revolution-description{font-size:24px}}.revolution-stats{display:grid;grid-template-columns:1fr;gap:24px;max-width:896px;margin:0 auto 48px}@media (min-width: 768px){.revolution-stats{grid-template-columns:repeat(3,1fr)}}.stat-card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid rgba(15,23,42,.1);transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.stat-number{font-size:36px;font-weight:900;margin-bottom:8px}.stat-number.primary{color:#0f172a}.stat-number.secondary{color:#10b981}.stat-number.accent{color:#f59e0b}.stat-label{font-size:14px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.05em}.create-suggestion-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:16px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:32px;box-shadow:0 10px 25px -5px #10b98166}.create-suggestion-btn:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px #10b98180}.create-suggestion-btn:active{transform:translateY(-2px)}@media (max-width: 480px){.revolution-hero{padding:40px 16px}.revolution-title{font-size:48px}.revolution-description{font-size:16px}.revolution-badge{padding:8px 16px;gap:8px}.badge-text{font-size:12px}}.revolution-filter-section{position:relative;z-index:10;padding:0 16px 48px}@media (min-width: 640px){.revolution-filter-section{padding:0 24px 48px}}@media (min-width: 1024px){.revolution-filter-section{padding:0 32px 48px}}.filter-container{max-width:1280px;margin:0 auto}.filter-content{display:flex;flex-direction:column;gap:16px;background:#fff;border-radius:24px;padding:24px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid rgba(15,23,42,.1)}@media (min-width: 1024px){.filter-content{flex-direction:row;align-items:center;justify-content:space-between}}.search-input-wrapper{position:relative;flex:1;max-width:100%}@media (min-width: 1024px){.search-input-wrapper{max-width:400px}}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8}.search-input{width:100%;padding:12px 16px 12px 48px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;transition:all .2s ease;background:#f8fafc}.search-input:focus{outline:none;border-color:#10b981;background:#fff;box-shadow:0 0 0 4px #10b9811a}.search-input::placeholder{color:#94a3b8}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:#cbd5e1;background:#f8fafc}.filter-btn.active{border-color:#10b981;background:#ecfdf5;color:#047857}.revolution-list-section{position:relative;z-index:10;padding:0 16px 80px}@media (min-width: 640px){.revolution-list-section{padding:0 24px 80px}}@media (min-width: 1024px){.revolution-list-section{padding:0 32px 80px}}.list-container{max-width:1280px;margin:0 auto}.tier-list{display:flex;flex-direction:column;gap:48px}.tier-group{display:flex;flex-direction:column;gap:24px}.tier-header{display:flex;flex-direction:column;gap:8px}@media (min-width: 640px){.tier-header{flex-direction:row;align-items:center;gap:16px}}.tier-badge{display:inline-flex;align-items:center;gap:12px;padding:12px 24px;border-radius:16px;font-weight:800;width:fit-content}.tier-badge svg{flex-shrink:0}.tier-name{font-size:20px;letter-spacing:.05em}.tier-range{font-size:14px;opacity:.8}.tier-badge.apex{background:linear-gradient(135deg,#fef3c7,#fcd34d);color:#92400e;box-shadow:0 4px 14px #fcd34d66}.tier-badge.elite{background:linear-gradient(135deg,#dbeafe,#93c5fd);color:#1e40af;box-shadow:0 4px 14px #93c5fd66}.tier-badge.rising{background:linear-gradient(135deg,#d1fae5,#6ee7b7);color:#047857;box-shadow:0 4px 14px #6ee7b766}.tier-badge.emerging{background:linear-gradient(135deg,#f1f5f9,#cbd5e1);color:#475569;box-shadow:0 4px 14px #cbd5e166}.tier-description{font-size:14px;color:#64748b;margin:0}.tier-cards{display:flex;gap:24px;justify-content:center}.tier-cards-1,.tier-cards-2{grid-template-columns:1fr}@media (min-width: 768px){.tier-cards-2{grid-template-columns:repeat(2,1fr)}}.tier-cards-3{grid-template-columns:1fr}@media (min-width: 768px){.tier-cards-3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.tier-cards-3{grid-template-columns:repeat(3,1fr)}}.tier-cards-4{grid-template-columns:1fr}@media (min-width: 640px){.tier-cards-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.tier-cards-4{grid-template-columns:repeat(4,1fr)}}.suggestion-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(15,23,42,.1);transition:all .3s ease;display:flex;flex-direction:column;gap:16px;width:350px}.suggestion-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.suggestion-header{display:flex;align-items:center;justify-content:space-between}.suggestion-author{display:flex;align-items:center;gap:12px}.author-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#10b981,#f59e0b);display:flex;align-items:center;justify-content:center;overflow:hidden}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-avatar span{color:#fff;font-weight:700;font-size:16px}.author-info{display:flex;flex-direction:column}.author-name{font-weight:600;color:#0f172a;font-size:14px}.suggestion-date{font-size:12px;color:#94a3b8}.suggestion-title{font-size:18px;font-weight:700;color:#0f172a;margin:0;line-height:1.4}.suggestion-description{font-size:14px;color:#64748b;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.suggestion-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid #f1f5f9}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;font-size:12px;font-weight:600}.status-badge.completed{background:#dcfce7;color:#166534}.status-badge.in-progress{background:#fef3c7;color:#92400e}.status-badge.reviewing{background:#dbeafe;color:#1e40af}.status-badge.pending{background:#f1f5f9;color:#475569}.status-badge.rejected{background:#fee2e2;color:#991b1b}.suggestion-votes{display:flex;align-items:center;gap:6px;color:#64748b;font-weight:700;font-size:16px;padding:8px 14px;border:2px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease}.suggestion-votes:hover:not(:disabled){border-color:#10b981;color:#10b981}.suggestion-votes.voted{background:#ecfdf5;border-color:#10b981;color:#10b981}.suggestion-votes:disabled{cursor:default;opacity:.8}.suggestion-votes svg{transition:transform .2s ease}.suggestion-votes.voted svg{color:#10b981}.suggestion-votes:hover:not(:disabled) svg{transform:translateY(-2px)}.suggestion-votes.voting{opacity:.6;pointer-events:none}.suggestion-votes.voting svg{animation:votePulse .6s ease-in-out infinite}@keyframes votePulse{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.loading-state{display:flex;align-items:center;justify-content:center;padding:80px 24px}.loading-spinner-large{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#10b981;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;background:#fff;border-radius:24px;box-shadow:0 4px 6px -1px #0000001a}.empty-state svg{color:#cbd5e1;margin-bottom:24px}.empty-state h3{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 8px}.empty-state p{font-size:14px;color:#64748b;margin:0}@media (max-width: 480px){.filter-content{padding:16px}.filter-btn{padding:8px 12px;font-size:13px}.filter-btn span{display:none}.suggestion-card{padding:16px}.suggestion-title{font-size:16px}.tier-badge{padding:10px 16px}.tier-name{font-size:16px}.tier-range{font-size:12px}}.nav-container{display:flex;padding:0 80px;align-items:flex-start;justify-content:center}.nav-wrapper{display:flex;width:100%;height:64px;justify-content:space-between;align-items:center;flex-shrink:0;max-width:1216px}.nav-inner-container{display:flex;width:100%;height:64px;justify-content:space-between;align-items:center;position:relative}.left-nav-wrap{display:flex;width:auto;height:40px;align-items:center;gap:8px;flex-shrink:0;padding-right:20px;color:#0f172a;font-family:Inter;font-size:20px;font-style:normal;font-weight:700;line-height:28px}.mid-nav-wrap{display:flex;height:24px;align-items:center;gap:32px;color:#475569;text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:24px;position:absolute;left:50%;transform:translate(-50%)}.mid-nav-wrap a:hover{color:#0f172a;transition:.8s;font-weight:450}.mid-nav-wrap a{color:inherit;text-decoration:none}.right-nav-wrap{display:flex;width:auto;height:40px;align-items:center;gap:12px;flex-shrink:0;padding-left:20px}.filled-normal-button{border-radius:8px;border:none;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#0f172a;cursor:pointer;transition:border-color .25s;height:2.5em;color:#f0f0f0}.filled-small-button{border-radius:8px;border:none;padding:.6em 1.2em;font-size:.8em;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#0f172a;cursor:pointer;transition:border-color .25s;height:2em;color:#f0f0f0}.filled-large-button{border-radius:8px;border:none;padding:.6em 1.2em;font-size:1.2em;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#0f172a;cursor:pointer;transition:border-color .25s;height:3em;color:#f0f0f0}.language-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#475569;transition:all .2s ease}.language-toggle:hover{background-color:#0000000d}.language-toggle svg{flex-shrink:0}.language-toggle span{line-height:1}.account-dropdown{position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.account-trigger{display:flex;align-items:center;border:none;outline:none;background:transparent;cursor:pointer;padding:4px;border-radius:50%;transition:opacity .2s ease}.account-trigger:hover{opacity:.8}.account-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background-color:#f0f0f0}.account-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:#0f172a;display:flex;align-items:center;justify-content:center}.account-avatar-placeholder i{font-size:18px;color:#fff}.dropdown-menu{position:absolute;right:0;top:48px;width:320px;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(15,23,42,.1);overflow:hidden;max-height:calc(100vh - 80px);overflow-y:auto;z-index:1000;animation:dropdownSlide .2s ease;scrollbar-width:none;-ms-overflow-style:none}.dropdown-menu::-webkit-scrollbar{display:none}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-user-summary{padding:20px;background:#f8fafc;border-bottom:1px solid rgba(15,23,42,.1);cursor:pointer;transition:background-color .2s ease;position:sticky;top:0;z-index:10}.dropdown-user-summary:hover{background:#f1f5f9}.user-summary-header{display:flex;align-items:center;gap:12px}.user-avatar-wrapper{width:56px;height:56px;background:#0f172a;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #0000001a;overflow:hidden}.user-avatar-wrapper .user-avatar{width:100%;height:100%;object-fit:cover}.user-avatar-wrapper i{font-size:24px;color:#fff}.user-info{flex:1;display:flex;flex-direction:column;gap:2px}.user-name{font-size:16px;font-weight:600;color:#0f172a}.user-email{font-size:14px;color:#475569}.dropdown-section{padding:8px 0;border-bottom:1px solid rgba(15,23,42,.1)}.dropdown-section:last-child{border-bottom:none}.dropdown-menu .section-title{display:block;padding:8px 12px;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0;border-bottom:none}.dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 16px;background:none;border:none;outline:none;text-align:left;font-size:14px;color:#0f172a;cursor:pointer;transition:background-color .2s ease}.dropdown-item:hover{background:#f8fafc}.dropdown-item span{font-weight:500}.item-icon-wrapper{width:32px;height:32px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center}.item-icon-wrapper i{font-size:14px;color:#0f172a}.item-icon-simple{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.item-icon-simple i{font-size:16px;color:#0f172a}.dropdown-item.cta-button{margin:8px;padding:10px 16px;background:#0f172a1a;border-radius:12px;border:1px solid rgba(15,23,42,.2);width:calc(100% - 16px)}.dropdown-item.cta-button:hover{background:#0f172a33}.dropdown-item.cta-button span{font-weight:600}.dropdown-item.cta-button .item-icon-wrapper.cta-icon{background:#0f172a;box-shadow:0 4px 6px -1px #0000001a}.dropdown-item.cta-button .item-icon-wrapper.cta-icon i{color:#fff}.dropdown-item.logout-item{color:#dc2626}.dropdown-item.logout-item:hover{background:#fef2f2}.dropdown-item.logout-item .item-icon-simple i{color:#dc2626}.dropdown-item.logout-item span{font-weight:500}@media (max-width: 480px){.dropdown-menu{position:fixed;top:60px;right:10px;left:10px;width:auto}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#f9fafb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.login-container{max-width:448px;width:100%}.login-header{text-align:center;margin-bottom:32px}.login-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(to bottom right,#0f172a,#334155);border-radius:16px;margin-bottom:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.login-icon-wrapper i{font-size:32px;color:#fff}.login-title{font-size:30px;font-weight:700;color:#0f172a;margin:0 0 8px}.login-subtitle{font-size:16px;color:#475569;margin:0}.login-card{background:#fff;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border:1px solid #f1f5f9;padding:32px}.login-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;white-space:nowrap}.login-google-btn:hover{background:#f8fafc;border-color:#f59e0b}.login-google-btn .google-icon{width:24px;height:24px}.login-google-btn span{font-size:16px;font-weight:600;color:#0f172a;transition:color .2s ease}.login-google-btn:hover span{color:#f59e0b}.login-card-description{text-align:center;font-size:14px;color:#64748b;margin:24px 0 0;line-height:1.5}.login-footer{text-align:center;font-size:12px;color:#64748b;margin:24px 0 0}.login-link{color:#f59e0b;text-decoration:none;transition:color .2s ease;white-space:nowrap}.login-link:hover{color:#d97706}@media (max-width: 480px){.login-page{padding:16px}.login-card{padding:24px}.login-title{font-size:24px}.login-google-btn{padding:14px 20px}}.session-warning-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.session-warning-modal{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.session-warning-icon{font-size:48px;margin-bottom:16px}.session-warning-title{font-size:1.5rem;font-weight:600;color:#d93025;margin:0 0 12px}.session-warning-message{color:#5f6368;font-size:1rem;margin:0 0 24px;line-height:1.5}.session-warning-timer{background:#fef7e0;border:1px solid #fdd835;border-radius:8px;padding:16px;margin-bottom:24px}.timer-label{display:block;color:#5f6368;font-size:.875rem;margin-bottom:4px}.timer-value{font-size:2rem;font-weight:700;color:#d93025}.session-warning-actions{display:flex;gap:12px;justify-content:center}.session-extend-button,.session-logout-button{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.session-extend-button{background-color:#1a73e8;color:#fff}.session-extend-button:hover{background-color:#1557b0;transform:translateY(-1px);box-shadow:0 4px 12px #1a73e84d}.session-logout-button{background-color:#f1f3f4;color:#5f6368}.session-logout-button:hover{background-color:#e8eaed}#root{display:flex;flex-direction:column;min-height:100vh}.app-container{flex:1}