:root{--bg:#070b09;--ink:#f6f8f6;--muted:#8f9b94;--line:#25302a;--lime:#a8ff3e;--dark:#0b100d;--white:#111713;--surface:#101612;--surface2:#151c17;--surface3:#1a231c;--glow:rgba(168,255,62,.20)}
html{background:#070b09;color-scheme:dark}body{background:radial-gradient(circle at 50% -15%,#152218 0,#080d0a 35%,#050806 78%);color:var(--ink)}
.sidebar{background:#080d0a;border-color:#1d2821;box-shadow:20px 0 60px rgba(0,0,0,.18)}.brand{color:#fff}.brandmark{background:var(--lime);color:#0b100d;box-shadow:0 0 30px rgba(168,255,62,.18)}
.nav{gap:6px}.nav button{color:#89958e;border:1px solid transparent}.nav button:hover{background:#111813;color:#dbe3dd}.nav button.active{background:linear-gradient(135deg,#18231b,#101611);color:var(--lime);border-color:#364437;box-shadow:inset 0 0 0 1px rgba(168,255,62,.06)}
.localnote,.profile small{color:#6e7c73}.profile{width:100%;background:transparent;color:#fff;border-top:1px solid #1d2821;border-radius:0;text-align:left;padding:20px 4px 0}.profile .avatar{background:#172119;color:var(--lime);overflow:hidden;background-size:cover;background-position:center}.profileChevron{margin-left:auto;color:#657168;font-size:24px}
main{max-width:1500px}.topbar{color:#8a978f}.streak{color:#e9f0eb;background:#111813;border:1px solid #2b382f;border-radius:99px;padding:10px 14px}.streak:before{content:'🔥';margin-right:7px}.sound{background:#101612;border-color:#28342d;color:#e9efeb}
.heading{align-items:flex-end}.heading h1{font-size:clamp(34px,4vw,52px);letter-spacing:-2px;color:#fff}.eyebrow{color:#93a19a;letter-spacing:2.4px}.sub{color:#98a49d}.premiumHeading{max-width:1100px;margin-left:auto;margin-right:auto}
.card,.summaryitem,.resultcard{background:linear-gradient(180deg,#121914,#0e1410);border-color:#28342d;box-shadow:0 18px 45px rgba(0,0,0,.18)}.card h2,.card h3{color:#f8faf8}.tag,.badgecount{background:#1c2d1d;color:#adff57}.focusbox{background:#151e17}.focusbox p{color:#9aa69f}.textbutton{color:#b3ff62}
.workout{background:radial-gradient(circle at 85% 0,#1b3420 0,#0e1711 35%,#0a100c 75%);border-color:#304236;box-shadow:0 20px 70px rgba(0,0,0,.35)}.workout .tabs{background:#080d0a}.tabs button{color:#94a197}.tabs button.active{background:var(--lime);color:#071007}.runselect,.mode select{background:#101812;border-color:#34443a;color:#fff}.ring{background:conic-gradient(var(--lime) var(--progress,0%),#243128 0);box-shadow:0 0 45px rgba(168,255,62,.12)}.ringinner{background:#0c120e}.workout .btn.ghost{border-color:#3e5044}.btn{background:#1b241e;color:#f7faf8}.btn.lime{background:var(--lime);color:#091007;box-shadow:0 10px 30px rgba(168,255,62,.14)}.btn.ghost{background:#121713;color:#f6f8f6;border-color:#334038}.btn.soft{background:#1a281b;color:#baff72}.modecards .modecard{background:#0b110d!important;border-color:#29372d!important}.modecard span{color:#77877d!important}.modecard strong{color:#f1f5f2!important}
.summaryitem{border-radius:18px}.segmented{background:#0c110e}.segmented button{color:#87948c}.segmented .active{background:#172019;color:#b5ff67;box-shadow:none}.daypill{background:#101612;border-color:#26342b;color:#93a097}.daypill strong{color:#eaf0eb}.performancecard{background:linear-gradient(160deg,#111812,#0b100d)!important;border-color:#29362e!important}.pc-kicker,.performancecard small{color:#7c8b82!important}.performancecard strong{color:#f6f8f6!important}.spark polyline{stroke:#a8ff3e!important}.spark .area{fill:rgba(168,255,62,.08)!important}
.mapcard{background:#0d130f}.mapbadge{background:rgba(12,18,14,.90);color:#dce5de;border-color:#314038}.maphud{background:rgba(6,11,8,.88);border-color:#314139}.maphud strong{color:#baff70}.mapfoot{color:#6e7a72}
.musichero{background:radial-gradient(circle at 80% 20%,#24422a,#0b120d 55%)}.musiclibrary{background:#0f1511}.trackrow{border-color:#243028}.trackname small{color:#7f8b84}.miniplayer{background:#101812;border-color:#33423a}
input,select,textarea{background:#0c120e;border-color:#2d3a32;color:#f5f7f5}input::placeholder,textarea::placeholder{color:#58655d}dialog{background:#0f1511;color:#f4f6f4;border:1px solid #2a372f}.dialoghead,.dialogfoot{border-color:#263229}.help{color:#849188}.exerciseedit,.blockedit{background:#0c120e;border-color:#29362e}.exercise .num,.activityicon{background:#172319;color:#a8ff3e}.exercise{border-color:#263229}.progressbar{background:#202b23}.progressbar span{background:#a8ff3e}
/* history */
.historyEvolution{max-width:900px;margin:0 auto 18px;background:linear-gradient(145deg,#121a15,#0c120e);border:1px solid #2b392f;border-radius:22px;padding:22px 24px;display:grid;grid-template-columns:1fr 190px 44px;align-items:center;gap:18px}.historyEvolution h3{font-size:19px}.historyEvolution p{color:#7f8d84;font-size:13px;margin-top:4px}.historyBars{height:52px;display:flex;gap:8px;align-items:flex-end}.historyBars i{display:block;flex:1;min-width:8px;border-radius:6px 6px 2px 2px;background:linear-gradient(#b7ff63,#68b91f);box-shadow:0 0 16px rgba(168,255,62,.15)}.circleChevron{width:42px;height:42px;border-radius:50%;background:#1b241e;color:#d9e1db;border:1px solid #344239;font-size:26px;display:grid;place-items:center}.historyFilters{max-width:900px;margin:0 auto 18px;display:flex;gap:9px;overflow:auto;padding-bottom:2px;scrollbar-width:none}.historyFilters::-webkit-scrollbar{display:none}.historyFilters button{white-space:nowrap;border-radius:999px;background:#101612;color:#adb8b1;border:1px solid #2d3932;padding:10px 18px}.historyFilters button.active{background:var(--lime);color:#081007;border-color:var(--lime);font-weight:800}.historyList,.historyList{}#historyList{max-width:900px;margin:auto;display:grid;gap:14px}.resultcard{border-radius:22px;padding:20px 22px;margin:0}.resulthead{align-items:flex-start}.resulthead h3{font-size:18px}.resulthead p{color:#849087}.resulthead .btn{padding:9px 12px;border-radius:11px}.resultstats{border-top:1px solid #253129;padding-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.resultstats strong{font-size:21px;color:#f4f8f4}.resultstats small{color:#758179;line-height:1.3}
/* diary */
.journalGrid{max-width:900px;margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.journalRecorder{grid-column:1/-1;background:radial-gradient(circle at 50% 45%,rgba(112,209,48,.12),transparent 35%),linear-gradient(160deg,#121a15,#0a0f0c);border:1px solid #304037;border-radius:26px;padding:24px;box-shadow:0 22px 70px rgba(0,0,0,.28)}.journalRecorderHead{display:flex;align-items:center;gap:13px}.journalMicBadge{width:48px;height:48px;border-radius:50%;background:#19301b;color:var(--lime);display:grid;place-items:center}.journalRecorderHead h2{font-size:20px}.journalRecorderHead p{font-size:13px;color:#8e9b93;margin-top:4px}.journalLimit{margin-left:auto;border:1px solid #354239;border-radius:99px;padding:7px 10px;font-size:10px;color:#a8b4ad}.waveform{height:100px;margin:24px 0 10px;display:flex;gap:4px;align-items:center;justify-content:center}.waveform i{width:4px;border-radius:10px;background:#35423a;height:20%}.waveform.recording i{background:var(--lime);animation:wavebar .8s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-40ms)}@keyframes wavebar{from{height:12%;opacity:.5}to{height:85%;opacity:1}}.journalTimer{text-align:center;font:800 35px Manrope,sans-serif;letter-spacing:-1.5px}.journalState{text-align:center;color:#859189;font-size:13px;margin-top:4px}.journalControls{display:flex;justify-content:center;gap:25px;align-items:center;margin-top:22px}.journalRound,.journalRecord{border-radius:50%;display:grid;place-items:center}.journalRound{width:52px;height:52px;background:#1b231e;color:#dce4de;border:1px solid #344238}.journalRecord{width:72px;height:72px;background:var(--lime);color:#081007;box-shadow:0 0 0 10px rgba(168,255,62,.05),0 0 45px rgba(168,255,62,.18)}.journalRecord.recording{background:#f3ffec}.journalRecord svg{width:28px;height:28px}.journalAudio{width:100%;margin-top:18px}.transcriptCard{grid-column:1/-1}.sectionTitleIcon{display:flex;align-items:center;gap:12px}.sectionTitleIcon>span{width:39px;height:39px;border-radius:11px;background:#18221a;color:#b5ff68;display:grid;place-items:center}.sectionTitleIcon small{color:#78867d;display:block;margin-top:3px}.journalTranscript{width:100%;min-height:150px;resize:vertical;padding:15px;border-radius:16px;line-height:1.65}.journalActions{display:flex;gap:14px;align-items:center;margin-top:14px}.journalSummaryCard{grid-column:1/2}.journalSummary{margin-top:16px;color:#a7b2ab;line-height:1.65}.aiInsightCard{grid-column:2/3;display:flex;gap:14px;align-items:flex-start;border-color:#6a9c39;background:linear-gradient(150deg,#122016,#0d140f)}.aiSpark{font-size:28px;color:#c4ff72}.aiInsightCard p{font-size:13px;line-height:1.5;color:#87958b;margin-top:6px}.aiSoon{margin-left:auto;font-size:9px;border:1px solid #3f4c43;padding:5px 7px;border-radius:8px;color:#9aa59e}.journalHistoryCard{grid-column:1/-1}.journalEntry{display:flex;gap:14px;padding:16px 0;border-top:1px solid #263129}.journalEntry:first-child{border-top:0}.journalEntryDate{min-width:88px;color:#baff70;font-weight:700}.journalEntryText{color:#a6b1aa;line-height:1.5;font-size:13px}.journalEntryText strong{display:block;color:#eef3ef;margin-bottom:5px}
/* profile */
.profilePage{max-width:760px;margin:auto}.profileHeroCard{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;background:linear-gradient(160deg,#121a15,#0d130f);border:1px solid #2c3931;border-radius:24px;padding:20px;box-shadow:0 18px 60px rgba(0,0,0,.2)}.profilePhotoWrap{position:relative}.profilePhoto{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#223229,#121914);border:2px solid #afed69;color:#c7ff87;font-size:23px;font-weight:800;background-size:cover;background-position:center}.profileCamera{position:absolute;right:-1px;bottom:-2px;width:33px;height:33px;border-radius:50%;background:#0b110d;color:#fff;border:1px solid #647168;display:grid;place-items:center}.profileCamera svg{width:16px;height:16px}.profileHeroText h2{font-size:24px}.profileHeroText p{color:#88958d;margin-top:4px}.profilePersonalRow{grid-column:1/-1;margin-top:4px;border-top:1px solid #28352c;padding:15px 4px 0;display:flex;align-items:center;gap:12px;cursor:pointer}.profilePersonalRow>span:last-child{margin-left:auto;font-size:22px}.profilePersonalRow small,.settingRow small{display:block;color:#78867d;margin-top:3px}.settingsSection{margin-top:24px}.settingsSection>h3{font-size:17px;margin:0 0 10px 5px}.settingsCard{border:1px solid #2b3830;background:linear-gradient(#111813,#0d130f);border-radius:20px;overflow:hidden}.settingRow{width:100%;display:flex;align-items:center;gap:13px;padding:16px;border-bottom:1px solid #263229;color:#eef3ef;text-align:left;background:transparent}.settingRow:last-child{border-bottom:0}.settingRow>div{flex:1}.settingsIcon{width:38px;height:38px;border-radius:12px;background:#172019;color:#dce6df;display:grid;place-items:center}.settingButton{cursor:pointer}.settingButton>span:last-child{font-size:22px;color:#89958d}.switch{position:relative;width:48px;height:28px;flex:0 0 auto}.switch input{display:none}.switch span{position:absolute;inset:0;background:#2b352e;border-radius:20px;transition:.2s}.switch span:after{content:'';position:absolute;width:22px;height:22px;left:3px;top:3px;background:#e7ece8;border-radius:50%;transition:.2s}.switch input:checked+span{background:var(--lime)}.switch input:checked+span:after{transform:translateX(20px);background:#fff}.profileLockBtn{width:100%;margin:24px 0 8px;padding:15px;border-radius:16px;background:#111713;border:1px solid #2e3a32;color:#b7c1ba;display:flex;align-items:center;justify-content:center;gap:9px}
/* responsive/mobile exact app feel */
@media(max-width:700px){body{background:#070b09}.layout{min-height:100dvh}.sidebar{height:76px;background:rgba(5,10,7,.96);backdrop-filter:blur(20px);border-top:1px solid #26322a;padding:5px 8px}.nav{height:100%;display:grid;grid-template-columns:repeat(6,1fr);align-items:center;gap:2px}.nav button{padding:8px 2px 7px;min-width:0;font-size:10px;line-height:1.1;gap:4px;border-radius:15px;flex-direction:column;justify-content:center}.nav button svg{width:20px;height:20px}.nav button[data-view="professional"],.nav button[data-view="music"]{display:none}.nav button.active{background:#142018;border-color:#638941;box-shadow:inset 0 0 0 1px #6d9d3d;color:#baff68}.sidebar .brand,.sidebottom{display:none}main{padding:18px 16px 102px;max-width:520px}.topbar{margin-bottom:30px;min-height:44px}.mobilelogo{display:flex;font-size:23px}.mobilelogo .brandmark{padding:7px}.toptools{gap:7px}.topbar .streak{font-size:11px;padding:8px 10px}.sound{display:none}.heading,.premiumHeading{margin-bottom:24px;align-items:flex-start}.heading h1{font-size:36px;line-height:1.04;letter-spacing:-1.8px}.heading .sub{font-size:15px;line-height:1.5;max-width:92%}.premiumHeading .dateinput{position:absolute;right:16px;margin-top:-2px;width:42px;color:transparent;padding:9px}.premiumHeading .dateinput::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.8}.card{padding:18px;border-radius:20px}.performancegrid{grid-template-columns:1fr 1fr!important}.tabs{width:100%;overflow:auto;scrollbar-width:none}.tabs button{padding:9px 12px;white-space:nowrap}.summarygrid{grid-template-columns:repeat(3,1fr)}.summaryitem{padding:13px 9px}.grid,.bottomgrid,.planlist,.goalpage,.professionalgrid{grid-template-columns:1fr}.historyEvolution{grid-template-columns:1fr 120px 36px;padding:17px;margin-bottom:14px}.historyEvolution .circleChevron{width:36px;height:36px}.historyBars{height:42px;gap:5px}.historyFilters{margin-bottom:14px}.historyFilters button{padding:9px 14px}.resultcard{padding:18px}.resulthead .btn{font-size:11px}.resultstats{grid-template-columns:repeat(3,1fr);gap:8px}.resultstats strong{font-size:19px;white-space:nowrap}.resultstats small{font-size:9px}.journalGrid{grid-template-columns:1fr;gap:14px}.journalRecorder{padding:20px;grid-column:auto}.waveform{height:86px}.journalLimit{font-size:9px}.transcriptCard,.journalSummaryCard,.aiInsightCard,.journalHistoryCard{grid-column:auto}.journalSummaryCard{grid-column:auto}.aiInsightCard{grid-column:auto}.profileHeroCard{padding:16px}.profilePhoto{width:72px;height:72px}.profileHeroText h2{font-size:21px}.settingRow{padding:14px 13px}.settingsIcon{width:36px;height:36px}.footer{display:none}.miniplayer{bottom:84px}.toast{bottom:92px}.eventalert{top:12px}.musichero{border-radius:20px}.journalEntry{display:block}.journalEntryDate{margin-bottom:6px}.profilePage,.journalGrid,#historyList,.historyEvolution,.historyFilters{width:100%}}