.native-surface{position:relative;width:100%;height:100%;aspect-ratio:390/844;overflow:hidden;border-radius:inherit;background:#101317;isolation:isolate;text-align:left;color:#f7f7fa}.flow-panel .device{position:relative;aspect-ratio:390/844}.flow-panel .device>.native-surface{position:absolute;inset:0;animation:none!important;transition:opacity .35s ease}.native-surface.leaving{opacity:0;z-index:3;pointer-events:none}.native-surface[hidden]{display:none!important}.ns-screen{--ns-accent:#99a7bc;position:absolute;inset:0 auto auto 0;width:390px;height:844px;transform-origin:top left;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--ns-accent) 17%,transparent),transparent 68%),#101317;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#f6f6f8;line-height:1.4;transition:background 1.2s,color .8s;overflow:hidden;contain:layout paint}.ns-screen::before{content:'';position:absolute;width:750px;height:750px;top:-90px;left:160px;border:1px solid color-mix(in srgb,var(--ns-accent) 7%,transparent);border-radius:50%;pointer-events:none}.ns-status{height:57px;padding:17px 26px;display:flex;justify-content:space-between;font-size:15px;letter-spacing:.3px}.ns-status span{font-size:13px;letter-spacing:2px}.ns-content{position:relative;padding:12px 20px 32px}.ns-screen h1{font-size:32px;letter-spacing:-1px;line-height:1.1;margin:17px 0}.ns-screen h2{font-size:24px;line-height:1.18;letter-spacing:-.6px;margin:0}.ns-screen h3{font-size:16px;font-weight:650;margin:0 0 17px}.ns-screen p{font-size:13px;margin:12px 0}.ns-screen small{font-size:11px;color:#9ca2ac}.ns-muted{color:#949ca8!important;font-size:12px!important}.ns-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0}.ns-title h2{max-width:285px}.ns-icon{font-size:38px;color:var(--ns-accent);animation:ns-spin 18s linear infinite}.ns-eyebrow{font-size:9px;letter-spacing:1.8px;color:#b0b6c1;display:flex;justify-content:space-between}.ns-eyebrow span{letter-spacing:1px}.ns-big{font-size:37px;font-weight:650;letter-spacing:-1px;margin:12px 0;color:var(--ns-accent);font-variant-numeric:tabular-nums;white-space:nowrap}.ns-between{display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:10px}.ns-line{height:1px;background:#ffffff16;margin:16px 0}.ns-gain{font-size:10px!important;color:#59c58d;margin:15px 0!important}.ns-panel{padding:20px 16px;border:1px solid #ffffff12;border-radius:22px;background:#ffffff03;margin:22px 0}.ns-logo{width:32px!important;height:32px!important;object-fit:contain!important;display:block!important;border-radius:7px!important;transform:none!important;background:transparent!important;flex-shrink:0}.ns-row{display:flex;gap:12px;align-items:center;padding:16px 0;min-height:70px;border-bottom:1px solid #ffffff0c;transition:background .8s,opacity .8s}.ns-row>div{flex:1;min-width:0}.ns-row b{display:block;font-size:14px;line-height:1.3;font-weight:600}.ns-row small{display:block;font-size:10px;margin-top:5px}.ns-row strong{font-size:12px;font-weight:500;white-space:nowrap}.ns-chevron{font-size:20px;color:#6f7784}.ns-row.ns-selected{background:color-mix(in srgb,var(--ns-accent) 6%,transparent)}.ns-orbit{height:255px;position:relative;margin:6px -2px 0;isolation:isolate}.ns-orbit>svg{position:absolute;inset:0;width:100%;height:100%;stroke:var(--ns-accent);fill:none;stroke-width:.6;opacity:.35}.ns-orbit-center{position:absolute;inset:84px 20px auto;text-align:center;z-index:2}.ns-orbit-center b{font-size:36px;display:block;letter-spacing:-1px;margin:8px 0;font-weight:600}.ns-orbit-center small{font-size:10px}.ns-satellite{position:absolute;left:calc(50% - 15px);top:calc(50% - 15px);width:30px;height:30px;will-change:transform}.ns-satellite .ns-logo{width:30px!important;height:30px!important;filter:drop-shadow(0 3px 7px #0006)}.ns-tabbar{position:absolute;top:714px;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-around;font-size:24px;background:#14171be8;border-top:1px solid #ffffff14;color:var(--ns-accent);backdrop-filter:blur(15px);z-index:5}.ns-tabbar span{opacity:.6}.ns-home-indicator{position:absolute;width:120px;height:4px;border-radius:4px;bottom:8px;left:135px;background:#e6e8ec;z-index:10}.ns-segment{display:flex;background:#ffffff09;border:1px solid #ffffff16;border-radius:30px;padding:4px;margin:20px 0;font-size:12px}.ns-segment>*{width:50%;text-align:center;padding:7px;border-radius:25px}.ns-segment b{background:#ffffff24;font-weight:500}.ns-segment span{color:#9fa5af}.ns-month{margin:23px 0;font-size:15px}.ns-summary-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0}.ns-summary-links>div{padding:15px 13px;background:#ffffff07;border:1px solid #ffffff0b;border-radius:14px;font-size:12px}.ns-summary-links small{display:block;font-size:8px;color:var(--ns-accent);margin-top:5px}.ns-tools{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 6px}.ns-tools>div{color:var(--ns-accent);font-size:28px}.ns-tools b{display:block;font-size:12px;color:#e5e8ed;margin-top:5px}.ns-bars{display:flex;gap:9px;height:215px;align-items:end;padding-top:25px}.ns-bars>div{position:relative;height:180px;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:9px;min-width:0}.ns-bars small{font-size:8px;white-space:nowrap;color:#bbc2cb}.ns-bars i{display:block;width:70%;height:var(--bar);background:linear-gradient(var(--ns-accent),color-mix(in srgb,var(--ns-accent) 12%,transparent));border-radius:5px 5px 2px 2px;transform-origin:bottom;animation:ns-grow .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--delay);opacity:.55;transition:opacity .9s,filter .9s}.ns-bars .ns-selected i{opacity:1;filter:brightness(1.2)}.ns-bars span{font-size:9px;color:#adb4c0}.ns-highlight{display:flex;align-items:center;gap:12px;padding:17px 12px;background:#ffffff04;border-radius:15px;margin:22px 0}.ns-highlight>span{font-size:30px;color:var(--ns-accent)}.ns-highlight>div{flex:1}.ns-highlight b{font-size:14px;display:block}.ns-highlight small{font-size:10px}.ns-highlight strong{margin-left:auto;font-size:14px}.ns-donut{position:relative;width:220px;height:220px;margin:16px auto}.ns-donut svg{width:100%;height:100%;overflow:visible}.ns-donut circle{opacity:.67;transition:opacity .9s,stroke-width .9s;animation:ns-ring 1.2s ease-out both}.ns-donut circle.ns-selected{opacity:1;stroke-width:41}.ns-donut>div{position:absolute;inset:83px 10px auto;text-align:center}.ns-donut b{display:block;font-size:20px;margin-top:6px}.ns-donut small{font-size:8px;letter-spacing:1px}.ns-legend>div{display:flex;gap:10px;align-items:center;padding:11px 0;font-size:12px;opacity:.65;transition:opacity .9s}.ns-legend .ns-selected{opacity:1}.ns-legend i{width:7px;height:7px;border-radius:50%}.ns-legend span{flex:1}.ns-legend b{font-size:11px}.ns-weekdays,.ns-calendar{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:3px}.ns-weekdays{font-size:10px;color:#999fa9;margin:25px 0 10px}.ns-day{position:relative;height:58px;border-radius:12px;border:1px solid transparent;transition:background .6s,border-color .6s}.ns-day b{display:block;font-size:12px;font-weight:500;margin:5px 0}.ns-day .ns-logo{width:19px!important;height:19px!important;margin:auto}.ns-day sup{position:absolute;right:1px;bottom:7px;font-size:8px;background:#303641;border-radius:7px;padding:1px 3px}.ns-day.ns-selected{border-color:var(--ns-accent);background:color-mix(in srgb,var(--ns-accent) 12%,transparent)}.ns-calendar-detail{padding:3px 16px;margin-top:22px;background:#20252c;border:1px solid #ffffff1b;border-radius:20px}.ns-calendar-detail .ns-row{border:0}.ns-story-stack{position:relative;height:590px;text-align:center}.ns-story-page{position:absolute;inset:70px 0 0;opacity:0;transform:translateY(15px);pointer-events:none;transition:opacity .65s,transform .65s}.ns-story-page.ns-story-current{opacity:1;transform:none}.ns-story-page h2{font-size:24px}.ns-story-page .ns-orbit{margin-top:35px}.ns-story-page p{color:#a4acb8}.ns-story-arrow{font-size:115px;color:var(--ns-accent);margin:45px 0 5px;animation:ns-breathe 4s ease-in-out infinite}.ns-story-number{font-size:65px;color:var(--ns-accent);font-weight:650}.ns-story-footer{text-align:center;font-size:13px;margin-top:15px}.ns-story-page .ns-donut{margin-top:25px}.ns-story-page .ns-legend{padding:0 15px;text-align:left}.ns-forecast{padding:24px 0;border-bottom:1px solid #ffffff0e}.ns-forecast i{display:block;height:5px;border-radius:4px;width:var(--width);background:var(--ns-accent);opacity:.3;margin-top:15px;transition:opacity .9s;transform-origin:left;animation:ns-grow 1s ease-out both}.ns-forecast.ns-selected i{opacity:1}.ns-palette{position:absolute;top:650px;left:32px;right:32px;z-index:6;padding:17px 13px;border-radius:30px;background:#171b24e8;border:1px solid #ffffff26;display:flex;justify-content:space-between;backdrop-filter:blur(20px)}.ns-palette i{width:28px;height:28px;border-radius:50%;outline:2px solid transparent;outline-offset:4px;transition:outline-color .8s,transform .8s}.ns-palette i.ns-selected{outline-color:white;transform:scale(1.05)}.ns-entry{font-size:51px;line-height:1.4;font-weight:600;min-height:72px;color:#f5f5f7;font-variant-numeric:tabular-nums}.ns-native-button{background:var(--ns-accent);color:#13181f;font-size:14px;font-weight:650;padding:17px;border-radius:15px;margin:25px 0 16px;text-align:center;transition:transform .3s,filter .3s}.ns-native-button.ns-pressed{transform:scale(.97);filter:brightness(1.3)}.ns-confirmation{color:#66d8a4;opacity:0;transform:translateY(10px);text-align:center;font-size:16px;transition:opacity .6s,transform .6s}.ns-confirmation.ns-show{opacity:1;transform:none}.ns-composer{height:145px}.ns-composer>[data-transcript]{font-size:16px;min-height:60px}.ns-wave{display:flex;gap:3px;align-items:center;height:24px;color:var(--ns-accent)}.ns-wave i{height:15px;width:3px;border-radius:3px;background:currentColor;animation:ns-wave 1.1s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.11s)}.ns-found{padding:0 16px 5px;border:1px solid #ffffff13;border-radius:20px;background:#ffffff03;opacity:0;transform:translateY(12px);transition:opacity .65s,transform .65s}.ns-found.ns-show{opacity:1;transform:none}.ns-found .ns-row{border:0}.ns-found .ns-big{font-size:32px}.ns-found .ns-native-button{font-size:12px}.ns-assurance{font-size:10px!important;margin-top:25px!important}.ns-cloud-stage{height:245px;position:relative;color:var(--ns-accent)}.ns-cloud-stage svg{width:100%;height:100%}.ns-cloud-check{position:absolute;left:155px;top:80px;font-size:35px;animation:ns-breathe 4s infinite ease-in-out}.ns-switch{width:44px;height:25px;background:#52bc86;border-radius:20px;position:relative}.ns-switch:after{content:'';position:absolute;right:3px;top:3px;width:19px;height:19px;border-radius:50%;background:white}.ns-sync-status{display:flex;align-items:center;gap:12px;font-size:12px;color:#b2bac7}.ns-radar{display:inline-block;font-style:normal;animation:ns-spin 6s linear infinite;color:var(--ns-accent)}.ns-settings-row{font-size:16px;padding:20px 0;border-bottom:1px solid #ffffff13;color:var(--ns-accent)}@keyframes ns-spin{to{transform:rotate(360deg)}}@keyframes ns-breathe{50%{opacity:.6;transform:translateY(-5px)}}@keyframes ns-wave{from{transform:scaleY(.3)}to{transform:scaleY(1.3)}}@keyframes ns-grow{from{transform:scaleY(.03);opacity:0}}@keyframes ns-ring{from{stroke-width:0;opacity:0}}@media(prefers-reduced-motion:reduce){.ns-screen *{animation:none!important;transition:none!important}.ns-cloud-dot{display:none}}

@property --ns-accent{syntax:"<color>";inherits:true;initial-value:#99a7bc}.ns-screen{transition:--ns-accent 1.25s ease}.ns-day{height:48px}

.native-surface:not(.ns-visible) *{animation-play-state:paused!important}
/* App geometry and typography: 390pt reference canvas. */
.ns-content{padding:12px 16px 32px}.ns-screen{background:radial-gradient(ellipse at 100% 18%,color-mix(in srgb,var(--ns-accent) 16%,transparent),transparent 57%),#101317}.ns-screen::before{width:680px;height:440px;left:90px;top:0;transform:rotate(-20deg);box-shadow:0 0 0 12px #99a7bc02,0 0 0 25px #99a7bc02}.ns-detail-symbol{font-size:32px;color:var(--ns-accent);border:8px solid #ffffff04;border-radius:50%;width:72px;height:72px;display:grid;place-items:center}.ns-title h2{font-size:22px}.ns-title{border-bottom:1px solid #ffffff20;padding-bottom:16px;margin:5px 0 24px}.ns-orbit{height:300px;width:390px;margin:0 -16px}.ns-orbit-center{top:74px}.ns-orbit-center b{font-size:42px;letter-spacing:-1.2px;font-weight:500;margin:12px 0 22px;font-family:ui-rounded,-apple-system,BlinkMacSystemFont,sans-serif}.ns-orbit-center small{font-size:12px}.ns-satellite{width:28px;height:28px;left:calc(50% - 14px);top:calc(50% - 14px)}.ns-satellite .ns-logo{width:28px!important;height:28px!important}.ns-eyebrow{position:absolute;top:20px;left:20px;right:20px;font-size:9px;z-index:5}.ns-orbit>svg{opacity:.3}.ns-orbit-dot{position:absolute;left:58px;top:63px;width:12px;height:12px;border-radius:50%;background:#99a7bc22}.ns-count{font-size:15px;color:#b2b4b8;margin:18px 0 4px}.ns-group{margin:22px 0 12px;font-size:15px;color:#a5a8af}.ns-group span{float:right}.ns-gain span{color:#9da0a6}.ns-gain{margin:0 0 10px!important;font-size:12px!important}.ns-row strong{font-size:14px}.ns-row b{font-size:16px}.ns-row small{font-size:12px}.ns-row{min-height:85px}.ns-tabbar{display:none}[data-screen=home] .ns-row{min-height:112px}[data-screen=home] .ns-logo{width:44px!important;height:44px!important}[data-screen=home] .ns-between{color:var(--ns-accent)}.ns-analysis-heading{display:flex;justify-content:space-between;align-items:center}.ns-analysis-heading h1{font-size:34px;margin:0;font-weight:700}.ns-analysis-heading span{font-size:17px}.ns-segment{height:32px;padding:2px;margin:30px 0 0;border:0;background:#ffffff16}.ns-segment>*{padding:5px;line-height:18px}.ns-month{margin:40px 16px 27px;font-size:17px}.ns-analysis-total{display:flex;align-items:center;justify-content:space-between;height:150px}.ns-analysis-total p{font-size:15px;color:#b0b3b8;margin:0 0 12px}.ns-analysis-total b{font-size:42px;font-family:ui-rounded,-apple-system,sans-serif;letter-spacing:-1px}.ns-orbit-compact{width:128px;height:138px;margin:0;flex-shrink:0}.ns-orbit-compact .ns-satellite .ns-logo{width:25px!important;height:25px!important}.ns-comparison{font-size:12px;color:var(--ns-accent);margin:6px 0 15px}.ns-metrics{font-size:12px;color:#b4b6bb}.ns-summary-links{margin:24px 0 26px;gap:10px}.ns-summary-links>div{height:78px;padding:10px;display:flex;align-items:center;gap:9px;border:0;background:#ffffff04}.ns-summary-links i{font-size:13px;display:grid;place-items:center;border-radius:50%;width:32px;height:32px;flex-shrink:0;background:#99a7bc19;color:var(--ns-accent);font-style:normal}.ns-summary-links section{max-width:100px;line-height:16px}.ns-summary-links b{font-size:12px;font-weight:550}.ns-summary-links small{font-size:10px;line-height:12px}.ns-tools{margin:0;gap:16px 8px}.ns-tools>div{height:94px;border-bottom:1px solid #ffffff0b;padding:3px 4px}.ns-tools small{float:right;font-size:12px;margin-top:12px}.ns-tools b{font-size:14px;margin-top:12px;font-weight:550}.ns-nav{font-size:17px;font-weight:600;text-align:center;height:44px;margin:-10px 0 18px}.ns-cloud-form{padding:12px 16px 0;border-radius:24px;background:#ffffff04}.ns-cloud-form .ns-between b{font-size:17px;font-weight:400}.ns-cloud-form .ns-line{margin:12px 0}.ns-cloud-form .ns-settings-row{padding:14px 0;font-size:17px}.ns-cloud-form .ns-settings-row:last-child{border:0}.ns-cloud-form>small{display:block;margin-top:6px}.ns-switch{background:var(--ns-accent)}[data-screen=pro-cloud] .ns-content>p{line-height:16px;margin:10px 16px;font-size:13px}[data-screen=pro-cloud] h3{margin:0 16px 12px}.ns-entry{font-size:34px}.ns-theme-preview{border-bottom:1px solid #ffffff18;padding-bottom:16px}.ns-theme-amount{position:relative;padding-top:27px;min-height:139px}.ns-theme-amount h1{font-size:34px;margin:3px 0;font-weight:600}.ns-theme-amount i{position:absolute;right:0;top:20px;width:144px;height:89px;transform:rotate(-25deg);border:1px solid color-mix(in srgb,var(--ns-accent) 25%,transparent);border-radius:50%}.ns-theme-preview .ns-row{min-height:40px;padding:5px 0;border:0}.ns-theme-preview .ns-row b{font-size:12px;flex:1;font-weight:400}.ns-theme-preview strong{font-size:12px;text-align:right}.ns-theme-preview strong small{font-size:11px;color:var(--ns-accent)}.ns-palette-heading{margin:20px 0 9px;font-size:15px}.ns-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.ns-theme-grid>div{display:flex;align-items:center;gap:10px;height:56px;border-bottom:1px solid #ffffff12;font-size:15px;padding:0 4px}.ns-theme-grid i{width:27px;height:27px;border-radius:50%;flex-shrink:0;outline:1.5px solid transparent;outline-offset:4px;transition:outline-color .8s}.ns-theme-grid .ns-selected i{outline-color:var(--ns-accent)}.ns-theme-grid b{opacity:0;font-size:12px;margin-left:auto}.ns-theme-grid .ns-selected b{opacity:1}.ns-theme-grid small{display:block;font-size:12px}.ns-forecast i{display:none}.ns-forecast{padding:26px 0}.ns-forecast .ns-between:after{content:'›';color:#999}.ns-story-page .ns-orbit{margin-top:35px}.ns-donut circle.ns-selected{stroke-width:36}.ns-legend>div{padding:16px 0;font-size:14px;opacity:1}.ns-legend b{font-size:14px;color:#aaa;font-weight:400}
.ns-history-row{padding:18px 0}.ns-history-row i{display:block;height:8px;border-radius:5px;background:var(--ns-accent);margin-top:10px;opacity:.7}.ns-chart-label{font-size:15px;color:#aaa;margin-top:28px}.ns-forecast-panel{margin-top:24px;padding:16px}.ns-forecast-panel .ns-big{margin:0 0 4px;color:#f6f6f8;font-size:40px}.ns-forecast-panel .ns-forecast{padding:24px 0}.ns-editor-nav{display:flex;align-items:center;justify-content:space-between;font-weight:400;margin-bottom:38px}.ns-editor-nav b{font-size:16px}.ns-editor-nav>span{background:#ffffff16;border:1px solid #ffffff1c;border-radius:24px;padding:10px 14px;font-size:16px}.ns-add-mini{margin-left:auto;padding:10px 15px;border-radius:13px;background:#99a7bc22;font-size:14px}.ns-composer .ns-between{justify-content:flex-start;gap:10px}[data-screen=pro-voice] h1{font-size:34px;line-height:1.2;max-width:320px;margin-top:12px}[data-screen=pro-voice] .ns-content>p{font-size:15px!important;line-height:21px}[data-screen=pro-voice] .ns-found{padding:0;border:0;background:none}[data-screen=pro-voice] .ns-found .ns-big{color:#f6f6f8;font-size:34px}[data-screen=pro-voice] .ns-logo{width:40px!important;height:40px!important}[data-screen=pro-voice] .ns-native-button{margin-top:34px}[data-screen=analysis-bars] .ns-big{color:#f6f6f8;font-size:36px}[data-screen=analysis-bars] .ns-panel{margin-top:28px}[data-screen=analysis-forecast] .ns-title{margin-top:38px;margin-bottom:0}[data-screen=analysis-forecast] .ns-content>.ns-muted{margin-top:-26px;margin-bottom:32px}
.ns-calendar .ns-day{appearance:none;background:transparent;color:inherit;font:inherit;padding:0;min-width:0;cursor:pointer}.ns-calendar .ns-day:disabled{pointer-events:none}.ns-calendar .ns-day.ns-selected{border-color:var(--ns-accent);background:color-mix(in srgb,var(--ns-accent) 12%,transparent)}.ns-calendar .ns-day:focus-visible{outline:2px solid var(--ns-accent);outline-offset:1px}.ns-calendar-popover{position:absolute;width:286px;padding:10px 14px;background:#252a32f5;border:1px solid #ffffff24;box-shadow:0 14px 40px #0007;border-radius:20px;z-index:20;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px) scale(.96);transform-origin:var(--anchor) top;transition:opacity .14s ease,transform .18s ease,visibility .14s;backdrop-filter:blur(20px);box-sizing:border-box}.ns-calendar-popover.ns-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.ns-calendar-popover:before{content:'';position:absolute;top:-6px;left:calc(var(--anchor) - 6px);width:11px;height:11px;transform:rotate(45deg);background:#252a32;border-left:1px solid #ffffff24;border-top:1px solid #ffffff24}.ns-calendar-popover.ns-above{transform-origin:var(--anchor) bottom;transform:translateY(5px) scale(.96)}.ns-calendar-popover.ns-above.ns-open{transform:none}.ns-calendar-popover.ns-above:before{top:auto;bottom:-6px;transform:rotate(225deg)}.ns-popover-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;border-bottom:1px solid #ffffff12;padding-bottom:7px}.ns-popover-close{border:0;border-radius:50%;background:#ffffff12;color:#c6cbd3;width:24px;height:24px;font-size:19px;line-height:20px;cursor:pointer}.ns-calendar-popover .ns-row{min-height:60px;padding:10px 0;gap:9px}.ns-calendar-popover .ns-row:last-child{border:0}.ns-calendar-popover .ns-row b{font-size:13px}.ns-calendar-popover .ns-row small{font-size:10px}.ns-calendar-popover .ns-row strong{font-size:12px}.ns-calendar-popover .ns-row .ns-chevron{display:none}
/* Draw each category sequentially clockwise; never pulse or select records. */
.ns-row.ns-selected{background:transparent}.ns-donut circle,.ns-donut circle.ns-selected{animation:none;transition:none;opacity:1;stroke-width:36}.ns-legend>div{opacity:1}
/* Continuous titanium rail, dark glass bezel, inset screen and physical controls. */
.hero .phone,.flow-panel .device{position:relative;overflow:visible;padding:0;border:5px solid transparent;border-radius:clamp(37px,3.8vw,60px);background:linear-gradient(#030405,#030405) padding-box,linear-gradient(128deg,#626761 0%,#e0e2d8 7%,#737973 16%,#303632 28%,#a9aea4 46%,#353a36 63%,#c5c8be 84%,#545b53 95%) border-box;box-shadow:inset 0 0 0 1px #fafbeb3b,0 0 0 1px #080a09,1px 0 0 2px #8d95844d,8px 10px 0 -5px #111510,14px 22px 30px #0006,0 48px 95px -24px #000c;isolation:isolate}.hero .phone>.native-surface,.flow-panel .device>.native-surface{border:3px solid #030405;border-radius:calc(clamp(37px,3.8vw,60px) - 5px);background:#101317;box-sizing:border-box}.iphone-hardware{position:absolute;inset:0;z-index:30;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 1px #ffffff23,inset 1px 0 2px #ffffff0d}.iphone-island{position:absolute;left:50%;top:1.7%;transform:translateX(-50%);width:27%;height:3.35%;max-height:31px;background:#020303;border-radius:30px;box-shadow:inset 0 0 0 1px #161a19,0 1px 1px #ffffff04}.iphone-island i{position:absolute;right:12%;top:50%;width:8%;aspect-ratio:1;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle at 40% 35%,#172536,#070c13 45%,#020303 75%);opacity:.7}.iphone-key{position:absolute;width:3px;background:linear-gradient(90deg,#262c27,#989e91 55%,#3b443a);border-radius:2px;box-shadow:-1px 0 1px #0008;left:-8px}.iphone-action{top:13%;height:3.5%}.iphone-volume-up{top:20%;height:6.5%}.iphone-volume-down{top:28%;height:6.5%}.iphone-power{left:auto;right:-8px;top:22%;height:10%;background:linear-gradient(90deg,#40483d,#9da695 55%,#292f27)}.ns-status{padding-left:29px;padding-right:26px}.ns-status b{font-size:14px}.ns-status svg{width:62px}.hero .phone{transform:perspective(1200px) rotateY(-7deg) rotateZ(4deg)}@media(max-width:650px){.hero .phone,.flow-panel .device{border-radius:40px}.hero .phone>.native-surface,.flow-panel .device>.native-surface{border-radius:35px}.hero .phone{transform:rotate(3deg)}}

/* Shared app star canvas. Each preview inherits its live theme accent. */
.ns-screen{
 background:
  radial-gradient(ellipse 115% 58% at 100% 12%,color-mix(in srgb,var(--ns-accent) 15%,transparent),transparent 74%),
  radial-gradient(ellipse 80% 40% at 22% 43%,color-mix(in srgb,var(--ns-accent) 4%,transparent),transparent 78%),
  var(--ns-canvas,#101216);
}
.ns-screen::before,.ns-screen::after{
 content:'';position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:0;
 box-shadow:none;transform:none;pointer-events:none;z-index:0;
}
.ns-screen::before{
 background-image:
  radial-gradient(circle at 31px 77px,#e5e9f07a 0 .55px,transparent 1.05px),
  radial-gradient(circle at 117px 151px,#e5e9f052 0 .45px,transparent .9px),
  radial-gradient(circle at 76px 219px,#e5e9f070 0 .7px,transparent 1.2px),
  radial-gradient(circle at 208px 36px,#e5e9f057 0 .5px,transparent 1px),
  radial-gradient(circle at 164px 310px,#e5e9f047 0 .5px,transparent 1px),
  radial-gradient(circle at 283px 419px,#e5e9f068 0 .7px,transparent 1.3px);
 background-size:149px 263px,227px 349px,307px 433px,373px 487px,263px 587px,389px 701px;
 -webkit-mask-image:linear-gradient(#000b,#0009 45%,#0005 75%,#0004);
 mask-image:linear-gradient(#000b,#0009 45%,#0005 75%,#0004);
}
.ns-screen::after{
 background:
  radial-gradient(circle at 84% 15%,color-mix(in srgb,var(--ns-accent) 65%,transparent) 0 .7px,transparent 1.5px),
  radial-gradient(circle at 84% 15%,color-mix(in srgb,var(--ns-accent) 8%,transparent),transparent 9px),
  radial-gradient(circle at 13% 32%,color-mix(in srgb,var(--ns-accent) 48%,transparent) 0 .6px,transparent 1.2px),
  radial-gradient(circle at 69% 61%,color-mix(in srgb,var(--ns-accent) 30%,transparent) 0 .5px,transparent 1.1px),
  radial-gradient(circle at 20% 86%,color-mix(in srgb,var(--ns-accent) 22%,transparent) 0 .45px,transparent 1px);
}
.ns-screen>.ns-status,.ns-screen>.ns-content{position:relative;z-index:1}

@property --ns-canvas{syntax:"<color>";inherits:true;initial-value:#101216}.ns-screen{transition:--ns-accent 1.25s ease,--ns-canvas 1.25s ease}
/* Symbols and hierarchy audited against native SwiftUI views, October 2026. */
.ns-sf{display:inline-block;width:1.2em;height:1.2em;flex-shrink:0;vertical-align:-.2em;background:currentColor;mask:var(--symbol) center/contain no-repeat;-webkit-mask:var(--symbol) center/contain no-repeat}
.ns-tools>div>span>.ns-sf{width:29px;height:29px}.ns-tools small .ns-sf{width:14px;height:14px}.ns-tools small{font-size:9px}.ns-tools>div>span{color:var(--ns-accent)}
.ns-summary-links small{font-size:9px}.ns-summary-links i .ns-sf{width:15px;height:15px}.ns-metrics .ns-sf{width:16px;height:16px}
.ns-detail-header{display:flex;align-items:center;gap:12px;padding:4px 0 18px;border-bottom:1px solid #ffffff16;margin-bottom:24px;min-height:90px}.ns-detail-header>div:first-child{flex:1}.ns-detail-header h2{font-size:22px;line-height:1.2;margin:0 0 8px}.ns-detail-header .ns-muted{font-size:12px;margin:0}.ns-detail-header .ns-big{font-size:36px;margin:8px 0;color:#f6f6f8}.ns-detail-header:has(.ns-big) h2{font-size:15px;color:#a7abb3;font-weight:600}.ns-detail-art{width:72px;height:72px;border-radius:50%;border:1px solid #ffffff05;display:grid;place-items:center;position:relative;color:var(--ns-accent);background:radial-gradient(circle,color-mix(in srgb,var(--ns-accent) 10%,transparent),transparent 70%)}.ns-detail-art:before{content:'';position:absolute;inset:7px;border:1px solid color-mix(in srgb,var(--ns-accent) 12%,transparent);border-radius:50%;transform:rotate(-25deg) scaleY(.8)}.ns-detail-art>.ns-sf{width:30px;height:30px;animation:ns-symbol-breathe 5s ease-in-out infinite}
[data-screen=analysis-bars] .ns-detail-header{margin-top:28px}[data-screen=analysis-insights] .ns-detail-header,[data-screen=analysis-forecast] .ns-detail-header,[data-screen=analysis-pie] .ns-detail-header{margin-top:40px}.ns-detail-header+.ns-panel{margin-top:0!important}.ns-forecast-panel{margin-top:0}
.ns-calendar-nav{height:44px;position:relative;display:flex;align-items:center;justify-content:center;font-size:17px;margin:-10px 0 28px}.ns-calendar-nav>span{position:absolute;right:0;border-radius:24px;padding:10px 12px;background:#ffffff12;font-size:14px}.ns-calendar-controls{display:flex;align-items:center;gap:20px}.ns-calendar-controls .ns-segment{flex:1}.ns-calendar-controls>.ns-sf{color:#a7abb3}.ns-calendar .ns-day>sup{background:#f4f4f6;color:#17191f;border:1px solid #101216;border-radius:12px}
.ns-story-top{display:flex;gap:15px;align-items:center;margin-top:-4px}.ns-story-top>.ns-sf{width:15px;height:15px}.ns-story-progress{display:flex;gap:5px;flex:1}.ns-story-progress i{height:3px;flex:1;background:#ffffff25;border-radius:4px}.ns-story-progress .ns-current{background:#ffffff90}.ns-story-heading{text-align:center;margin-top:28px}.ns-story-heading>b{font-size:11px;letter-spacing:2px;color:var(--ns-accent)}.ns-story-heading>p{font-size:13px;color:#a7abb3;margin:8px 0}.ns-story-stack{margin-top:112px;height:355px;position:relative}.ns-story-page{inset:0}.ns-story-page>h2{text-align:center;font-size:27px;margin:0 0 24px}.ns-story-orbit{position:relative;width:280px;height:280px;margin:0 auto;border-radius:50%;background:color-mix(in srgb,var(--ns-accent) 8%,transparent)}.ns-story-orbit>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:color-mix(in srgb,var(--ns-accent) 40%,transparent);stroke-width:.8}.ns-story-total{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.ns-story-total>b{font-size:42px;letter-spacing:-1px}.ns-story-total>span{font-size:14px}.ns-story-total>small{font-size:12px;color:#a7abb3}.ns-story-satellite{position:absolute;left:calc(50% - 14px);top:calc(50% - 14px);width:28px;height:28px;animation:ns-story-orbit-motion 65s linear infinite}.ns-story-satellite img{width:28px;height:28px;animation:ns-story-counter-motion 65s linear infinite}.ns-story-footer{position:absolute;left:0;right:0;bottom:60px;text-align:center;font-size:16px}.ns-story-arrow .ns-sf{width:56px;height:56px}.ns-story-category{margin:24px 0;text-align:left;font-size:14px}.ns-story-category>i{display:block;height:9px;width:var(--width);background:var(--ns-accent);border-radius:8px;margin-top:12px;transform-origin:left;transform:scaleX(0);transition:transform .8s ease}.ns-story-current .ns-story-category>i{transform:scaleX(1)}
.ns-cloud-form .ns-settings-row .ns-sf{width:24px;height:24px;margin-right:7px}.ns-found .ns-row>.ns-sf{width:16px;height:16px;color:#a7abb3}.ns-wave{max-width:64px}.ns-composer small{display:flex;align-items:center;gap:5px}.ns-theme-preview .ns-logo{border-radius:7px}
@keyframes ns-symbol-breathe{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.06);opacity:1}}
@keyframes ns-story-orbit-motion{from{transform:rotate(var(--phase)) translateY(-126px)}to{transform:rotate(calc(var(--phase) + 360deg)) translateY(-126px)}}
@keyframes ns-story-counter-motion{from{transform:rotate(calc(-1 * var(--phase)))}to{transform:rotate(calc(-1 * var(--phase) - 360deg))}}
.ns-screen .ns-story-satellite,.ns-screen .ns-story-satellite img,.ns-screen .ns-detail-art>.ns-sf{animation-play-state:paused}.ns-visible:not([hidden]) .ns-story-satellite,.ns-visible:not([hidden]) .ns-story-satellite img,.ns-visible:not([hidden]) .ns-detail-art>.ns-sf{animation-play-state:running}
@media(prefers-reduced-motion:reduce){.ns-story-satellite,.ns-story-satellite img,.ns-detail-art>.ns-sf{animation:none!important}.ns-story-category>i{transition:none}}
.ns-screen,.ns-screen *{box-sizing:border-box}
.ns-content{min-height:774px}.ns-row{min-height:64px;padding:12px 0}.ns-row .ns-logo{width:36px;height:36px}.ns-row small{font-size:11px}.ns-row strong small{font-weight:400;text-align:right;color:#a7abb3}.ns-row small em{font-style:normal;color:#fa6865}[data-screen=home] .ns-row{min-height:106px}[data-screen=home] .ns-row .ns-logo{width:42px;height:42px}.ns-group{margin:18px 0 8px}.ns-story-footer{bottom:72px}.ns-summary-links>div{height:58px;background:#ffffff04;border-radius:18px}.ns-summary-links{margin:24px 0}.ns-tools>div{height:102px}.ns-highest{margin-top:10px}.ns-highest .ns-row b{font-size:14px;font-weight:400}.ns-panel .ns-row:last-child{border-bottom:0}.ns-calendar .ns-day{height:62px}.ns-calendar .ns-day .ns-logo{width:27px;height:27px}.ns-calendar .ns-day.ns-selected{border-radius:16px}.ns-theme-amount{min-height:132px}.ns-theme-grid>div{height:52px}.ns-theme-amount:after{content:'';position:absolute;right:12px;top:48px;width:8px;height:8px;border-radius:50%;background:var(--ns-accent)}.ns-theme-grid:after{content:'Uygulama ve widget’lar birlikte renklenir.';grid-column:1/-1;text-align:center;color:#a7abb3;font-size:11px;margin-top:20px}html[lang=en] .ns-theme-grid:after{content:'The app and widgets share your colors.'}
.ns-composer{height:118px}.ns-composer>[data-transcript]{min-height:40px}.ns-found{margin-top:0}.ns-found .ns-row{min-height:64px}.ns-found .ns-big{margin-top:8px}.ns-expense-nav{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:28px}.ns-expense-nav>b{font-size:16px}.ns-expense-nav>span{border-radius:20px;background:#ffffff12;padding:9px}.ns-expense-nav [data-save]{color:var(--ns-accent)}[data-screen=pro-shortcuts] .ns-panel{margin-top:10px}[data-screen=pro-shortcuts] .ns-panel+.ns-panel{margin-top:24px}.ns-entry{min-height:50px}.ns-donut{width:200px;height:200px;margin:12px auto}.ns-legend>div{padding:13px 0}.ns-bars{height:205px}.ns-bars>div{height:170px}.ns-history-row{padding:16px 0}.ns-cloud-form{padding-top:14px}
/* Calendar proportions mirror the native month view, including its glass tab bar. */
[data-screen=calendar] .ns-content{padding:4px 20px 0;height:787px;min-height:0}
.ns-calendar-nav{height:48px;margin:0 0 30px;font-size:18px}.ns-calendar-nav>span{padding:9px 5px;font-size:18px;border:1px solid #ffffff25;background:linear-gradient(#555b66aa,#343940aa);box-shadow:inset 0 1px 1px #ffffff16}
.ns-calendar-controls{gap:24px;height:32px;margin-bottom:38px}.ns-calendar-controls .ns-segment{margin:0;padding:2px;height:32px;background:#ffffff20;border:0;font-size:14px}.ns-calendar-controls .ns-segment>*{padding:4px;color:#fff}.ns-calendar-controls .ns-segment b{background:#ffffff3b}.ns-calendar-controls>.ns-sf{width:18px;height:18px;margin-right:12px}
.ns-cal-month{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.ns-cal-month h2{font-size:32px;font-weight:700;letter-spacing:-1px}.ns-cal-month h2 small{font-size:14px;font-weight:400;letter-spacing:0;margin-left:3px;color:#aaa}.ns-cal-month>div{display:flex;gap:26px;margin-right:10px;color:#aaa}.ns-cal-month .ns-sf{width:14px;height:18px}
.ns-cal-summary{border-bottom:1px solid #ffffff28;padding-bottom:17px}.ns-cal-summary>small{font-size:11px;letter-spacing:1.5px;font-weight:600;color:#aaa}.ns-cal-summary>div{display:flex;justify-content:space-between;align-items:center;margin-top:7px}.ns-cal-summary strong{font-size:23px;font-weight:550;letter-spacing:-.5px}.ns-cal-summary span{font-size:12px;color:#aaa}
[data-screen=calendar] .ns-weekdays{margin:17px 0 15px;font-size:12px;gap:3px}[data-screen=calendar] .ns-calendar{row-gap:7px}[data-screen=calendar] .ns-day{height:55px;border-radius:18px}[data-screen=calendar] .ns-day b{font-size:16px;font-weight:400;margin:2px auto 7px;width:24px;height:24px;line-height:24px}[data-screen=calendar] .ns-day .ns-logo{width:24px!important;height:24px!important}[data-screen=calendar] .ns-day.ns-has-payment{background:linear-gradient(#ffffff04,#ffffff01)}[data-screen=calendar] .ns-day.ns-selected{border-color:#99a7bc50;background:linear-gradient(#99a7bc32,#99a7bc08)}[data-screen=calendar] .ns-today b{border-radius:50%;background:var(--ns-accent);color:#0b0d10;font-weight:600}
.ns-calendar-tabs{position:absolute;left:19px;right:19px;bottom:21px;height:62px;display:flex;align-items:center;padding:2px 4px;background:linear-gradient(#555960aa,#303339bb);border:1px solid #ffffff24;border-radius:36px;box-shadow:inset 0 1px 1px #ffffff20;backdrop-filter:blur(20px)}.ns-calendar-tabs>div{height:58px;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:white}.ns-calendar-tabs>div.active{background:#11151bdd;border-radius:32px;color:var(--ns-accent)}.ns-calendar-tabs .ns-sf{width:29px;height:29px}.ns-calendar-tabs span:not(.ns-sf){font-size:10px;white-space:nowrap}[data-screen=calendar] .ns-home-indicator{display:none}
.ns-story-orbit{background:radial-gradient(circle,color-mix(in srgb,var(--ns-accent) 7%,transparent),transparent 70%)}