:root { --hella-day-width:150px; color:#262626; background:#fff; font-family:"Noto Sans TC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-synthesis:none; }
.editor-entry {background:rgba(239,239,239,.68);backdrop-filter:blur(12px);border:1px solid rgba(38,38,38,.08);border-radius:8px;padding:10px 14px;text-decoration:none;font-size:14px;color:#262626;}
* { box-sizing:border-box; }
body { min-width:320px; min-height:100vh; margin:0; background:#fff; }
button,input { font:inherit; } button { color:inherit; cursor:pointer; } button:focus-visible,input:focus-visible { outline:2px solid #262626; outline-offset:2px; }
.app-shell { min-height:100vh; padding-bottom:82px; }
.app-header { height:64px; display:grid; place-items:center; border-bottom:1px solid rgba(38,38,38,.14); background:rgba(255,255,255,.74); backdrop-filter:blur(18px); }
.brand { color:#262626; font-family:"Cormorant Garamond",Georgia,serif; font-size:26px; font-weight:500; letter-spacing:.12em; text-decoration:none; }
main { width:min(100%,1040px); margin:0 auto; padding:34px 34px 42px; }
.view { display:none; animation:appear .18s ease both; }.view.active { display:block; } @keyframes appear { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:none; } }
.page-head { display:flex; align-items:baseline; justify-content:space-between; margin-bottom:18px; }.page-head h1 { margin:0; font-family:"Noto Serif TC",serif; font-size:20px; font-weight:500; }.page-head p { margin:0; color:#737373; font-size:13px; }
.calendar { border:1px solid rgba(38,38,38,.1); background:rgba(239,239,239,.62); backdrop-filter:blur(16px); }.calendar-scroll { width:100%; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:thin; }
.days { min-width:956px; display:grid; grid-template-columns:50px repeat(var(--day-count, 7),var(--hella-day-width)); }
.time-axis { display:grid; grid-template-rows:53px repeat(10,44px); background:#efefef; border-right:1px solid #dbdbdb; }.time-axis span { padding:10px 8px 0 0; color:#737373; font-size:11px; text-align:right; }
.day { min-height:493px; position:relative; scroll-snap-align:start; background-image:repeating-linear-gradient(to bottom,#efefef 0,#efefef 43px,#dcdcdc 43px,#dcdcdc 44px); border-right:1px solid #dbdbdb; }.day:last-child { border-right:0; }
.day-label { height:53px; display:grid; place-items:center; align-content:center; gap:3px; background:#efefef; border-bottom:1px solid #dbdbdb; }.day-label span { color:#737373; font-size:11px; }.day-label strong { font-size:15px; font-weight:500; }.day.today .day-label { background:#262626; color:#fff; }.day.today .day-label span { color:#fff; }
.schedule-item { position:absolute; left:7px; right:7px; z-index:1; padding:8px; border:1px solid rgba(38,38,38,.08); border-left:2px solid #262626; border-radius:8px; background:rgba(255,255,255,.62); backdrop-filter:blur(12px); color:#262626; text-align:left; }.schedule-item:hover { background:rgba(255,255,255,.86); }.schedule-item strong,.schedule-item small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.schedule-item strong { font-size:12px; font-weight:500; }.schedule-item small { margin-top:3px; color:#737373; font-size:11px; }.schedule-item.open { background:rgba(239,239,239,.7); border-left-color:#737373; }.schedule-item.completed { opacity:.62; }
.calendar-controls { display:flex; gap:1px; width:max-content; margin:0 0 16px; border:1px solid rgba(38,38,38,.12); background:rgba(255,255,255,.38); backdrop-filter:blur(12px); }.calendar-controls button { min-width:58px; min-height:34px; border:0; border-right:1px solid rgba(38,38,38,.1); background:rgba(255,255,255,.48); font-size:12px; }.calendar-controls button:last-child { border-right:0; }.calendar-controls button.active { background:rgba(38,38,38,.9); color:#fff; }
.month-grid { display:grid; grid-template-columns:repeat(7,minmax(100px,1fr)); min-width:700px; background:#fff; }.month-weekday,.month-day { min-height:38px; padding:10px; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; }.month-weekday { min-height:auto; color:#737373; background:#efefef; font-size:11px; text-align:center; }.month-day { min-height:104px; position:relative; font-size:13px; }.month-day:nth-child(7n) { border-right:0; }.month-day.today { background:#efefef; }.month-day strong { font-weight:500; }.month-event { display:block; width:100%; margin-top:7px; padding:4px 5px; overflow:hidden; border-left:2px solid #262626; border-radius:5px; background:#efefef; color:#262626; font-size:10px; text-align:left; text-overflow:ellipsis; white-space:nowrap; }.month-event.open { border-left-color:#737373; }.month-empty { color:#b6b6b6; }
.activity { margin-top:34px; }.section-title { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }.section-title h2 { margin:0; font-family:"Noto Serif TC",serif; font-size:20px; font-weight:500; }.section-title span { color:#737373; font-size:13px; }.activity-list { border-top:1px solid #dbdbdb; }.activity-item { width:100%; display:grid; grid-template-columns:1fr auto; gap:16px; padding:17px 0; border:0; border-bottom:1px solid #dbdbdb; background:transparent; text-align:left; }.activity-item strong,.activity-item small { display:block; }.activity-item strong { font-size:14px; font-weight:500; }.activity-item small { margin-top:5px; color:#737373; font-size:12px; }.activity-item span:last-child { align-self:center; color:#737373; font-size:18px; }
.search { display:flex; align-items:center; gap:9px; padding:12px 0; border-bottom:1px solid #dbdbdb; color:#737373; }.search input { width:100%; border:0; outline:0; background:transparent; color:#262626; font-size:14px; }
.customer-list { border-top:1px solid #dbdbdb; margin-top:22px; }.customer-row { display:grid; grid-template-columns:42px 1fr auto; align-items:center; gap:12px; padding:15px 0; border-bottom:1px solid #dbdbdb; }.customer-avatar { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:#efefef; font-size:11px; }.customer-name strong,.customer-name small { display:block; }.customer-name strong { font-size:14px; font-weight:500; }.customer-name small { margin-top:3px; color:#737373; font-size:12px; }.customer-score { max-width:120px; color:#737373; font-size:11px; text-align:right; }.customer-score strong { display:block; color:#262626; font-weight:500; font-size:12px; }.definition { margin:0 0 18px; color:#737373; font-size:12px; }.performance-list,.settings-list { border-top:1px solid #dbdbdb; }.performance-list article,.settings-list button { display:flex; width:100%; align-items:center; justify-content:space-between; padding:20px 0; border:0; border-bottom:1px solid #dbdbdb; background:transparent; text-align:left; }.performance-list span,.settings-list button { font-size:14px; }.performance-list strong { font-family:"Libre Baskerville",Georgia,serif; font-size:20px; font-weight:400; letter-spacing:-.05em; }.settings-list span { color:#737373; font-size:20px; }
.bottom-nav { position:fixed; z-index:5; right:0; bottom:0; left:0; display:grid; grid-template-columns:repeat(5,1fr); background:rgba(255,255,255,.76); border-top:1px solid rgba(38,38,38,.12); backdrop-filter:blur(18px); }.bottom-nav button { min-height:68px; display:grid; place-items:center; align-content:center; gap:4px; border:0; background:transparent; color:#737373; }.bottom-nav button.active { color:#262626; }.bottom-nav span { font-size:18px; line-height:1; }.bottom-nav small { font-size:11px; }
.toast { position:fixed; z-index:10; right:20px; bottom:94px; max-width:min(360px,calc(100vw - 40px)); padding:13px 16px; border-radius:8px; background:#262626; color:#fff; font-size:13px; }
@media (max-width:680px) { main { padding:25px 15px 34px; }.app-header { height:60px; }.days { grid-template-columns:48px repeat(var(--day-count, 7),120px); }.schedule-item { left:5px; right:5px; padding:7px; }.schedule-item small { display:none; }.month-grid { min-width:630px; }.month-day { min-height:90px; padding:8px; } }

/* Shared HELLA frosted glass surface language. */
.app-header,.calendar,.schedule-item,.calendar-controls,.calendar-controls button,.bottom-nav,.editor-entry,.customer-avatar{background-image:linear-gradient(135deg,rgba(255,255,255,.52),rgba(255,255,255,.08) 48%,rgba(255,255,255,.2)),radial-gradient(circle at 18% 0%,rgba(255,255,255,.3),transparent 42%);box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 9px 22px rgba(28,28,28,.055);backdrop-filter:blur(18px) saturate(125%)}.schedule-item:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 26px rgba(28,28,28,.11)}.calendar-controls button.active{box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 7px 16px rgba(28,28,28,.15)}

/* HELLA light-reflection system: clean raised white surfaces, without dividers. */
:root{--hella-blue:#42afea;--hella-blue-deep:#2299dc;--ink:#111827;--paper:#f5f7fa;--raised:linear-gradient(145deg,#ffffff 0%,#f6f8fa 48%,#e8edf2 100%);--raised-shadow:inset 1px 1px 1px rgba(255,255,255,.98),inset -1px -1px 2px rgba(39,61,82,.09),0 8px 20px rgba(24,45,65,.1),0 2px 5px rgba(24,45,65,.06)}
body{background:var(--paper);color:var(--ink)}button,input{color:var(--ink)}
.app-header{border:0;background:rgba(255,255,255,.94);background-image:none;box-shadow:0 5px 18px rgba(24,45,65,.06);backdrop-filter:none}.brand{color:var(--ink)}
.calendar{border:0;border-radius:26px;background:var(--paper);background-image:none;box-shadow:0 14px 32px rgba(24,45,65,.08);backdrop-filter:none;overflow:hidden}.calendar-scroll{padding:10px;background:var(--paper)}
.calendar-title{height:58px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:10px;padding:10px 14px 0;text-align:center}.calendar-title strong{font-size:17px;font-weight:500}.calendar-title button{width:36px;height:36px;min-height:36px;padding:0;border:0;border-radius:50%;background:var(--raised);box-shadow:var(--raised-shadow);font-size:26px;line-height:1}
.days{gap:8px;background:transparent}.time-axis{border:0;background:transparent;gap:8px}.time-axis span{padding:10px 8px 0 0;color:#738190;font-size:11px}.day{border:0;background:none;background-image:none;min-height:493px}.day-label{border:0;border-radius:16px;background:var(--raised);box-shadow:var(--raised-shadow)}.day.today .day-label{background:linear-gradient(145deg,#63c4f4,#2f9fe1);color:#fff;box-shadow:inset 1px 1px 1px rgba(255,255,255,.5),inset -1px -2px 3px rgba(0,91,156,.2),0 9px 18px rgba(66,175,234,.28)}.day.today .day-label span{color:#fff}
.schedule-item{border:0;border-left:0;border-radius:16px;background:var(--raised);background-image:var(--raised);box-shadow:var(--raised-shadow);backdrop-filter:none}.schedule-item:hover{background:linear-gradient(145deg,#fff,#ebf8ff);box-shadow:inset 1px 1px 1px rgba(255,255,255,1),inset -1px -1px 2px rgba(39,61,82,.1),0 12px 24px rgba(24,45,65,.14)}.schedule-item:focus-visible{outline:2px solid var(--hella-blue);outline-offset:2px}.schedule-item.open{background:linear-gradient(145deg,#f7fbfd,#e9f0f4);border:0}.schedule-item small{color:#627181}
.calendar-controls{gap:8px;margin-bottom:16px;border:0;background:transparent;background-image:none;box-shadow:none;backdrop-filter:none}.calendar-controls button{border:0!important;border-radius:16px!important;background:var(--raised);background-image:var(--raised);box-shadow:var(--raised-shadow);backdrop-filter:none}.calendar-controls button.active{background:linear-gradient(145deg,#63c4f4,#2f9fe1);color:#fff;box-shadow:inset 1px 1px 1px rgba(255,255,255,.5),inset -1px -2px 3px rgba(0,91,156,.2),0 9px 18px rgba(66,175,234,.28)}
.month-grid{gap:8px;background:transparent}.month-weekday{min-height:auto;border:0;background:transparent;color:#738190}.month-day{border:0!important;border-radius:16px;background:var(--raised);box-shadow:var(--raised-shadow)}.month-day.today{background:linear-gradient(145deg,#e9f8ff,#d8f1ff)}.month-day.today strong{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:linear-gradient(145deg,#63c4f4,#2f9fe1);color:#fff;box-shadow:0 5px 12px rgba(66,175,234,.25)}.month-event{border:0;border-radius:10px;background:#e7f5fd;color:#197caf}.month-event.open{border:0;background:#eff3f6;color:#627181}
.activity-list,.customer-list,.performance-list,.settings-list{border:0;display:grid;gap:10px}.activity-item,.customer-row,.performance-list article,.settings-list button{border:0!important;border-radius:18px;background:var(--raised);box-shadow:var(--raised-shadow);padding:15px 16px}.activity-item:hover,.settings-list button:hover{background:linear-gradient(145deg,#fff,#ebf8ff)}.customer-avatar{background:linear-gradient(145deg,#fff,#e7edf2);background-image:linear-gradient(145deg,#fff,#e7edf2);box-shadow:var(--raised-shadow);backdrop-filter:none}.performance-list strong{color:var(--ink)}
.search{border:0;border-radius:18px;padding:12px 14px;background:var(--raised);box-shadow:var(--raised-shadow)}.editor-entry{border:0;border-radius:16px;background:var(--raised);background-image:var(--raised);box-shadow:var(--raised-shadow);backdrop-filter:none}.editor-entry:hover{background:linear-gradient(145deg,#fff,#e5f5fd)}
.bottom-nav{border:0;background:rgba(255,255,255,.94);background-image:none;box-shadow:0 -6px 22px rgba(24,45,65,.08);backdrop-filter:none}.bottom-nav button.active{color:var(--hella-blue-deep);text-shadow:0 2px 8px rgba(66,175,234,.2)}.bottom-nav button.active span{display:grid;place-items:center;width:30px;height:25px;border-radius:12px;background:#e1f4ff;box-shadow:inset 1px 1px 1px #fff,inset -1px -1px 2px rgba(19,129,192,.12)}
.toast{border-radius:16px;background:linear-gradient(145deg,#303b45,#111820);box-shadow:0 10px 22px rgba(24,45,65,.2)}

/* HELLA Prism Clear: clean canvas, continuous diagonal refraction and no centre flare. */
:root{--prism-page:#f6f7f8;--prism-ink:#111827;--prism-muted:#687481;--prism-blue:#66b5dc;--prism-clear:linear-gradient(138deg,rgba(255,255,255,.28),rgba(246,249,251,.12) 48%,rgba(227,235,241,.16)) padding-box,linear-gradient(138deg,rgba(255,255,255,.92) 0%,rgba(199,221,239,.68) 28%,rgba(174,210,232,.58) 50%,rgba(223,208,235,.48) 72%,rgba(245,207,219,.52) 100%) border-box;--prism-selected:linear-gradient(138deg,rgba(151,210,237,.76),rgba(102,181,220,.70) 52%,rgba(71,155,203,.76)) padding-box,linear-gradient(138deg,rgba(227,247,255,.96) 0%,rgba(202,223,245,.76) 28%,rgba(132,202,235,.94) 53%,rgba(221,214,242,.64) 76%,rgba(255,226,235,.68) 100%) border-box;--prism-shadow:inset 1px 1px 1px rgba(255,255,255,.72),inset -1px -1px 1px rgba(166,186,199,.1),0 9px 24px rgba(38,49,58,.11),-5px -3px 16px rgba(209,231,245,.11),5px 3px 18px rgba(245,214,225,.08);--prism-selected-shadow:inset 1px 1px 2px rgba(241,252,255,.65),inset -2px -2px 3px rgba(30,119,173,.14),0 10px 24px rgba(63,139,181,.18),-5px -3px 16px rgba(211,239,250,.18),5px 3px 18px rgba(226,210,233,.09)}
body{background:var(--prism-page);color:var(--prism-ink)}button,input,textarea{color:var(--prism-ink)}
.app-header,.bottom-nav{background:rgba(246,247,248,.9);background-image:none;box-shadow:0 8px 22px rgba(38,49,58,.07);backdrop-filter:blur(16px) saturate(110%)}
.calendar{background:var(--prism-page);box-shadow:none}.calendar-scroll{background:var(--prism-page)}
.calendar-title button,.day-label,.schedule-item,.calendar-controls button,.month-day,.activity-item,.customer-row,.performance-list article,.settings-list button,.search,.editor-entry,.customer-avatar{border:1px solid transparent!important;background:var(--prism-clear)!important;box-shadow:var(--prism-shadow)!important;backdrop-filter:blur(15px) saturate(112%)!important}
.calendar-title button,.customer-avatar{border-radius:50%!important}.day-label,.schedule-item,.calendar-controls button,.month-day,.activity-item,.customer-row,.performance-list article,.settings-list button,.search,.editor-entry{border-radius:18px!important}
.schedule-item:hover,.activity-item:hover,.settings-list button:hover,.editor-entry:hover{background:linear-gradient(138deg,rgba(255,255,255,.40),rgba(246,249,251,.16) 48%,rgba(227,235,241,.18)) padding-box,linear-gradient(138deg,rgba(255,255,255,.96) 0%,rgba(199,221,239,.74) 28%,rgba(174,210,232,.64) 50%,rgba(223,208,235,.54) 72%,rgba(245,207,219,.58) 100%) border-box!important}
.day.today .day-label,.calendar-controls button.active,.month-day.today strong{border:1px solid transparent!important;background:var(--prism-selected)!important;color:#fff!important;box-shadow:var(--prism-selected-shadow)!important;text-shadow:0 1px 1px rgba(23,102,147,.22)}
.day.today .day-label span{color:rgba(255,255,255,.84)!important}.month-day.today{background:var(--prism-clear)!important}.month-event{border:1px solid transparent;background:var(--prism-clear);box-shadow:var(--prism-shadow);color:var(--prism-ink)}.month-event.open{background:var(--prism-clear);color:var(--prism-muted)}
.schedule-item.open{border:1px solid transparent;background:linear-gradient(138deg,rgba(255,255,255,.18),rgba(238,244,247,.16) 50%,rgba(229,235,240,.18)) padding-box,linear-gradient(138deg,rgba(255,255,255,.84),rgba(210,223,231,.62) 50%,rgba(223,208,235,.42)) border-box!important}.schedule-item small,.time-axis span{color:var(--prism-muted)}
.bottom-nav button.active{color:var(--prism-blue);text-shadow:none}.bottom-nav button.active span{background:linear-gradient(138deg,rgba(196,233,249,.72),rgba(153,208,234,.56));box-shadow:inset 1px 1px 1px rgba(255,255,255,.62),0 5px 12px rgba(88,158,192,.13)}

/* HELLA Soft Raised 01: unified neumorphism system. */
:root{--neu-page:#eef1f5;--neu-surface:#eef1f5;--neu-ink:#24282d;--neu-muted:#707780;--neu-blue:#b8d8ff;--neu-blue-light:#cce1ff;--neu-light:rgba(255,255,255,.92);--neu-dark:rgba(164,174,188,.43);--neu-raised:-7px -7px 14px var(--neu-light),7px 7px 14px var(--neu-dark);--neu-raised-soft:-4px -4px 10px rgba(255,255,255,.88),4px 4px 10px rgba(164,174,188,.34);--neu-pressed:inset 5px 5px 10px rgba(111,145,185,.20),inset -5px -5px 10px rgba(255,255,255,.72),4px 6px 13px rgba(132,153,180,.22)}
body{background:var(--neu-page);color:var(--neu-ink)}button,input,textarea{color:var(--neu-ink)}
.app-header{border:0;background:var(--neu-page);background-image:none;box-shadow:0 6px 16px rgba(164,174,188,.24);backdrop-filter:none}.brand{color:var(--neu-ink)}
.calendar{border:0;border-radius:28px;background:var(--neu-page);box-shadow:var(--neu-raised-soft);overflow:hidden}.calendar-scroll{background:var(--neu-page)}
.calendar-title button,.day-label,.schedule-item,.calendar-controls button,.month-day,.activity-item,.customer-row,.performance-list article,.settings-list button,.search,.editor-entry,.customer-avatar{border:0!important;background:var(--neu-surface)!important;background-image:none!important;box-shadow:var(--neu-raised)!important;backdrop-filter:none!important;text-shadow:none!important}
.calendar-title button,.customer-avatar{border-radius:50%!important}.day-label,.schedule-item,.calendar-controls button,.month-day,.activity-item,.customer-row,.performance-list article,.settings-list button,.search,.editor-entry{border-radius:20px!important}
.calendar-title button:active,.schedule-item:active,.activity-item:active,.settings-list button:active,.editor-entry:active{box-shadow:inset 4px 4px 9px rgba(164,174,188,.30),inset -4px -4px 9px rgba(255,255,255,.85)!important;transform:translateY(1px)}
.day.today .day-label,.calendar-controls button.active,.month-day.today strong{border:0!important;background:linear-gradient(145deg,var(--neu-blue-light),var(--neu-blue))!important;color:var(--neu-ink)!important;box-shadow:var(--neu-pressed)!important;text-shadow:none!important}.day.today .day-label span{color:#52677f!important}
.month-day.today{background:var(--neu-surface)!important}.month-event{border:0;background:var(--neu-surface);box-shadow:var(--neu-raised-soft);color:var(--neu-ink)}.month-event.open{background:var(--neu-surface);color:var(--neu-muted)}
.schedule-item:hover,.activity-item:hover,.settings-list button:hover,.editor-entry:hover{background:#f1f4f7!important;box-shadow:-8px -8px 16px rgba(255,255,255,.96),8px 8px 16px rgba(164,174,188,.45)!important}.schedule-item.open{background:var(--neu-surface)!important}.schedule-item small,.time-axis span,.customer-name small,.definition{color:var(--neu-muted)}
.bottom-nav{border:0;background:var(--neu-page);background-image:none;box-shadow:0 -7px 18px rgba(164,174,188,.28);backdrop-filter:none}.bottom-nav button{background:transparent}.bottom-nav button.active{color:var(--neu-ink);text-shadow:none}.bottom-nav button.active span{background:linear-gradient(145deg,var(--neu-blue-light),var(--neu-blue));box-shadow:var(--neu-pressed)}
.toast{background:#30353b;box-shadow:8px 8px 18px rgba(127,136,149,.28);backdrop-filter:none}

/* Beta UI structure: denser stylist tools using the same Soft Raised 01 system. */
.app-header{position:sticky;top:0;z-index:20;grid-template-columns:1fr auto 1fr;padding:0 max(18px,env(safe-area-inset-left))}.sync-state{justify-self:start;color:var(--neu-muted);font-size:11px}.header-avatar{justify-self:end;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--neu-blue-light),var(--neu-blue));box-shadow:var(--neu-pressed);color:var(--neu-ink);font-weight:600;text-decoration:none}.eyebrow{margin:0 0 5px!important;color:var(--neu-muted)!important;font-size:11px!important;letter-spacing:.08em;text-transform:uppercase}.page-head{align-items:flex-end}.page-head h1{font-size:22px}.price{font-family:"Libre Baskerville",Georgia,serif!important;font-weight:400!important}.service-glyph{display:grid;place-items:center;width:25px;height:25px;margin-bottom:6px;border-radius:50%;background:rgba(255,255,255,.45);font-size:14px}.schedule-item{overflow:hidden}.schedule-item strong{font-size:12px}.schedule-item>small{position:absolute;top:8px;right:8px;margin:0}.schedule-item.completed{filter:saturate(.5);opacity:.6}.activity-item{grid-template-columns:38px 1fr auto}.activity-icon,.setting-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--neu-surface);box-shadow:var(--neu-raised-soft);font-size:15px}.insight-panel,.profile-summary{display:flex;align-items:center;gap:16px;margin-top:24px;padding:20px;border-radius:24px;background:var(--neu-surface);box-shadow:var(--neu-raised)}.insight-panel>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,var(--neu-blue-light),var(--neu-blue));box-shadow:var(--neu-pressed)}.insight-panel strong,.insight-panel p{display:block;margin:0}.insight-panel p{margin-top:5px;color:var(--neu-muted);font-size:12px;line-height:1.6}.profile-summary{margin-top:0}.profile-avatar{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--neu-blue-light),var(--neu-blue));box-shadow:var(--neu-pressed);font-size:20px;font-weight:600}.profile-summary div{flex:1}.profile-summary h2,.profile-summary p{margin:0}.profile-summary h2{font-size:17px}.profile-summary p{margin-top:4px;color:var(--neu-muted);font-size:12px}.profile-summary>a{color:var(--neu-ink);font-size:28px;text-decoration:none}.settings-groups{display:grid;gap:24px;margin-top:30px}.settings-groups section>h2{margin:0 0 12px;font:500 15px "Noto Serif TC",serif}.settings-groups section{display:grid;gap:12px}.settings-groups a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:13px;padding:15px 16px;border-radius:20px;background:var(--neu-surface);box-shadow:var(--neu-raised);color:var(--neu-ink);text-decoration:none}.settings-groups a:active{box-shadow:inset 4px 4px 9px rgba(164,174,188,.3),inset -4px -4px 9px rgba(255,255,255,.85);transform:translateY(1px)}.settings-groups strong,.settings-groups small{display:block}.settings-groups strong{font-size:14px;font-weight:500}.settings-groups small{margin-top:3px;color:var(--neu-muted);font-size:11px}.settings-groups b{font-size:20px;font-weight:400;color:var(--neu-muted)}
.appointment-sheet{width:min(520px,100%);max-width:none;margin:auto 0 0 auto;padding:13px 20px calc(24px + env(safe-area-inset-bottom));border:0;border-radius:30px 30px 0 0;background:var(--neu-page);color:var(--neu-ink);box-shadow:0 -12px 35px rgba(75,84,96,.23)}.appointment-sheet::backdrop{background:rgba(36,40,45,.3)}.sheet-handle{width:42px;height:5px;margin:0 auto 20px;border-radius:99px;background:#c5cbd3}.sheet-heading{display:flex;align-items:center;gap:14px}.sheet-heading p,.sheet-heading h2{margin:0}.sheet-heading p{color:var(--neu-muted);font-size:11px}.sheet-heading h2{margin-top:3px;font:600 21px "Noto Serif TC",serif}.sheet-service-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--neu-blue-light),var(--neu-blue));box-shadow:var(--neu-pressed);font-size:22px}.sheet-facts{display:grid;gap:10px;margin-top:22px}.sheet-facts p{display:flex;justify-content:space-between;margin:0;padding:13px 15px;border-radius:18px;background:var(--neu-surface);box-shadow:var(--neu-raised-soft);font-size:13px}.sheet-facts span{color:var(--neu-muted)}.phase-list{display:grid;gap:8px;margin:20px 0;padding:0;list-style:none}.phase-list li{display:grid;grid-template-columns:24px 1fr auto;align-items:center;padding:10px 5px;font-size:12px}.phase-list li>span{color:#85acd7}.phase-list small{color:var(--neu-muted)}.sheet-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sheet-actions button,.sheet-close{min-height:48px;border:0;border-radius:18px;background:var(--neu-surface);box-shadow:var(--neu-raised-soft)}.sheet-actions .primary{grid-column:1/-1;background:linear-gradient(145deg,var(--neu-blue-light),var(--neu-blue));box-shadow:var(--neu-pressed)}.sheet-close{width:100%;margin-top:14px;color:var(--neu-muted)}
@media(max-width:680px){.sync-state{font-size:0}.sync-state::after{content:'';display:block;width:7px;height:7px;border-radius:50%;background:#8eb794;box-shadow:0 0 0 4px rgba(142,183,148,.13)}.page-head h1{font-size:20px}.schedule-item{padding:6px}.service-glyph{width:23px;height:23px;margin:0}.schedule-item strong{margin-top:5px}.appointment-sheet{width:100%}}
@media(prefers-reduced-motion:reduce){.view,.schedule-item,.activity-item,.settings-groups a{animation:none!important;transition:none!important;scroll-behavior:auto!important}}