.demo-app-module__ZFsMua__pageShell{color:#18181b;background:radial-gradient(circle at 0 0,#b828400f,#0000 24%),linear-gradient(#fffefe 0%,#fbfbfb 100%);min-height:100vh}.demo-app-module__ZFsMua__outerFrame{width:min(100%,980px);margin:0 auto;padding:24px 16px 36px}.demo-app-module__ZFsMua__topHeader{justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px;display:flex}.demo-app-module__ZFsMua__topTitle{color:#111114;align-items:baseline;gap:.18rem;min-width:0;line-height:1;display:inline-flex}.demo-app-module__ZFsMua__topTitleMain{letter-spacing:-.05em;font-size:1.08rem;font-weight:800}.demo-app-module__ZFsMua__topTitleAccent{letter-spacing:-.04em;color:#b03248;font-size:.98rem;font-weight:700}.demo-app-module__ZFsMua__topTitleMeta{letter-spacing:.02em;color:#8a8a91;margin-left:.28rem;font-size:.8rem;font-weight:600}.demo-app-module__ZFsMua__appLayout{width:100%;max-width:760px;min-height:calc(100vh - 96px);margin:0 auto;padding-bottom:110px;position:relative}.demo-app-module__ZFsMua__appHeader{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#fbfbfbf5,#fbfbfbd1,#fbfbfb00);justify-content:space-between;align-items:center;margin-bottom:2px;padding:6px 2px 14px;display:flex;position:sticky;top:0}.demo-app-module__ZFsMua__appHeaderTitle{letter-spacing:-.03em;font-size:1.4rem;font-weight:700}.demo-app-module__ZFsMua__headerIconButton{appearance:none;color:#b03248;cursor:pointer;background:#b0324814;border:0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.demo-app-module__ZFsMua__headerIconPlus{font-size:1.15rem;font-weight:700;line-height:1;transform:translateY(-1px)}.demo-app-module__ZFsMua__modalOverlay{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#18181b47;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.demo-app-module__ZFsMua__modalCard{background:#fff;border:1px solid #18181b0f;border-radius:24px;width:min(100%,420px);padding:18px;box-shadow:0 24px 60px #18181b24}.demo-app-module__ZFsMua__modalHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.demo-app-module__ZFsMua__modalCloseButton{appearance:none;color:#6f6f76;cursor:pointer;background:#f4f4f5;border:0;border-radius:999px;width:32px;height:32px;font-size:1.1rem;line-height:1}.demo-app-module__ZFsMua__modalForm{gap:12px;margin-top:16px;display:grid}.demo-app-module__ZFsMua__modalField{background:#fafafa;border-radius:18px;padding:14px 16px}.demo-app-module__ZFsMua__modalValue{color:#18181b;margin-top:6px;font-size:.94rem}.demo-app-module__ZFsMua__avatarButton{cursor:pointer;background:#f6f6f7;border:0;border-radius:50%;width:40px;height:40px;padding:0;overflow:hidden}.demo-app-module__ZFsMua__avatarPanel{justify-items:center;gap:6px;display:grid}.demo-app-module__ZFsMua__avatarCaption{color:#8a8a91;letter-spacing:-.01em;white-space:nowrap;font-size:.72rem;line-height:1}.demo-app-module__ZFsMua__avatarImage{width:100%;height:100%;display:block}.demo-app-module__ZFsMua__innerTabBar{background:#18181b0a;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:fit-content;padding:6px;display:inline-grid}.demo-app-module__ZFsMua__innerTabButton{appearance:none;color:#7c7c84;min-width:88px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:14px;padding:9px 14px;font-size:.84rem;font-weight:600}.demo-app-module__ZFsMua__innerTabButtonActive{color:#18181b;background:#fff;box-shadow:0 8px 18px #18181b0d}.demo-app-module__ZFsMua__innerActionRow{justify-content:flex-end;margin-top:-4px;display:flex}.demo-app-module__ZFsMua__appSurface{padding:0 0 8px}.demo-app-module__ZFsMua__pageStack{gap:14px;display:grid}.demo-app-module__ZFsMua__deviceCard,.demo-app-module__ZFsMua__section,.demo-app-module__ZFsMua__detailCard,.demo-app-module__ZFsMua__chartCard,.demo-app-module__ZFsMua__selectionCard,.demo-app-module__ZFsMua__rankCard,.demo-app-module__ZFsMua__settingCard,.demo-app-module__ZFsMua__todoCard,.demo-app-module__ZFsMua__focusCard{background:#fff;border:1px solid #18181b0f;border-radius:24px;box-shadow:0 10px 30px #18181b08}.demo-app-module__ZFsMua__deviceCard,.demo-app-module__ZFsMua__section,.demo-app-module__ZFsMua__detailCard,.demo-app-module__ZFsMua__focusCard{padding:18px}.demo-app-module__ZFsMua__deviceCard{border-color:#18181b0a;box-shadow:0 6px 18px #18181b05}.demo-app-module__ZFsMua__deviceHeader,.demo-app-module__ZFsMua__sectionHeader,.demo-app-module__ZFsMua__detailHeader,.demo-app-module__ZFsMua__selectionTop,.demo-app-module__ZFsMua__timerHero{justify-content:space-between;align-items:center;gap:12px;display:flex}.demo-app-module__ZFsMua__deviceName,.demo-app-module__ZFsMua__sectionTitle,.demo-app-module__ZFsMua__detailTitle{letter-spacing:-.03em;font-size:1.04rem;font-weight:700}.demo-app-module__ZFsMua__deviceStatus,.demo-app-module__ZFsMua__sectionSubtitle,.demo-app-module__ZFsMua__detailSubtitle,.demo-app-module__ZFsMua__rowHint,.demo-app-module__ZFsMua__selectionHint,.demo-app-module__ZFsMua__chartFooter,.demo-app-module__ZFsMua__metricCaption,.demo-app-module__ZFsMua__detailLabel,.demo-app-module__ZFsMua__detailText,.demo-app-module__ZFsMua__rowLabel{color:#8a8a91}.demo-app-module__ZFsMua__deviceStatus,.demo-app-module__ZFsMua__sectionSubtitle,.demo-app-module__ZFsMua__detailSubtitle,.demo-app-module__ZFsMua__selectionHint,.demo-app-module__ZFsMua__detailText{margin-top:4px;font-size:.8rem;line-height:1.6}.demo-app-module__ZFsMua__deviceBattery{color:#b03248;text-align:center;background:#b032480f;border-radius:16px;min-width:56px;padding:8px 10px;font-weight:700}.demo-app-module__ZFsMua__quickStats,.demo-app-module__ZFsMua__metricGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.demo-app-module__ZFsMua__quickStatsDense{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.demo-app-module__ZFsMua__quickStat,.demo-app-module__ZFsMua__metricTile{background:#fafafa;border-radius:18px;padding:12px}.demo-app-module__ZFsMua__quickStatCompact{background:#fafafa;border-radius:16px;padding:10px 12px}.demo-app-module__ZFsMua__quickStatValue,.demo-app-module__ZFsMua__metricValue,.demo-app-module__ZFsMua__timerPrimary{letter-spacing:-.04em;font-weight:700;display:block}.demo-app-module__ZFsMua__quickStatValue{font-size:1rem;line-height:1.35}.demo-app-module__ZFsMua__quickStatLabel,.demo-app-module__ZFsMua__metricCaption,.demo-app-module__ZFsMua__timerSecondary,.demo-app-module__ZFsMua__rowLabel{margin-top:4px;font-size:.74rem;display:block}.demo-app-module__ZFsMua__quickStatCompactValue{letter-spacing:-.03em;font-size:.94rem;font-weight:700;display:block}.demo-app-module__ZFsMua__quickStatCompactLabel{color:#8a8a91;margin-top:3px;font-size:.72rem;display:block}.demo-app-module__ZFsMua__rowGroup,.demo-app-module__ZFsMua__listStack{gap:10px;display:grid}.demo-app-module__ZFsMua__rowButton,.demo-app-module__ZFsMua__selectionCard,.demo-app-module__ZFsMua__rankCard,.demo-app-module__ZFsMua__todoCard{appearance:none;cursor:pointer;text-align:left;width:100%;font:inherit;border:0}.demo-app-module__ZFsMua__rowButton{background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.demo-app-module__ZFsMua__rowButton+.demo-app-module__ZFsMua__rowButton{border-top:1px solid #18181b0f}.demo-app-module__ZFsMua__rowValue,.demo-app-module__ZFsMua__selectionTitle,.demo-app-module__ZFsMua__rankTitle{font-size:.94rem;font-weight:600}.demo-app-module__ZFsMua__rowArrow{color:#b03248;font-size:1.2rem;line-height:1}.demo-app-module__ZFsMua__rangeToggle{background:#f6f6f7;border-radius:999px;gap:6px;margin-bottom:12px;padding:4px;display:inline-flex}.demo-app-module__ZFsMua__rangeButton{appearance:none;color:#7c7c84;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px;padding:8px 12px}.demo-app-module__ZFsMua__rangeButtonActive{color:#18181b;background:#fff;box-shadow:0 4px 12px #18181b0d}.demo-app-module__ZFsMua__chartCard{box-shadow:none;background:#fcfcfc;border-color:#18181b0a;padding:14px}.demo-app-module__ZFsMua__chartSvg{width:100%;height:auto;display:block}.demo-app-module__ZFsMua__chartFooter{justify-content:space-between;align-items:center;margin-top:10px;font-size:.76rem;display:flex}.demo-app-module__ZFsMua__chartFooterCompact{color:#8a8a91;justify-content:space-between;align-items:center;margin-top:8px;font-size:.74rem;display:flex}.demo-app-module__ZFsMua__selectionCard,.demo-app-module__ZFsMua__rankCard,.demo-app-module__ZFsMua__settingCard,.demo-app-module__ZFsMua__todoCard{padding:14px}.demo-app-module__ZFsMua__selectionCardActive{border:1px solid #b0324838;box-shadow:0 12px 30px #b032480f}.demo-app-module__ZFsMua__selectionBadge,.demo-app-module__ZFsMua__priorityBadge,.demo-app-module__ZFsMua__tag{border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:.72rem;display:inline-flex}.demo-app-module__ZFsMua__selectionBadge{color:#b03248;background:#b0324814}.demo-app-module__ZFsMua__selectionMeta,.demo-app-module__ZFsMua__bookCount,.demo-app-module__ZFsMua__rankMetric,.demo-app-module__ZFsMua__timerMeta{color:#6f6f76;font-size:.76rem}.demo-app-module__ZFsMua__selectionTitle{margin-top:10px}.demo-app-module__ZFsMua__detailInfo+.demo-app-module__ZFsMua__detailInfo{margin-top:14px}.demo-app-module__ZFsMua__detailLabel{font-size:.74rem}.demo-app-module__ZFsMua__detailText{margin-top:6px}.demo-app-module__ZFsMua__companionHero{align-items:center;gap:14px;display:flex}.demo-app-module__ZFsMua__avatarLargeWrap{background:#f6f6f7;border-radius:20px;width:64px;height:64px;overflow:hidden}.demo-app-module__ZFsMua__tagRow{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.demo-app-module__ZFsMua__tag{color:#5f5f67;background:#f6f6f7}.demo-app-module__ZFsMua__rankCard{align-items:center;gap:12px;display:flex}.demo-app-module__ZFsMua__avatarThumb{background:#f6f6f7;border-radius:14px;width:40px;height:40px;overflow:hidden}.demo-app-module__ZFsMua__rankIndex{color:#b03248;width:34px;font-family:var(--font-pixel);font-size:.88rem}.demo-app-module__ZFsMua__rankMain{flex:1;min-width:0}.demo-app-module__ZFsMua__rankSubtitle{color:#8a8a91;margin-top:4px;font-size:.78rem}.demo-app-module__ZFsMua__settingCard{justify-content:space-between;align-items:center;gap:12px;display:flex}.demo-app-module__ZFsMua__switch{background:#e7e7ea;border-radius:999px;width:42px;height:24px;position:relative}.demo-app-module__ZFsMua__switchOn{background:#b032483d}.demo-app-module__ZFsMua__switchThumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 2px 8px #18181b1f}.demo-app-module__ZFsMua__switchOn .demo-app-module__ZFsMua__switchThumb{transform:translate(18px)}.demo-app-module__ZFsMua__todoCard{justify-content:space-between;align-items:center;gap:12px;display:flex}.demo-app-module__ZFsMua__staticRow{padding:14px 0}.demo-app-module__ZFsMua__todoMain{align-items:center;gap:12px;display:flex}.demo-app-module__ZFsMua__todoCheck{background:#fff;border:1px solid #18181b1f;border-radius:8px;width:22px;height:22px}.demo-app-module__ZFsMua__todoCheckActive{background:#b03248;border-color:#b03248}.demo-app-module__ZFsMua__priorityHigh{color:#b03248;background:#b032481a}.demo-app-module__ZFsMua__priorityMedium{color:#9d641e;background:#b4721f1f}.demo-app-module__ZFsMua__priorityLow{color:#367b52;background:#367b521f}.demo-app-module__ZFsMua__timerHero{align-items:flex-end}.demo-app-module__ZFsMua__timerPrimary{font-size:2rem}.demo-app-module__ZFsMua__timerSecondary{color:#8a8a91}.demo-app-module__ZFsMua__backButton,.demo-app-module__ZFsMua__primaryButton{appearance:none;cursor:pointer;font:inherit;border:0}.demo-app-module__ZFsMua__backButton{color:#b03248;background:0 0;padding:0}.demo-app-module__ZFsMua__primaryButton{color:#fff;background:#18181b;border-radius:16px;width:100%;margin-top:18px;padding:13px 16px}.demo-app-module__ZFsMua__bottomNav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#fffffff0;border:1px solid #18181b0f;border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100vw - 32px,760px);padding:8px;display:grid;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #18181b14}.demo-app-module__ZFsMua__tabButton{appearance:none;color:#8f1126b8;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:14px;padding:12px 8px}.demo-app-module__ZFsMua__tabButtonActive{color:#fff;background:linear-gradient(#cf344d 0%,#b03248 100%);box-shadow:0 10px 22px #b032483d}.demo-app-module__ZFsMua__tabLabel{font-size:.82rem;font-weight:600}@media (max-width:640px){.demo-app-module__ZFsMua__quickStats,.demo-app-module__ZFsMua__quickStatsDense,.demo-app-module__ZFsMua__metricGrid{grid-template-columns:1fr}}