.concept-preview{width:min(100%,330px)}.phone-shell{color:#183c34;background:#17352e;border-radius:36px;width:100%;height:620px;padding:8px;position:relative;box-shadow:0 15px 35px #163c2f20}.phone-screen{background:linear-gradient(135deg,#e8f2ed,#f3f6f8);border-radius:28px;flex-direction:column;height:100%;padding:15px;display:flex;position:relative;overflow:hidden}.phone-island{display:none}.preview-statusbar{justify-content:space-between;margin-bottom:14px;font-size:.75rem;font-weight:600;display:flex}.preview-topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.preview-topbar h3{font-size:1rem}.preview-bell{background:#d0e4d9;border-radius:10px;flex-shrink:0;width:36px;height:36px;padding:0;position:relative}.preview-bell>b{background:var(--teal);color:#fff;border-radius:50%;width:19px;height:19px;font-size:.75rem;position:absolute;top:-3px;right:-3px}.preview-bell>span{font-size:1.5rem}.preview-screen-content{scrollbar-width:thin;flex:1;min-height:0;padding-bottom:15px;overflow-y:auto}.glass-card{background:#ffffffe0;border:1px solid #fff;border-radius:16px;margin-bottom:12px;padding:14px}.preview-costs,.preview-summary-card,.preview-upload-card,.preview-watch-hero,.preview-mini-note{flex-direction:column;gap:6px;display:flex}.preview-costs>span,.preview-summary-card>span,.preview-watch-hero>span,.preview-mini-note>span,.preview-ask-card>span,.preview-notification small{color:#587267;font-size:.75rem}.preview-costs>strong{letter-spacing:-.05em;font-size:2rem;line-height:1.1}.preview-costs small,.preview-costs em,.preview-summary-card small,.preview-upload-card small,.preview-watch-hero small{color:#49695b;font-size:.75rem}.preview-costs em{font-style:normal}.preview-section-title{justify-content:space-between;margin:16px 0 8px;font-size:.8125rem;font-weight:600;display:flex}.preview-section-title b{font-size:.75rem}.upcoming-row,.preview-list-row{border-bottom:1px solid #dce8df;align-items:center;gap:8px;padding-block:10px;display:flex}.upcoming-row:last-child,.preview-list-row:last-child{border:0}.upcoming-row>div,.preview-list-row>div{flex-direction:column;flex:1;min-width:0;display:flex}.upcoming-row strong,.preview-list-row strong{font-size:.8125rem}.upcoming-row small,.preview-list-row small{color:#587267;margin-top:3px;font-size:.75rem;line-height:1.4}.upcoming-row time,.preview-list-row>b{flex-shrink:0;font-size:.75rem}.row-icon{width:24px;height:28px;color:var(--teal);flex-shrink:0;place-items:center;font-size:.75rem;display:grid}.preview-signal{justify-content:space-between;align-items:center;display:flex}.preview-signal>div{flex-direction:column;gap:4px;display:flex}.preview-signal span{font-size:.75rem}.preview-signal strong{font-size:.8125rem}.fixd-signal{background:#f0eef6}.preview-stack{gap:0;display:grid}.preview-summary-card strong,.preview-watch-hero strong,.preview-upload-card strong,.preview-ask-card>strong{font-size:1rem;line-height:1.4}.preview-mini-note strong{font-size:.8125rem}.preview-upload-card{text-align:center;align-items:center}.preview-upload-icon{background:var(--mint-soft);border-radius:12px;padding:8px}.preview-upload-button{color:#fff;background:var(--teal);border-radius:9px;margin-top:8px;padding:7px 12px;font-size:.75rem}.preview-safe-note{background:#def0e5}.preview-ask-card>strong{margin-top:10px;display:block}.preview-chat-bubble,.preview-chat-answer{border-radius:12px;max-width:94%;margin-top:16px;padding:10px;font-size:.8125rem;line-height:1.5}.preview-chat-bubble{background:var(--teal);color:#fff;margin-left:auto}.preview-chat-answer{background:#eaf1ed}.preview-question-chips{flex-wrap:wrap;gap:8px;display:flex}.preview-question-chips>span{background:#fff;border-radius:10px;padding:8px;font-size:.75rem}.preview-notification{align-items:flex-start;gap:8px;display:flex}.notification-icon{color:var(--teal);flex-shrink:0;margin-top:4px}.preview-notification>div{flex-direction:column;gap:5px;display:flex}.preview-notification strong{font-size:.8125rem}.preview-notification p{color:#587267;margin:0;font-size:.75rem}.preview-nav{background:#ffffffed;border-radius:16px;flex-shrink:0;grid-template-columns:repeat(5,1fr);gap:3px;margin-top:4px;padding:6px;display:grid;box-shadow:0 -3px 20px #1c4b3520}.preview-nav button{color:#456759;background:0 0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:48px;font-size:.75rem;font-weight:650;display:flex}.preview-nav button.active{color:var(--teal);background:var(--mint)}.preview-nav button.preview-add-button{font-size:1.5rem}.preview-play{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;margin-top:14px;padding:10px;font-size:.875rem}@media (max-width:360px){.concept-content{padding-inline:10px}.phone-screen{padding:12px}.upcoming-row{flex-wrap:wrap}.upcoming-row time{margin-left:32px}}