*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0D0D1A;--surface: #141428;--surface-raised: #1A1A32;--surface-hover: #21213E;--text: #F0EAE0;--text-dim: #7A7494;--text-muted: #48445E;--border: rgba(255, 255, 255, .07);--radius: 16px;--radius-sm: 10px;--transition: .2s ease}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font-family:inherit}.login-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;gap:28px;background:radial-gradient(ellipse at 50% 0%,rgba(96,100,180,.12) 0%,transparent 70%)}.login-header{text-align:center}.login-logo{font-size:52px;display:block;margin-bottom:14px}.login-title{font-size:34px;font-weight:700;color:var(--text);letter-spacing:-.5px}.login-subtitle{font-size:14px;color:var(--text-dim);margin-top:6px}.login-clock-area{text-align:center}.login-clock{font-size:52px;font-weight:200;letter-spacing:-3px;color:var(--text);font-variant-numeric:tabular-nums}.login-date{font-size:14px;color:var(--text-dim);margin-top:4px}.login-prompt{font-size:15px;color:var(--text-dim);font-weight:500;letter-spacing:.03em}.login-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:380px}.profile-card{background:var(--surface-raised);border:1.5px solid var(--border);border-radius:var(--radius);padding:26px 16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition),background var(--transition);-webkit-tap-highlight-color:transparent}.profile-card:hover,.profile-card:focus-visible{border-color:var(--member-color);background:linear-gradient(160deg,var(--surface-raised),var(--member-bg));box-shadow:0 0 0 1px var(--member-color),0 12px 32px #0006;transform:translateY(-3px);outline:none}.profile-card:active{transform:translateY(-1px)}.profile-card__emoji{font-size:46px;line-height:1}.profile-card__name{font-size:19px;font-weight:700;color:var(--text)}.profile-card__role{font-size:13px;color:var(--text-dim);text-align:center;line-height:1.4}.dashboard{height:100dvh;display:grid;grid-template-rows:auto 3px 1fr auto;overflow:hidden;max-width:640px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:var(--surface)}.dashboard-header__left{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--text)}.dashboard-header__right{display:flex;align-items:center;gap:10px}.dashboard-header__user{font-size:15px;font-weight:600;color:var(--member-color)}.dashboard-header__switch{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);padding:5px 10px;cursor:pointer;font-size:13px;transition:all var(--transition)}.dashboard-header__switch:hover{border-color:var(--text-dim);color:var(--text)}.dashboard-accent{height:3px}.dashboard-content{overflow-y:auto;-webkit-overflow-scrolling:touch}.tab-bar{display:flex;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0)}.tab-bar__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 12px;background:none;border:none;color:var(--text-muted);cursor:pointer;transition:color var(--transition);-webkit-tap-highlight-color:transparent}.tab-bar__item--active{color:var(--member-color)}.tab-bar__emoji{font-size:22px}.tab-bar__label{font-size:11px;font-weight:500;letter-spacing:.02em}.tab-content{padding:16px;display:flex;flex-direction:column;gap:14px}.tab-section-title{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);padding:4px 0}.widget{background:var(--surface-raised);border-radius:var(--radius);padding:16px;border:1px solid var(--border)}.widget__header{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:14px}.home-greeting{font-size:24px;font-weight:700;color:var(--text);padding:4px 0 2px}.home-weather{display:flex;align-items:center;gap:16px}.home-weather__icon{font-size:48px;flex-shrink:0}.home-weather__temp{font-size:36px;font-weight:300;letter-spacing:-1px}.home-weather__desc{font-size:14px;color:var(--text-dim);margin-top:3px}.home-weather__detail{font-size:13px;color:var(--text-muted);margin-top:4px}.jump-status{font-size:17px;font-weight:800;letter-spacing:.06em;border:2px solid;border-radius:var(--radius-sm);padding:10px 16px;text-align:center;margin-bottom:14px}.jump-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.jump-detail{display:flex;flex-direction:column;gap:5px;background:var(--surface);border-radius:var(--radius-sm);padding:10px 8px;text-align:center}.jump-detail__label{font-size:11px;color:var(--text-dim)}.jump-detail__value{font-size:17px;font-weight:700}.travel-status{font-size:16px;font-weight:600;margin-bottom:6px}.travel-time-big{font-size:40px;font-weight:200;letter-spacing:-2px;line-height:1}.travel-delay{font-size:14px;color:#fbbf24;margin-left:4px}.travel-normal{font-size:13px;color:var(--text-muted);margin-top:4px}.train-route{font-size:14px;font-weight:600;color:var(--text-dim);margin-bottom:8px;letter-spacing:.02em}.train-departure-row{display:flex;align-items:baseline;gap:12px;margin-bottom:6px}.train-time-big{font-size:40px;font-weight:200;letter-spacing:-2px;line-height:1}.train-platform-badge{font-size:13px;color:var(--text-dim);background:var(--surface);padding:4px 10px;border-radius:8px}.train-countdown{font-size:14px;color:var(--text-dim)}.dinner-options{display:flex;gap:8px;margin-bottom:2px}.dinner-option{flex:1;padding:12px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);font-size:15px;font-weight:500;cursor:pointer;transition:all var(--transition);-webkit-tap-highlight-color:transparent}.dinner-option--active{background:var(--surface-hover);font-weight:600}.dinner-option--away{border-color:#f87171;color:#f87171;background:#f871710f;font-weight:600}.dinner-eta-row{display:flex;align-items:center;gap:12px;margin-top:10px}.dinner-eta-label{font-size:13px;color:var(--text-dim);white-space:nowrap;flex-shrink:0}.dinner-eta-input{flex:1;color-scheme:dark}.dinner-status-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.dinner-status-item:first-child{padding-top:0}.dinner-status-item:last-child{border-bottom:none;padding-bottom:0}.dinner-status-emoji{font-size:20px}.dinner-status-name{font-size:14px;font-weight:700;flex:1}.dinner-status-info{font-size:14px;color:var(--text-dim)}.alert-item{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:14px;border-bottom:1px solid var(--border)}.alert-item:last-child{border-bottom:none;padding-bottom:0}.alert-item:first-child{padding-top:0}.driving-result{padding:10px 0 4px}.driving-result__time{font-size:36px;font-weight:300;letter-spacing:-1px;color:var(--text)}.driving-result__detail{font-size:13px;color:var(--text-dim);margin-top:4px}.driving-result__actions{display:flex;align-items:center;gap:8px;margin-top:12px}.chore-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:opacity var(--transition);-webkit-tap-highlight-color:transparent}.chore-item:first-child{padding-top:0}.chore-item:last-child{border-bottom:none;padding-bottom:0}.chore-item__icon{font-size:22px;flex-shrink:0}.chore-item__label{flex:1;font-size:15px;color:var(--text);transition:all var(--transition)}.chore-item--done .chore-item__label{text-decoration:line-through;color:var(--text-dim)}.chore-item__tick{font-size:18px;color:var(--text-muted)}.chore-item__done-by{font-size:13px;font-weight:600;flex-shrink:0}.mtb-banner{background:linear-gradient(135deg,#1a2e1a,#0d1a0d);border-radius:var(--radius-sm);padding:20px;text-align:center;margin-bottom:14px;border:1px solid rgba(52,211,153,.15)}.mtb-banner__art{font-size:48px;letter-spacing:6px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.mtb-condition{font-size:15px;font-weight:600;margin-bottom:14px}.mtb-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.train-route-header{font-size:15px;font-weight:700;color:var(--text);margin-bottom:12px}.train-rows{display:flex;flex-direction:column;gap:2px}.train-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}.train-row:last-child{border-bottom:none;padding-bottom:0}.train-row:first-child{padding-top:0}.train-row__time{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.train-row__platform{font-size:12px;color:var(--text-dim);margin-top:2px}.train-row__right{text-align:right}.train-row__countdown{font-size:14px;font-weight:600;color:var(--text)}.train-row__status{font-size:12px;margin-top:2px}.status-on-time{color:#34d399}.status-delayed{color:#fbbf24}.status-cancelled{color:#f87171}.route-selector{display:flex;flex-direction:column;gap:10px}.station-input-group{display:flex;flex-direction:column;gap:5px}.station-input-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.route-selector__swap{display:flex;justify-content:center}.route-swap-btn{background:var(--surface);border:1px solid var(--border);border-radius:20px;color:var(--text-dim);padding:4px 14px;font-size:16px;cursor:pointer;transition:all var(--transition);-webkit-tap-highlight-color:transparent}.route-swap-btn:hover{border-color:var(--text-dim);color:var(--text)}.station-search-wrap{position:relative}.station-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:100;overflow:hidden}.station-suggestion{display:block;width:100%;padding:11px 14px;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text);font-size:15px;text-align:left;cursor:pointer;transition:background var(--transition)}.station-suggestion:last-child{border-bottom:none}.station-suggestion:hover{background:var(--surface-hover)}.train-row--selectable{align-items:center;gap:8px}.train-row__operator{font-size:11px;color:var(--text-muted);margin-top:2px}.train-row__arrival{font-size:12px;color:var(--text-muted);margin-top:2px}.train-join-btn{flex-shrink:0;padding:6px 10px;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);font-size:14px;cursor:pointer;transition:all var(--transition);white-space:nowrap;-webkit-tap-highlight-color:transparent}.train-join-btn:hover{border-color:var(--text-dim);color:var(--text)}.train-join-btn--active{font-weight:600}.flight-search-form{display:flex;gap:8px;margin-bottom:12px}.flight-result{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.flight-result__header{display:flex;align-items:center;gap:10px}.flight-result__number{font-size:17px;font-weight:700}.flight-result__airline{font-size:13px;color:var(--text-dim)}.flight-result__route{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}.flight-result__arrow{color:var(--text-muted)}.flight-result__times{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-dim)}.flight-result__dot{color:var(--text-muted)}.flight-join-btn{margin-top:6px;align-self:flex-start}.flight-results-header{font-size:15px;font-weight:700;color:var(--text);padding:10px 0 6px;border-top:1px solid var(--border);margin-top:8px}.flight-results-count{font-size:13px;font-weight:400;color:var(--text-dim)}.flight-result+.flight-result{border-top:1px solid var(--border);padding-top:10px;margin-top:10px}.journey-card{padding:12px 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.journey-card:first-child{border-top:none;padding-top:0}.journey-card__top{display:flex;justify-content:space-between;align-items:center}.journey-card__who{display:flex;align-items:center;gap:8px}.journey-card__emoji{font-size:20px}.journey-card__name{font-size:14px;font-weight:700}.journey-card__actions{display:flex;align-items:center;gap:6px}.journey-refresh-btn{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);padding:4px 8px;cursor:pointer;font-size:14px;transition:all var(--transition);-webkit-tap-highlight-color:transparent}.journey-refresh-btn:hover{border-color:var(--text-dim);color:var(--text)}.journey-refresh-btn:disabled{opacity:.5;cursor:default}.journey-card__body{display:flex;flex-direction:column;gap:4px}.journey-card__route{font-size:15px;font-weight:600;color:var(--text)}.journey-card__departs{font-size:13px;color:var(--text-dim)}.journey-card__arrives-block{margin-top:6px;background:var(--surface);border-radius:var(--radius-sm);padding:10px 14px;display:flex;align-items:center;gap:10px}.journey-card__arrives-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);flex-shrink:0}.journey-card__arrives-time{font-size:28px;font-weight:300;letter-spacing:-1px;color:var(--text);font-variant-numeric:tabular-nums;flex:1}.journey-card__status{font-size:12px;font-weight:600;flex-shrink:0}.journey-card__refreshed{font-size:11px;color:var(--text-muted);text-align:right}.train-loading{font-size:14px;color:var(--text-muted);padding:8px 0}.train-mock-notice{font-size:12px;color:#fbbf24;margin-top:8px}.a14-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.a14-incident{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:14px;color:#fbbf24}.shopping-add{display:flex;gap:8px}.shopping-input{flex:1;background:var(--surface-raised);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:13px 16px;color:var(--text);font-size:16px;outline:none;transition:border-color var(--transition)}.shopping-input:focus{border-color:var(--text-dim)}.shopping-input::placeholder{color:var(--text-muted)}.shopping-submit{width:50px;height:50px;border-radius:var(--radius-sm);border:none;color:#0d0d1a;font-size:26px;font-weight:700;cursor:pointer;transition:opacity var(--transition),transform var(--transition);flex-shrink:0;line-height:1}.shopping-submit:hover{opacity:.85}.shopping-submit:active{transform:scale(.95)}.shopping-list{display:flex;flex-direction:column;gap:6px}.shopping-item{display:flex;align-items:center;gap:12px;padding:13px 14px;background:var(--surface-raised);border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;transition:opacity var(--transition);-webkit-tap-highlight-color:transparent}.shopping-item--checked{opacity:.45}.shopping-checkbox{width:24px;height:24px;border-radius:50%;border:2px solid var(--text-muted);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all var(--transition);color:#0d0d1a;font-weight:800}.shopping-item__text{flex:1;font-size:16px;transition:all var(--transition)}.shopping-item__text--checked{text-decoration:line-through;color:var(--text-dim)}.shopping-item__by{font-size:12px;color:var(--text-muted);flex-shrink:0}.shopping-divider{display:flex;justify-content:space-between;align-items:center;padding:6px 2px}.shopping-divider__label{font-size:12px;color:var(--text-muted);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.shopping-clear{background:none;border:none;color:#f87171;cursor:pointer;font-size:13px;padding:4px 8px;border-radius:6px;transition:background var(--transition)}.shopping-clear:hover{background:#f871711a}.shopping-empty{text-align:center;color:var(--text-muted);font-size:15px;padding:32px 0}.reminder-add-btn{width:100%;padding:14px;background:none;border:1.5px dashed var(--member-color, var(--border));border-radius:var(--radius-sm);color:var(--member-color, var(--text-dim));font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition);-webkit-tap-highlight-color:transparent}.reminder-add-btn:hover{background:var(--surface-raised)}.reminder-form{display:flex;flex-direction:column;gap:0}.reminder-tag-label{font-size:12px;font-weight:600;color:var(--text-dim);margin:14px 0 8px;letter-spacing:.06em;text-transform:uppercase}.reminder-tag-pills{display:flex;flex-wrap:wrap;gap:8px}.reminder-tag-pill{padding:6px 12px;border-radius:20px;border:1.5px solid var(--border);background:none;color:var(--text-dim);font-size:13px;cursor:pointer;transition:all var(--transition);-webkit-tap-highlight-color:transparent}.reminder-tag-pill--active{border-color:var(--member-color);color:var(--member-color);background:#ffffff0a}.reminder-form-actions{display:flex;gap:8px;margin-top:16px}.reminder-cancel{flex:1;padding:12px;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);font-size:15px;cursor:pointer;transition:all var(--transition)}.reminder-cancel:hover{border-color:var(--text-dim);color:var(--text)}.reminder-submit{flex:2;padding:12px;border:none;border-radius:var(--radius-sm);color:#0d0d1a;font-size:15px;font-weight:700;cursor:pointer;transition:opacity var(--transition)}.reminder-submit:hover{opacity:.85}.reminder-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:4px 6px;border-radius:6px;flex-shrink:0;transition:all var(--transition);align-self:center}.reminder-delete:hover{color:#f87171;background:#f871711a}.reminder-item__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:3px}.reminder-item__tags{display:flex;gap:6px;flex-wrap:wrap}.reminder-tag-emoji{font-size:12px;font-weight:600}.reminder-item__added{font-size:11px;color:var(--text-muted);margin-top:2px}.reminder-date-input{margin-top:8px;color-scheme:dark}.reminder-urgent-toggle{margin-top:8px;display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;background:none;border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);font-size:15px;cursor:pointer;transition:all var(--transition);-webkit-tap-highlight-color:transparent}.reminder-urgent-toggle--active{border-color:#fbbf24;color:#fbbf24;background:#fbbf240f}.noticeboard-form{display:flex;gap:8px;margin-bottom:12px}.noticeboard-empty{font-size:14px;color:var(--text-muted);padding:8px 0}.noticeboard-list{display:flex;flex-direction:column;gap:2px}.noticeboard-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-top:1px solid var(--border)}.noticeboard-item__emoji{font-size:20px;flex-shrink:0;margin-top:1px}.noticeboard-item__body{flex:1}.noticeboard-item__text{font-size:15px;color:var(--text);line-height:1.4}.noticeboard-item__meta{font-size:12px;color:var(--text-muted);margin-top:3px}.bin-row{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.bin-row:last-child{border-bottom:none;padding-bottom:0}.bin-row:first-child{padding-top:0}.bin-row__date{font-size:13px;font-weight:700;color:var(--text-dim);min-width:72px;padding-top:2px}.bin-row__bins{display:flex;flex-wrap:wrap;gap:6px}.bin-pill{font-size:13px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:3px 10px;color:var(--text)}.reminder-item{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--border)}.reminder-item:last-child{border-bottom:none;padding-bottom:0}.reminder-item:first-child{padding-top:0}.reminder-item__icon{font-size:22px;flex-shrink:0;margin-top:1px}.reminder-item__body{flex:1}.reminder-item__text{font-size:15px;color:var(--text);line-height:1.4}.reminder-item--urgent .reminder-item__text{color:#fbbf24}.reminder-item__date{font-size:12px;color:var(--text-dim);margin-top:3px}.meal-capture-btn{width:100%;padding:18px;background:none;border:1.5px dashed var(--member-color, var(--border));border-radius:var(--radius-sm);color:var(--member-color, var(--text-dim));font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition);-webkit-tap-highlight-color:transparent}.meal-capture-btn:hover{background:var(--surface-hover)}.meal-upload-flow{display:flex;flex-direction:column;gap:12px}.meal-preview{width:100%;border-radius:var(--radius-sm);object-fit:cover;max-height:260px;background:var(--surface)}.meal-upload-actions{display:flex;gap:8px}.meal-feed{display:flex;flex-direction:column;gap:16px}.meal-card{border-radius:var(--radius-sm);overflow:hidden;background:var(--surface);border:1px solid var(--border)}.meal-card__photo{width:100%;display:block;object-fit:cover;max-height:280px;background:var(--surface-raised)}.meal-card__body{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;position:relative}.meal-card__accent{position:absolute;top:0;left:0;width:3px;height:100%;border-radius:0}.meal-card__info{flex:1;padding-left:6px;display:flex;flex-direction:column;gap:4px}.meal-card__who{display:flex;align-items:center;gap:6px}.meal-card__emoji{font-size:18px}.meal-card__name{font-size:14px;font-weight:700}.meal-card__date{font-size:12px;color:var(--text-muted);margin-left:auto;white-space:nowrap}.meal-card__description{font-size:14px;color:var(--text-dim);line-height:1.4}.meal-card__delete{align-self:center}