.mobile-app-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);box-sizing:border-box}.device-frame{position:relative;width:min(420px,calc(100vh - 4rem) * .462);height:min(912px,calc(100vh - 4rem));background:linear-gradient(145deg,#1a1a1a,#2d2d2d);border-radius:50px;padding:8px;box-shadow:0 0 0 2px #000,0 20px 40px rgba(0,0,0,.3),inset 0 0 0 1px #333;flex-shrink:0}.device-screen{width:100%;border-radius:42px;overflow:hidden;position:relative}.app-container,.device-screen{height:100%;background:white;display:flex;flex-direction:column}.app-container{min-height:0}.app-container-no-frame{width:420px;height:912px;background:white;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);overflow:hidden}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px 8px;background:white;font-size:14px;font-weight:600}.time{color:#000}.status-icons{display:flex;align-items:center;gap:8px;color:#000}.signal-dots{display:flex;gap:2px}.dot{width:4px;height:4px;background:currentColor;border-radius:50%}.crown-icon{margin-left:8px}.battery{width:24px;height:12px;border:1px solid;border-radius:2px;padding:1px}.battery-level{width:100%;height:100%;background:currentColor;border-radius:1px}.app-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:1px solid #f0f0f0}.app-title{font-size:20px;font-weight:600;color:#000;margin:0}.settings-icon{width:24px;height:24px;color:#666;cursor:pointer}.search-container{padding:12px 24px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;width:20px;height:20px;color:#999;z-index:1}.search-input{width:100%;padding:10px 12px 10px 44px;background:#f8f9fa;border:none;border-radius:10px;font-size:16px}.search-input:focus{outline:none;background:white;box-shadow:0 0 0 2px #007aff}.tabs-container{padding:0 24px 2px}.tabs{display:flex;border-bottom:1px solid #f0f0f0}.tab{flex:1;padding:10px 0;text-align:center;background:none;font-size:15px;font-weight:500;color:#666;cursor:pointer;border:none;border-bottom:2px solid transparent;transition:all .2s ease}.tab.active{color:#000;border-bottom-color:#000;font-weight:600}.tab:hover{color:#000}.app-view{display:flex;flex-direction:column;height:100%;flex:1;min-height:0}.view-header{flex-shrink:0}.content-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;margin:0;min-height:0}.notes-list{padding:16px 24px}.note-card{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:16px}.note-date{font-size:14px;color:#666;margin-bottom:8px}.note-content{font-size:14px;line-height:1.5;color:#333}.mention{color:#007aff;font-weight:500}.tags-list{padding:16px 24px}.tag-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #f0f0f0}.tag-info{flex:1;min-width:0}.tag-name{font-weight:600;color:#000;margin-bottom:4px}.tag-count{font-size:14px;color:#666}.chevron-icon{width:20px;height:20px;color:#999;flex-shrink:0}.contacts-list{padding:16px 24px}.contact-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #f0f0f0}.contact-info{flex:1;min-width:0}.contact-name{font-weight:600;color:#000;margin-bottom:4px}.contact-details{font-size:14px;color:#666}.circles-list{padding:16px 24px}.circle-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #f0f0f0}.circle-info{flex:1;min-width:0}.circle-name{font-weight:600;color:#000;margin-bottom:4px}.circle-count{font-size:14px;color:#666}.actions-header{justify-content:space-between;padding:8px 24px;border-bottom:1px solid #f0f0f0}.actions-header,.actions-title{display:flex;align-items:center}.actions-title{gap:12px}.title-indicator{width:4px;height:24px;background:#34c759;border-radius:2px}.actions-subheader{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}.subtitle{color:#666;font-size:16px}.view-button{color:#007aff;font-size:14px;padding:8px 16px}.actions-list{padding:0}.action-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8f9fa;border-radius:12px;margin-bottom:8px}.action-text{font-weight:500;color:#000;flex:1;min-width:0}.review-content{padding:0 0 16px;height:100%;display:flex;flex-direction:column}.relate-cards-container{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding-top:0;margin-top:-8px;position:relative}.relate-cards-scroll{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:0 20px 4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;align-items:flex-start;min-height:0;width:100%;scrollbar-width:none;-ms-overflow-style:none}.relate-card-wrapper{flex:0 0 auto;width:360px;height:auto;scroll-snap-align:center;transform:scale(1);transform-origin:center center;position:relative}.relate-card-wrapper .relate-card{width:100%;height:auto;min-height:400px}.relate-card-wrapper .relate-card .card{width:100%;height:100%;box-shadow:0 4px 20px rgba(0,0,0,.1);border:1px solid #e5e7eb}.scroll-indicators{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;gap:8px;z-index:10;pointer-events:none}.scroll-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.7);border:1px solid rgba(0,0,0,.1);transition:all .3s ease;backdrop-filter:blur(4px)}.scroll-dot.active{background:#007aff;border-color:#007aff;transform:scale(1.3);box-shadow:0 2px 8px rgba(0,122,255,.4)}@media (max-width:768px){.relate-card-wrapper{width:340px;transform:scale(.95)}.scroll-indicators{bottom:12px}.scroll-dot{width:6px;height:6px}}@media (max-width:480px){.relate-card-wrapper{width:320px;transform:scale(.9)}}@media (max-width:375px){.relate-card-wrapper{width:300px;transform:scale(.85)}}.relate-cards-scroll::-webkit-scrollbar{height:4px}.relate-cards-scroll::-webkit-scrollbar-track{background:transparent}.relate-cards-scroll::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.relate-cards-scroll::-webkit-scrollbar-thumb:hover{background:#ccc}.action-content{padding:16px 24px}.input-container{padding:16px 24px 24px;flex-shrink:0}.input-wrapper{position:relative;display:flex;align-items:center}.action-input{width:100%;padding:12px 60px 12px 16px;background:#f8f9fa;border:none;border-radius:12px;font-size:16px}.action-input:focus{outline:none;background:white;box-shadow:0 0 0 2px #007aff}.send-button{position:absolute;right:8px;width:40px;height:40px;border-radius:50%;background:#34c759;border:none;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.send-button:hover{background:#30d158}.send-icon{width:20px;height:20px}.bottom-navigation{background:white;border-top:1px solid #f0f0f0;padding:8px 0 12px;flex-shrink:0;position:relative;z-index:10}.nav-buttons{justify-content:space-around;padding:0 24px}.nav-button,.nav-buttons{display:flex;align-items:center}.nav-button{flex-direction:column;gap:2px;background:none;border:none;cursor:pointer;padding:6px 4px;border-radius:8px;transition:all .2s ease;flex:1}.nav-button:hover{background:#f8f9fa}.nav-button.active{color:#000}.nav-button:not(.active){color:#666}.nav-icon{width:24px;height:24px}.nav-label{font-size:12px;font-weight:500}.nav-indicator{width:128px;height:3px;background:#000;border-radius:2px;margin:8px auto 0}@media (max-width:768px){.mobile-app-wrapper{padding:1.5rem}.device-frame{width:min(380px,calc(100vh - 3rem) * .462);height:min(822px,calc(100vh - 3rem));border-radius:40px}.device-screen{border-radius:32px}.app-container-no-frame{width:380px;height:822px}}@media (max-width:480px){.mobile-app-wrapper{padding:0}.device-frame{width:min(340px,calc(100vh - 0em) * .462);height:min(736px,calc(100vh - 0em));border-radius:35px}.device-screen{border-radius:27px}.app-container-no-frame{width:340px;height:736px}}@media (max-width:375px){.mobile-app-wrapper{padding:0}.device-frame{width:min(320px,calc(100vh - 0em) * .462);height:min(693px,calc(100vh - 0em));border-radius:30px}.device-screen{border-radius:22px}}.content-area::-webkit-scrollbar{width:4px}.content-area::-webkit-scrollbar-track{background:transparent}.content-area::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.content-area::-webkit-scrollbar-thumb:hover{background:#ccc}