:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef6f2;font-synthesis:none;letter-spacing:0;text-rendering:geometricprecision;background:#0b1115;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,select,textarea{font:inherit}main{min-height:100vh;padding:24px 24px max(24px, env(safe-area-inset-bottom));background:linear-gradient(135deg,#376e5947,#0000 34%),linear-gradient(315deg,#d45d482e,#0000 36%),#0b1115}.appNav{z-index:20;top:calc(env(safe-area-inset-top,0px) + 8px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b1115b8;border:1px solid #eef6f224;border-radius:999px;gap:6px;padding:5px;display:flex;position:fixed;left:12px}.iconButton,.voiceButton,.cameraChip{color:#eef6f2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#eef6f214;border:1px solid #eef6f229;place-items:center;display:inline-grid}.iconButton:focus,.voiceButton:focus,.cameraChip:focus{outline:none}.iconButton:focus-visible,.cameraChip:focus-visible{outline:none;box-shadow:0 0 0 3px #b9ffd757}.iconButton{border-radius:999px;width:34px;height:34px}.iconButton:hover,.iconButton.active{color:#07100c;background:#b9ffd7}.transcriptToggle{margin-left:0}.shell{width:min(1380px,100%);padding-top:calc(env(safe-area-inset-top,0px) + 44px);margin:0 auto}.workspace{grid-template-columns:minmax(0,1fr) 0;align-items:stretch;gap:18px;transition:grid-template-columns .18s;display:grid}.workspace.transcriptOpen{grid-template-columns:minmax(0,1fr) minmax(320px,420px)}.primaryPane{min-width:0}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:12px;display:flex}.topbar.compact h1{font-size:clamp(2.4rem,6vw,4.8rem)}.eyebrow{color:#88d2b3;text-transform:uppercase;margin:0 0 8px;font-size:.82rem;font-weight:700}h1{max-width:760px;margin:0;font-size:clamp(1.7rem,4vw,2.7rem);line-height:1}.status{z-index:20;top:calc(env(safe-area-inset-top,0px) + 8px);color:#b8c9c2;background:#0b1115a3;border:1px solid #eef6f233;border-radius:999px;align-items:center;gap:10px;min-height:38px;padding:8px 14px;display:inline-flex;position:fixed;right:20px}.status span{background:#aab7b2;border-radius:50%;width:9px;height:9px}.status.live span{background:#4df39b;box-shadow:0 0 18px #4df39be6}.voicePage{height:calc(100dvh - 68px - env(safe-area-inset-top,0px) - max(24px, env(safe-area-inset-bottom,24px)));flex-direction:column;display:flex;overflow:hidden}.stage{border-top:1px solid #eef6f21f;border-bottom:1px solid #eef6f21f;flex:1 1 0;place-items:center;min-height:160px;margin-bottom:0;display:grid;position:relative;overflow:hidden}.cameraPreview{aspect-ratio:4/3;object-fit:cover;opacity:0;pointer-events:none;z-index:3;background:#eef6f214;border:1.5px solid #eef6f238;border-radius:14px;width:min(220px,56vw);transition:opacity .16s,transform .16s;position:absolute;top:16px;left:50%;transform:translate(-50%)translateY(-8px)}.cameraPreview.visible{opacity:1;transform:translate(-50%)translateY(0)}.cameraSwitchBtn{color:#eef6f2;cursor:pointer;z-index:4;-webkit-tap-highlight-color:transparent;background:#0b11159e;border:1.5px solid #eef6f24d;border-radius:50%;place-items:center;width:32px;height:32px;transition:background .12s;display:grid;position:absolute;top:24px;left:calc(50% + min(110px,28vw) - 38px)}.cameraSwitchBtn:hover{background:#eef6f224}.cameraSwitchBtn:active{transform:scale(.88)}.orb{aspect-ratio:1;width:min(30vw,190px);box-shadow:0 0 calc(46px + var(--level) * 90px) rgba(92, 219, 154, calc(.2 + var(--level) * .42)), inset 0 0 90px #ffffff1f;transform:scale(calc(1 + var(--level) * .08));background:radial-gradient(circle at 38% 35%,#eef6f2f5,#6bd0a3db 24%,#237c667a 54%,#09181929 74%),conic-gradient(from 40deg,#6bf0a4,#ffc061,#da6855,#6bf0a4);border-radius:50%;place-items:center;transition:transform 80ms linear,box-shadow 80ms linear;display:grid}.orb>div{aspect-ratio:1;background:#0b1115b8;border:1px solid #eef6f247;border-radius:50%;width:58%}.bargeIn{color:#9fb3ab;background:#0b111594;border:1px solid #eef6f224;border-radius:999px;min-height:34px;padding:7px 12px;font-size:.86rem;font-weight:700;position:absolute;top:28px}.bargeIn.listening{color:#ffd68c;border-color:#ffd68c57}.bargeIn.interrupted{color:#b9ffd7;border-color:#b9ffd757}.voiceButton{color:#07100c;background:#eef6f2;border:0;border-radius:50%;width:76px;height:76px;transition:background .12s,box-shadow .12s,transform .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 70px #0000006b,0 0 0 10px #eef6f214}.voiceButton:hover{background:#b9ffd7}.voiceButton:active{transform:translate(-50%,-50%)scale(.95);box-shadow:0 14px 40px #0000005c,0 0 0 8px #b9ffd71f}.voiceButton:focus-visible{outline:none;box-shadow:0 24px 70px #0000006b,0 0 0 10px #eef6f214,0 0 0 15px #b9ffd747}.cameraChip{right:18px;bottom:max(48px, calc(env(safe-area-inset-bottom) + 32px));color:#c4d4ce;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0b11158a;border:1px solid #eef6f224;border-radius:999px;place-items:center;width:42px;height:42px;display:inline-grid;position:absolute}.cameraChip:hover,.cameraChip.on{color:#07100c;background:#b9ffd7}.stageRefreshBtn{left:18px;bottom:max(48px, calc(env(safe-area-inset-bottom) + 32px));color:#c4d4ce;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0b11158a;border:1px solid #eef6f224;border-radius:999px;place-items:center;width:42px;height:42px;transition:color .12s,background .12s;display:inline-grid;position:absolute}.stageRefreshBtn:hover{color:#07100c;background:#b9ffd7}.stageRefreshBtn:active{transform:scale(.92)}.avatarChip{color:#c4d4ce;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0b11158a;border:1px solid #eef6f224;border-radius:999px;place-items:center;width:42px;height:42px;display:inline-grid;position:absolute;bottom:18px;left:18px}.avatarChip:hover,.avatarChip.on{color:#07100c;background:#b9ffd7}.avatarChip:focus-visible{outline:none;box-shadow:0 0 0 3px #b9ffd757}.aiAvatarWrap{opacity:0;pointer-events:none;z-index:2;flex-direction:column;align-items:center;gap:6px;transition:opacity .18s,transform .18s;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)translateY(-8px)}.aiAvatarWrap.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.aiAvatarRing{background:#0b11158a;border:1px solid #eef6f238;border-radius:50%;width:110px;height:92px;padding:3px;transition:box-shadow .2s}.aiAvatarWrap.speaking .aiAvatarRing{animation:1.5s ease-in-out infinite avatarPulse;box-shadow:0 0 0 4px #4df39b61,0 0 22px #4df39b8c}@keyframes avatarPulse{0%,to{box-shadow:0 0 0 4px #4df39b61,0 0 22px #4df39b8c}50%{box-shadow:0 0 0 8px #4df39b2e,0 0 38px #4df39bbf}}.aiAvatarCircle{background:linear-gradient(135deg,#376e59 0%,#1a3a2d 100%);border-radius:50%;place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.aiAvatarImg{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.aiAvatarInitials{color:#b9ffd7;letter-spacing:-.02em;-webkit-user-select:none;user-select:none;font-size:1.6rem;font-weight:700;line-height:1}.aiAvatarLabel{color:#eef6f2d1;text-shadow:0 1px 6px #000000b3;white-space:nowrap;letter-spacing:.01em;font-size:.78rem;font-weight:700}.visualStatus{color:#9fb3ab;text-align:center;min-height:24px;margin:-10px 0 18px;font-size:.92rem;font-weight:700}.settingsPage{min-height:clamp(420px,70vh,720px)}.settingsSectionLabel{color:#88d2b3;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #eef6f21a;margin:0 0 10px;padding:0 0 6px;font-size:.78rem;font-weight:700}.settingsSectionLabel+.settingsGrid{margin-bottom:22px}.settingsInput{color:#eef6f2;width:100%;min-height:48px;font:inherit;background:#eef6f214;border:1px solid #eef6f22e;border-radius:8px;outline:none;padding:0 14px}.settingsInput:focus{border-color:#b9ffd761;box-shadow:0 0 0 3px #b9ffd71f}.settingsInput:disabled{opacity:.55}.settingsHint{color:#5e7a6e;margin-top:-2px;font-size:.78rem;font-weight:400}.personaGrid{grid-template-columns:auto minmax(0,1fr);align-items:start}.avatarEditor{flex-direction:column;align-items:center;gap:10px;display:flex}.avatarEditorCircle{flex-shrink:0;width:80px;height:80px}.avatarEditorActions{flex-direction:column;align-items:center;gap:6px;display:flex}.avatarUploadBtn{color:#eef6f2;cursor:pointer;min-height:36px;font:inherit;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#eef6f214;border:1px solid #eef6f22e;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-size:.85rem;font-weight:600;transition:background .14s;display:inline-flex}.avatarUploadBtn:hover{background:#eef6f224}.avatarUploadBtn.disabled{opacity:.45;pointer-events:none}.avatarRemoveBtn{color:#ffd6cc;cursor:pointer;min-height:30px;font:inherit;background:0 0;border:1px solid #ff806547;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-size:.78rem;font-weight:600;transition:background .14s;display:inline-flex}.avatarRemoveBtn:hover{background:#8c281838}.avatarRemoveBtn:disabled{opacity:.45;cursor:default}.settingsGrid{grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:18px;margin-bottom:18px;display:grid}label{color:#88a096;gap:8px;font-size:.9rem;font-weight:700;display:grid}select,textarea{color:#eef6f2;background:#eef6f214;border:1px solid #eef6f22e;border-radius:8px;outline:none;width:100%}select{min-height:48px;padding:0 14px}textarea{resize:vertical;min-height:180px;padding:14px}select:disabled,textarea:disabled{opacity:.55}.cropOverlay{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;justify-content:center;align-items:center;padding:16px;animation:.14s cropFadeIn;display:flex;position:fixed;inset:0}@keyframes cropFadeIn{0%{opacity:0}to{opacity:1}}.cropCard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d151af5;border:1px solid #eef6f229;border-radius:16px;flex-direction:column;align-items:center;gap:18px;width:min(340px,100%);padding:28px 24px 24px;animation:.18s cubic-bezier(.22,1,.36,1) cropSlideUp;display:flex;box-shadow:0 24px 80px #0009}@keyframes cropSlideUp{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.cropTitle{color:#eef6f2;margin:0;font-size:1rem;font-weight:700}.cropHint{color:#6e9180;text-align:center;margin:-10px 0 0;font-size:.78rem}.cropViewport{cursor:grab;-webkit-user-select:none;user-select:none;background:#0b1115;border:2px solid #b9ffd74d;border-radius:50%;flex-shrink:0;width:260px;height:260px;position:relative;overflow:hidden;box-shadow:0 0 0 4px #0b1115cc,0 0 0 5px #eef6f21f}.cropViewport:active{cursor:grabbing}.cropLoading{color:#6e9180;place-items:center;font-size:.85rem;display:grid;position:absolute;inset:0}.cropZoomRow{align-items:center;gap:10px;width:100%;display:flex}.cropZoomBtn{color:#eef6f2;cursor:pointer;background:#eef6f214;border:1px solid #eef6f22e;border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:1.2rem;line-height:1;transition:background .12s;display:grid}.cropZoomBtn:hover{background:#eef6f229}.cropZoomSlider{appearance:none;cursor:pointer;background:#eef6f22e;border-radius:2px;outline:none;flex:1;height:4px}.cropZoomSlider::-webkit-slider-thumb{appearance:none;cursor:grab;background:#b9ffd7;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 0 6px #b9ffd780}.cropZoomSlider::-moz-range-thumb{cursor:grab;background:#b9ffd7;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 0 6px #b9ffd780}.cropActions{gap:10px;width:100%;display:flex}.cropCancelBtn,.cropSaveBtn{min-height:42px;font:inherit;cursor:pointer;border-radius:8px;flex:1;font-size:.9rem;font-weight:600;transition:background .13s}.cropCancelBtn{color:#eef6f2;background:#eef6f20f;border:1px solid #eef6f22e}.cropCancelBtn:hover{background:#eef6f21f}.cropSaveBtn{color:#07100c;background:#b9ffd7;border:none}.cropSaveBtn:hover{background:#d0ffe8}.auth-screen{background:linear-gradient(135deg,#376e5947,#0000 34%),linear-gradient(315deg,#d45d482e,#0000 36%),#0b1115;justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:#0b1115b8;border:1px solid #eef6f224;border-radius:16px;flex-direction:column;align-items:center;gap:20px;padding:48px 40px;display:flex}.auth-title{margin:0;font-size:2rem;font-weight:700}.auth-subtitle{color:#88a096;margin:0;font-size:.95rem}.auth-loading{color:#88a096}.auth-google-btn{color:#eef6f2;cursor:pointer;background:#eef6f214;border:1px solid #eef6f238;border-radius:8px;align-items:center;gap:10px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:background .15s;display:flex}.auth-google-btn:hover{background:#eef6f224}.settingsAccount{border-top:1px solid #eef6f21a;justify-content:space-between;align-items:center;margin-top:8px;padding:14px 0 0;display:flex}.settingsAccountEmail{color:#88a096;font-size:.9rem}.signOutBtn{color:#eef6f2;cursor:pointer;background:0 0;border:1px solid #eef6f22e;border-radius:8px;padding:8px 16px;font-size:.85rem;transition:background .15s}.signOutBtn:hover{background:#eef6f214}.error{color:#ffd6cc;background:#8c28183d;border:1px solid #ff80656b;border-radius:8px;margin-bottom:18px;padding:14px 16px}.transcriptPanel{background:#0b111594;border:1px solid #eef6f21f;border-radius:8px;min-width:0;max-height:calc(100vh - 140px);overflow:hidden}.workspace:not(.transcriptOpen) .transcriptPanel{display:none}.panelHeader{border-bottom:1px solid #eef6f21f;justify-content:flex-start;align-items:center;gap:12px;min-height:58px;padding:8px 10px 8px 18px;display:flex}.panelHeader strong{color:#eef6f2}.transcript{align-content:start;gap:12px;max-height:calc(100vh - 174px);padding:16px;display:grid;overflow:auto}.empty{color:#8fa49c;margin:0}article{background:#eef6f214;border:1px solid #eef6f21f;border-radius:8px;width:100%;padding:16px 18px}article.user{background:#68bb8d24}article strong{color:#88d2b3;margin-bottom:8px;display:block}article p{color:#dbe8e2;margin:0;line-height:1.5}@media (width<=980px){.workspace.transcriptOpen{grid-template-columns:minmax(0,1fr) minmax(280px,340px)}h1{font-size:clamp(1.7rem,7vw,2.6rem)}}@media (width<=720px){main{padding:16px}.appNav{top:calc(env(safe-area-inset-top,0px) + 6px);bottom:auto;left:10px;right:auto}.shell{padding-top:calc(env(safe-area-inset-top,0px) + 48px);padding-bottom:10px}.topbar,.settingsGrid,.personaGrid{flex-direction:column;grid-template-columns:1fr}.aiAvatarRing{width:90px;height:90px}.aiAvatarInitials{font-size:1.3rem}.topbar{display:grid}.workspace,.workspace.transcriptOpen{grid-template-columns:1fr}.stage{min-height:140px}h1{font-size:clamp(1.7rem,11vw,2.5rem)}.status{align-self:flex-start}.transcriptPanel{z-index:15;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);max-height:none;position:fixed;inset:76px 16px 16px}.transcript{max-height:calc(100vh - 150px)}.status{top:calc(env(safe-area-inset-top,0px) + 6px);right:16px}.voiceButton{width:70px;height:70px}}.profileBar{flex-wrap:wrap;justify-content:center;gap:8px;padding:0 4px 16px;display:flex}.profileChip{color:#9fb3ab;cursor:pointer;min-height:32px;font:inherit;-webkit-tap-highlight-color:transparent;background:#0b11158a;border:1px solid #eef6f233;border-radius:999px;padding:0 16px;font-size:.84rem;font-weight:600;transition:background .12s,color .12s,border-color .12s}.profileChip:hover{color:#eef6f2;background:#eef6f21a}.profileChip.active{color:#07100c;background:#b9ffd7;border-color:#b9ffd780}.profileChip:disabled{opacity:.5;cursor:default}.familyCard{background:#eef6f20a;border:1px solid #eef6f224;border-radius:10px;flex-direction:column;gap:12px;margin-bottom:22px;padding:16px;display:flex}.familyCardHeader{justify-content:space-between;align-items:center;display:flex}.familyName{color:#eef6f2;font-size:1.05rem;font-weight:700}.inviteRow{align-items:center;gap:10px;display:flex}.inviteLabel{color:#88a096;font-size:.82rem;font-weight:600}.inviteCodeBtn{color:#b9ffd7;cursor:pointer;font:inherit;letter-spacing:.08em;background:#b9ffd70f;border:1px solid #b9ffd74d;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.92rem;font-weight:700;transition:background .12s;display:inline-flex}.inviteCodeBtn:hover{background:#b9ffd724}.membersList{flex-direction:column;gap:4px;display:flex}.memberRow{color:#9fb3ab;border-bottom:1px solid #eef6f212;align-items:center;gap:8px;padding:6px 0;font-size:.88rem;display:flex}.memberEmail{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.memberRole{text-transform:uppercase;letter-spacing:.05em;color:#5e7a6e;font-size:.72rem;font-weight:700}.leaveFamilyBtn{color:#ffd6cc;cursor:pointer;font:inherit;background:0 0;border:1px solid #ff80654d;border-radius:8px;align-self:flex-start;padding:7px 14px;font-size:.84rem;font-weight:600;transition:background .12s}.leaveFamilyBtn:hover{background:#8c281838}.leaveFamilyBtn:disabled{opacity:.45;cursor:default}.familySetup{flex-direction:column;gap:10px;margin-bottom:22px;display:flex}.familySetupRow{align-items:center;gap:10px;display:flex}.familySetupRow .settingsInput{flex:1}.familyActionBtn{color:#eef6f2;cursor:pointer;min-height:48px;font:inherit;white-space:nowrap;background:#eef6f21a;border:1px solid #eef6f238;border-radius:8px;flex-shrink:0;padding:0 20px;font-size:.9rem;font-weight:600;transition:background .12s}.familyActionBtn:hover{background:#eef6f229}.familyActionBtn:disabled{opacity:.45;cursor:default}.familyOrDivider{text-align:center;color:#5e7a6e;padding:4px 0;font-size:.82rem}.profileCardList{flex-direction:column;gap:8px;margin-bottom:22px;display:flex}.profileListCard{background:#eef6f20a;border:1px solid #eef6f21f;border-radius:8px;justify-content:space-between;align-items:center;padding:11px 14px;display:flex}.profileListCardInfo{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.profileListName{color:#eef6f2;font-weight:700}.profileListPill{color:#88a096;white-space:nowrap;border:1px solid #eef6f21f;border-radius:999px;padding:2px 8px;font-size:.78rem}.profileListActions{flex-shrink:0;gap:6px;display:flex}.profileListEditBtn,.profileListDeleteBtn{cursor:pointer;background:0 0;border:1px solid #eef6f224;border-radius:6px;place-items:center;width:32px;height:32px;transition:background .12s;display:grid}.profileListEditBtn{color:#88d2b3}.profileListEditBtn:hover{background:#88d2b31f}.profileListDeleteBtn{color:#ffd6cc;border-color:#ff806533}.profileListDeleteBtn:hover{background:#8c281838}.addProfileBtn{color:#88a096;cursor:pointer;min-height:40px;font:inherit;background:0 0;border:1px dashed #eef6f238;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:.88rem;font-weight:600;transition:background .12s,color .12s;display:flex}.addProfileBtn:hover{color:#eef6f2;background:#eef6f20f}.profileModalCard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d151af5;border:1px solid #eef6f229;border-radius:16px;flex-direction:column;gap:16px;width:min(480px,100vw - 32px);max-height:calc(100vh - 64px);padding:28px 24px 24px;animation:.18s cubic-bezier(.22,1,.36,1) cropSlideUp;display:flex;overflow-y:auto;box-shadow:0 24px 80px #0009}.profileModalForm{flex-direction:column;gap:14px;display:flex}.profileModalRow{grid-template-columns:1fr 1fr;gap:14px;display:grid}.iconButton.settingsBtn{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}@keyframes longPressCharge{0%{box-shadow:0 0 #b9ffd78c,0 0 0 10px #eef6f214}70%{transform:scale(.93);box-shadow:0 0 0 6px #b9ffd74d,0 0 0 10px #eef6f214}to{color:#07100c;background:#b9ffd7;transform:scale(.93);box-shadow:0 0 0 9px #b9ffd700,0 0 0 10px #eef6f214}}.iconButton.settingsBtn.pressing{animation:.6s ease-in forwards longPressCharge}.settingsProfileBar{justify-content:flex-start;padding-bottom:22px}.routinesSection{border-top:1px solid #eef6f21a;flex-direction:column;gap:8px;padding-top:6px;display:flex}.routinesSectionHeader{justify-content:space-between;align-items:center;display:flex}.routinesSectionTitle{text-transform:uppercase;letter-spacing:.06em;color:#88d2b3;font-size:.82rem;font-weight:700}.addRoutineInlineBtn{color:#b9ffd7;cursor:pointer;font:inherit;background:#b9ffd70f;border:1px solid #b9ffd74d;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:700;transition:background .12s;display:inline-flex}.addRoutineInlineBtn:hover{background:#b9ffd724}.routinesEmpty{color:#5e7a6e;margin:0;padding:10px 0;font-size:.83rem;font-style:italic}.routineItem{background:#eef6f208;border:1px solid #eef6f21f;border-radius:8px;overflow:hidden}.routineItem.open{border-color:#b9ffd738}.routineItemHeader{cursor:default;align-items:center;gap:10px;padding:10px 12px;display:flex}.routineToggle{cursor:pointer;background:#eef6f21a;border:2px solid #eef6f24d;border-radius:50%;flex-shrink:0;width:14px;height:14px;padding:0;transition:background .15s,border-color .15s,box-shadow .15s}.routineToggle.on{background:#4df39b;border-color:#4df39b;box-shadow:0 0 6px #4df39b99}.routineItemMeta{cursor:pointer;flex:1;min-width:0}.routineItemName{color:#eef6f2;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;display:block;overflow:hidden}.routineItemName em{color:#5e7a6e;font-style:italic;font-weight:400}.routineItemDayBadges{flex-wrap:wrap;gap:3px;margin-top:3px;display:flex}.routineItemDayBadge{color:#88d2b3;letter-spacing:.02em;background:#b9ffd71f;border-radius:4px;padding:1px 5px;font-size:.68rem;font-weight:700}.routineExpandBtn{color:#88a096;cursor:pointer;background:0 0;border:1px solid #eef6f21f;border-radius:6px;flex-shrink:0;place-items:center;width:28px;height:28px;transition:background .12s;display:grid}.routineExpandBtn:hover{background:#eef6f214}.routineItemBody{border-top:1px solid #eef6f21a;flex-direction:column;gap:10px;padding:12px;display:flex}.dayPicker{flex-wrap:wrap;gap:5px;display:flex}.dayPill{color:#88a096;cursor:pointer;min-width:34px;height:34px;font:inherit;background:#eef6f20d;border:1px solid #eef6f22e;border-radius:6px;padding:0 6px;font-size:.78rem;font-weight:700;transition:background .12s,color .12s,border-color .12s}.dayPill.on{color:#07100c;background:#b9ffd7;border-color:#b9ffd773}.timeRangeList{flex-direction:column;gap:7px;display:flex}.timeRangeRow{align-items:center;gap:8px;display:flex}.timeInput{color:#eef6f2;min-height:38px;font:inherit;background:#eef6f214;border:1px solid #eef6f22e;border-radius:8px;outline:none;flex:1;padding:0 10px;font-size:.88rem}.timeInput:focus{border-color:#b9ffd761;box-shadow:0 0 0 3px #b9ffd71f}.timeInput::-webkit-calendar-picker-indicator{filter:invert(.7)}.timeRangeSep{color:#5e7a6e;flex-shrink:0;font-size:.88rem}.timeRangeDeleteBtn{color:#ffd6cc;cursor:pointer;background:0 0;border:1px solid #ff806538;border-radius:6px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:1rem;transition:background .12s;display:grid}.timeRangeDeleteBtn:hover{background:#8c281838}.addTimeRangeBtn{color:#88a096;cursor:pointer;font:inherit;background:0 0;border:1px dashed #eef6f233;border-radius:7px;align-self:flex-start;padding:6px 12px;font-size:.82rem;font-weight:600;transition:background .12s,color .12s}.addTimeRangeBtn:hover{color:#eef6f2;background:#eef6f20f}.deleteRoutineBtn{color:#ffd6cc;cursor:pointer;font:inherit;background:0 0;border:1px solid #ff806540;border-radius:7px;align-self:flex-start;padding:6px 12px;font-size:.82rem;font-weight:600;transition:background .12s}.deleteRoutineBtn:hover{background:#8c281838}.tileArea{flex-shrink:0;position:relative}.tileRefreshBtn{z-index:2;color:#eef6f280;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0b1115a6;border:1px solid #eef6f22e;border-radius:50%;place-items:center;width:24px;height:24px;transition:color .12s,background .12s;display:grid;position:absolute;top:4px;right:4px}.tileRefreshBtn:hover{color:#eef6f2;background:#eef6f21f}.tileRefreshBtn:active{transform:scale(.9)}.tileGrid{-webkit-overflow-scrolling:touch;grid-template-columns:repeat(auto-fill,80px);justify-content:center;gap:8px;max-height:50vh;padding:8px 0 10px;animation:.35s tileReveal;display:grid;overflow-y:auto}@keyframes tileReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tileGrid.cooldown .tile{opacity:.55}.tile{cursor:pointer;width:80px;height:80px;color:inherit;font:inherit;-webkit-tap-highlight-color:transparent;box-sizing:border-box;background:#eef6f214;border:1.5px solid #eef6f22e;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 4px 6px;transition:transform .1s,background .1s,opacity .2s;display:flex}.tile:hover{background:#eef6f221}.tile:active{background:#b9ffd72e;border-color:#b9ffd76b;transform:scale(.92)}.tile:disabled{cursor:default}.tileEmoji{-webkit-user-select:none;user-select:none;font-size:1.9rem;line-height:1}.tileLabel{color:#eef6f2b8;text-align:center;-webkit-user-select:none;user-select:none;word-break:break-word;max-width:100%;font-size:.62rem;font-weight:700;line-height:1.15}.tileCountRow{align-items:center;gap:12px;display:flex}.tileCountSlider{appearance:none;cursor:pointer;background:#eef6f22e;border-radius:2px;outline:none;flex:1;height:4px}.tileCountSlider::-webkit-slider-thumb{appearance:none;cursor:grab;background:#b9ffd7;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 0 6px #b9ffd780}.tileCountSlider::-moz-range-thumb{cursor:grab;background:#b9ffd7;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 0 6px #b9ffd780}.tileCountValue{text-align:right;color:#b9ffd7;flex-shrink:0;min-width:28px;font-size:.92rem;font-weight:700}.pullIndicator{transform:translateX(-50%) translateY(var(--py,-44px));z-index:200;color:#eef6f280;pointer-events:none;background:#0b1115eb;border:1px solid #eef6f238;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:fixed;top:0;left:50%;box-shadow:0 2px 14px #00000073}.pullIndicator.ready{color:#b9ffd7;border-color:#b9ffd78c;box-shadow:0 0 14px #b9ffd740}.pullIndicator.refreshing svg{animation:.5s linear infinite spin}