:root{--bg-page:#faf8f5;--bg-card:#fff;--bg-subtle:#f4efe6;--bg-accent-soft:#fdf2ec;--bg-chip:#e2dcd3;--text-primary:#1c1917;--text-secondary:#5e5851;--text-muted:#736c64;--border-color:#ebe4da;--border-strong:#d8cfc2;--accent-primary:#c96442;--accent-primary-hover:#9a4528;--accent-primary-strong:#ae5132;--accent-secondary:#2d5a4c;--accent-secondary-hover:#21453a;--status-success:#2a7a53;--status-success-bg:#eaf5ef;--status-success-on-dark:#48bb78;--status-warning:#b86b14;--status-warning-bg:#fef6e9;--status-danger:#c0392b;--status-danger-bg:#fdecea;--status-info:#285d8a;--status-info-bg:#ebf3fa;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--shadow-sm:0 1px 3px #1c19170a, 0 2px 6px #1c191708;--shadow-md:0 4px 16px -2px #1c19170f, 0 2px 6px -1px #1c191708;--shadow-lg:0 12px 32px -4px #1c191714, 0 4px 12px -2px #1c19170a;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-md:.875rem;--font-size-base:.9375rem;--font-size-lg:1.0625rem;--font-size-xl:1.25rem;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--form-gap:var(--space-6);--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--page-gutter:var(--space-6);--dialog-edge-x:max(var(--space-4), var(--safe-area-left), var(--safe-area-right));--dialog-edge-y:max(var(--space-4), var(--safe-area-top), var(--safe-area-bottom));--header-actions-height:26px;--duration-fast:.15s;--ease-standard:ease;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--focus-ring:2px solid var(--accent-primary);--focus-ring-offset:2px;--text-on-accent:#fff;--status-danger-border:#f1b8b2;--switch-track-off:#a8a29e;--opacity-disabled:.55;--darken-hover:14%;--darken-pressed:8%}*{box-sizing:border-box}svg{flex-shrink:0}:where(a,button,[role=switch],input,select,textarea):focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}html{scrollbar-gutter:stable}body{background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;padding:0;line-height:1.6}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-container{width:100%;max-width:780px;padding:0 max(var(--page-gutter), var(--safe-area-right)) 0 max(var(--page-gutter), var(--safe-area-left));margin:0 auto}.app-header{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);padding:calc(var(--space-2) + var(--safe-area-top)) 0 var(--space-2);z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.header-brand{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.brand-lockup-link{align-items:center;gap:var(--space-2);cursor:pointer;text-decoration:none;display:inline-flex}.brand-spark-icon{color:var(--accent-primary);transition:transform .25s var(--ease-out-expo);flex-shrink:0}.brand-lockup-link:hover .brand-spark-icon{transform:rotate(20deg)scale(1.08)}.brand-community-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.015em;transition:color var(--duration-fast) var(--ease-standard)}.brand-lockup-link:hover .brand-community-title{color:var(--accent-primary-strong)}.brand-divider{background-color:var(--border-color);width:1px;height:14px;margin:0 2px;display:inline-block}.app-title{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--text-secondary);letter-spacing:-.01em;margin:0}.header-actions{align-items:center;gap:var(--space-2);display:flex}.header-user-status{align-items:center;gap:var(--space-2);background-color:var(--bg-card);border:1px solid var(--border-color);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-sm);box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);cursor:pointer;font-family:inherit;display:inline-flex}.account-menu{z-index:200;min-width:200px;padding:var(--space-1);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-lg)}.account-menu-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-base);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.account-menu-item[data-highlighted]{background-color:var(--bg-subtle);outline:none}.account-menu-item[data-disabled]{opacity:var(--opacity-disabled);cursor:not-allowed}.account-menu-item-danger{color:var(--status-danger)}.account-menu-item-danger[data-highlighted]{background-color:var(--status-danger-bg)}.account-menu-separator{height:1px;margin:var(--space-1) 0;background-color:var(--border-color)}.settings-row{gap:var(--space-2);flex-direction:column;display:flex}.settings-row .switch-row,.settings-row-label{font-size:var(--font-size-base)}.settings-row-label{padding:var(--space-2) 0;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.settings-row-desc{margin:calc(-1 * var(--space-1)) 0 0;font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.45}.settings-row .alert{margin-bottom:0}.settings-row-action{align-self:flex-start}.settings-subrow{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-2);border-top:1px dashed color-mix(in srgb, var(--border-color), transparent 40%);display:flex}.settings-subrow-label{font-size:var(--font-size-sm);color:var(--text-muted)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.switch-row{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-2) 0;color:var(--text-primary);font:inherit;font-weight:var(--font-weight-semibold);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.switch-row:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.switch{--switch-width:44px;--switch-height:24px;--switch-inset:3px;--switch-thumb-size:calc(var(--switch-height) - 2 * var(--switch-inset));flex:0 0 var(--switch-width);height:var(--switch-height);padding:var(--switch-inset);border-radius:var(--radius-pill);background:var(--switch-track-off);transition:background-color var(--duration-fast) var(--ease-standard)}.switch:after{width:var(--switch-thumb-size);height:var(--switch-thumb-size);background:var(--bg-card);content:"";transition:transform var(--duration-fast) var(--ease-standard);border-radius:50%;display:block}.switch-row[aria-checked=true] .switch{background:var(--accent-primary)}.switch-row[aria-checked=true] .switch:after{transform:translateX(calc(var(--switch-width) - var(--switch-height)))}@media (prefers-reduced-motion:reduce){.switch,.switch:after{transition:none}}.header-user-status:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.header-user-icon{color:var(--accent-primary);flex-shrink:0}.header-user-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.app-main{padding-top:var(--space-6);gap:var(--space-6);flex-direction:column;flex:1;padding-bottom:40px;display:flex}.hero-section{gap:var(--space-6);flex-direction:column;display:flex}.hero-title{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.02em;margin:0}.stats-strip-container{width:100%}.stats-ribbon{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-6);justify-content:space-around;column-gap:var(--space-4);box-shadow:var(--shadow-sm);grid-template-rows:auto auto auto;grid-template-columns:repeat(5,auto);row-gap:2px;display:grid}.stat-metric{grid-row:span 3;grid-template-rows:subgrid;display:grid}.stat-metric-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);letter-spacing:.02em}.stat-metric-value-wrap{align-items:baseline;gap:var(--space-2);display:flex}.stat-metric-number{font-size:clamp(1.75rem,1.2rem + 2.6vw,2.5rem);font-weight:var(--font-weight-bold);color:var(--text-primary);font-variant-numeric:proportional-nums;line-height:1.05}.stat-metric-available .stat-metric-number{color:var(--accent-primary)}.stat-metric-unit{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--text-muted)}.stat-metric-breakdown{column-gap:var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--text-muted);white-space:nowrap;flex-wrap:wrap;display:flex}.stat-ribbon-divider{background-color:var(--border-color);grid-row:span 2;align-self:center;width:1px;height:40px}.workspace-card{--workspace-card-radius:var(--radius-lg);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--workspace-card-radius);box-shadow:var(--shadow-md)}.workspace-tabs-bar{gap:var(--space-1);padding:var(--space-2);background-color:var(--bg-subtle);border-bottom:1px solid var(--border-color);border-radius:calc(var(--workspace-card-radius) - 1px) calc(var(--workspace-card-radius) - 1px) 0 0;grid-template-columns:1fr 1fr;display:grid}.workspace-tab-btn{appearance:none;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);text-align:center;background:0 0;border:none;justify-content:center;align-items:center;font-family:inherit;display:flex}.workspace-tab-btn:hover{color:var(--text-primary)}.workspace-tab-btn.tab-btn-active{background-color:var(--bg-card);color:var(--accent-primary-strong);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-bold)}.workspace-content{padding:var(--space-6)}.panel-top-bar{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.info-tooltip-container{align-items:center;display:inline-flex;position:relative}.info-tooltip-trigger{align-items:center;gap:var(--space-1);border:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);background:0 0;font-family:inherit;display:inline-flex}.info-tooltip-trigger:hover,.info-tooltip-container.is-active .info-tooltip-trigger{background-color:var(--bg-subtle);color:var(--text-primary);border-color:var(--border-strong)}.info-tooltip-icon{color:var(--accent-primary);flex-shrink:0}.info-tooltip-label{line-height:1.2}.info-tooltip-popover{z-index:120;background-color:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:330px;max-width:calc(100vw - 32px);padding:var(--space-3);box-shadow:var(--shadow-lg);animation:tooltipFadeIn var(--duration-fast) var(--ease-standard);text-align:left;position:absolute;top:calc(100% + 8px);right:0;transform:none}.info-tooltip-popover:before{content:"";height:10px;position:absolute;top:-10px;left:0;right:0}.info-tooltip-popover:after{content:"";background-color:var(--bg-card);border-top:1px solid var(--border-strong);border-left:1px solid var(--border-strong);width:8px;height:8px;position:absolute;top:-5px;right:18px;transform:rotate(45deg)}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.info-tooltip-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--border-color)}.info-tooltip-list{padding-left:var(--space-5);font-size:var(--font-size-sm);color:var(--text-secondary);gap:var(--space-1);flex-direction:column;margin:0;line-height:1.55;list-style:outside;display:flex}.tooltip-item-lead{font-weight:var(--font-weight-bold);color:var(--text-primary)}.tooltip-highlight-benefit{font-weight:var(--font-weight-bold);color:var(--status-success)}.tooltip-alert-warning{font-weight:var(--font-weight-bold);color:var(--status-warning)}.panel-card{flex-direction:column;display:flex}.form-stack{gap:var(--form-gap);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label-row{justify-content:space-between;align-items:center;display:flex}.form-label{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--text-primary)}.char-counter{font-size:var(--font-size-sm);color:var(--text-muted);transition:color var(--duration-fast) var(--ease-standard)}.char-counter-exceeded{color:var(--status-danger);font-weight:var(--font-weight-bold)}.field-hint{font-size:var(--font-size-sm);color:var(--text-muted)}.field-error-hint{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--status-danger);font-weight:var(--font-weight-semibold);display:block}.input-field,.textarea-field,.select-field{width:100%;padding:var(--space-2) var(--space-4);color:var(--text-primary);background-color:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-standard);font-family:inherit;font-size:1rem}.input-field:focus,.textarea-field:focus,.select-field:focus{border-color:var(--accent-primary)}.input-field-error:is(.input-field,.textarea-field,.select-field){border-color:var(--status-danger);box-shadow:0 0 0 2px color-mix(in srgb, var(--status-danger) 15%, transparent)}.select-field{padding-right:var(--space-8);appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);background-position:calc(100% - var(--space-5)) 50%, calc(100% - var(--space-4)) 50%;cursor:pointer;background-repeat:no-repeat;background-size:5px 5px}.option-card-group{gap:var(--space-3);display:grid}.option-card-group-2{grid-template-columns:repeat(2,1fr)}.option-card-group-3{grid-template-columns:repeat(3,1fr)}.option-card{text-align:left;padding:var(--space-3);background-color:var(--bg-subtle);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);flex-direction:column;align-items:flex-start;font-family:inherit;display:flex}.option-card-title-only{text-align:center;justify-content:center;align-items:center}.option-card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary)}.option-card[data-state=checked]{background-color:var(--bg-accent-soft);border-color:var(--accent-primary)}.option-card[data-state=checked] .option-card-title{color:var(--accent-primary-strong)}.option-card-description{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--space-1);line-height:1.35}.btn{--btn-bg:transparent;--btn-fg:var(--text-primary);--btn-border:transparent;--btn-bg-hover:var(--bg-subtle);--btn-fg-hover:var(--btn-fg);--btn-bg-pressed:color-mix(in srgb, var(--btn-bg-hover), black var(--darken-pressed));justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--btn-fg);background-color:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);font-family:inherit;line-height:1.4;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){color:var(--btn-fg-hover);background-color:var(--btn-bg-hover)}.btn:active:not(:disabled){color:var(--btn-fg-hover);background-color:var(--btn-bg-pressed)}.btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.btn-primary{--btn-bg:var(--accent-primary-strong);--btn-fg:var(--text-on-accent);--btn-bg-hover:var(--accent-primary-hover)}.btn-secondary{--btn-bg:var(--accent-secondary);--btn-fg:var(--text-on-accent);--btn-bg-hover:var(--accent-secondary-hover)}.btn-success{--btn-bg:var(--status-success);--btn-fg:var(--text-on-accent);--btn-bg-hover:color-mix(in srgb, var(--status-success), black var(--darken-hover))}.btn-danger{--btn-bg:var(--status-danger);--btn-fg:var(--text-on-accent);--btn-bg-hover:color-mix(in srgb, var(--status-danger), black var(--darken-hover))}.btn-warning{--btn-bg:var(--status-warning-bg);--btn-fg:var(--status-warning);--btn-border:var(--status-warning);--btn-bg-hover:var(--status-warning);--btn-fg-hover:var(--text-on-accent)}.btn-outline{--btn-border:var(--border-strong)}.btn-outline.btn-danger{--btn-bg:transparent;--btn-fg:var(--status-danger);--btn-border:var(--status-danger-border);--btn-bg-hover:var(--status-danger-bg)}.btn-ghost{--btn-fg:var(--accent-primary-strong);--btn-bg-hover:var(--bg-accent-soft)}.btn.btn-link{--btn-fg:var(--accent-primary-strong);--btn-bg-hover:transparent;--btn-bg-pressed:transparent;padding:0}.btn-link:hover:not(:disabled){text-decoration:underline}.btn[aria-pressed=true]{--btn-bg:var(--bg-accent-soft);--btn-fg:var(--accent-primary-strong);--btn-border:var(--accent-primary);--btn-bg-hover:var(--bg-accent-soft)}.btn-pill{border-radius:var(--radius-pill)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-base)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.btn-icon{width:var(--btn-icon-size,32px);height:var(--btn-icon-size,32px);border-radius:50%;flex-shrink:0;padding:0}.badge{--badge-bg:var(--bg-chip);--badge-fg:var(--text-primary);padding:2px var(--space-2);border-radius:var(--radius-pill);background-color:var(--badge-bg);color:var(--badge-fg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;flex-shrink:0;align-items:center;display:inline-flex}.badge-tag{border-radius:var(--radius-xs)}.badge-accent{--badge-bg:var(--bg-accent-soft);--badge-fg:var(--accent-primary-strong)}.badge-accent-solid{--badge-bg:var(--accent-primary-strong);--badge-fg:var(--text-on-accent)}.badge-success{--badge-bg:var(--status-success-bg);--badge-fg:var(--status-success)}.badge-warning{--badge-bg:var(--status-warning-bg);--badge-fg:var(--status-warning)}.badge-danger{--badge-bg:var(--status-danger-bg);--badge-fg:var(--status-danger)}.queue-state-card{border-radius:var(--radius-md);padding:var(--space-5);border:1px solid var(--border-color);background-color:var(--bg-subtle);gap:var(--space-3);flex-direction:column;display:flex}.queue-state-card>.badge{align-self:flex-start}.state-reserved{background-color:var(--bg-accent-soft);border-color:color-mix(in srgb, var(--accent-primary) 30%, transparent)}.state-revealed{background-color:var(--status-success-bg);border-color:color-mix(in srgb, var(--status-success) 30%, transparent)}.claim-history-disclosure-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:var(--space-3);box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast) var(--ease-standard);overflow:hidden}.claim-history-disclosure-card:hover{border-color:color-mix(in srgb, var(--status-success) 30%, transparent)}.claim-history-summary-bar{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:var(--bg-card);cursor:pointer;text-align:left;transition:background-color var(--duration-fast) var(--ease-standard);border:none;font-family:inherit;display:flex}.claim-history-summary-bar:hover{background-color:var(--bg-subtle)}.claim-history-summary-left{align-items:center;gap:var(--space-2);min-width:0;display:flex}.claim-history-icon-check{color:var(--status-success);flex-shrink:0}.claim-history-text-wrap{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.claim-history-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary)}.claim-history-sub{font-size:var(--font-size-sm);color:var(--text-muted)}.claim-history-chevron{color:var(--text-muted);transition:transform var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);flex-shrink:0}.claim-history-chevron.is-expanded{transform:rotate(180deg)}.claim-history-summary-bar:hover .claim-history-chevron{color:var(--accent-primary)}.claim-history-detail-body{padding:var(--space-3);border-top:1px solid var(--border-color);background-color:var(--bg-subtle);gap:var(--space-2);flex-direction:column;display:flex}.state-heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.state-desc{color:var(--text-secondary);font-size:var(--font-size-md);margin:0}.highlight-number{color:var(--accent-primary);font-size:1.35rem;font-weight:var(--font-weight-bold)}.priority-tag{margin-left:var(--space-1);color:var(--accent-primary-strong);display:inline-block}.countdown-banner{background-color:var(--bg-card);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-color);font-size:var(--font-size-md);justify-content:space-between;align-items:center;display:flex}.countdown-banner.countdown-warning{background-color:var(--status-warning-bg);border-color:var(--status-warning)}.countdown-timer{font-family:var(--font-mono);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--accent-primary-strong)}.referral-url-box{background-color:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.referral-url-code{font-family:var(--font-mono);font-size:var(--font-size-base);word-break:break-all;color:var(--accent-secondary);font-weight:var(--font-weight-semibold)}.referral-url-actions,.state-actions,.confirm-action-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.preview-card-box{background-color:var(--bg-card);border-radius:var(--radius-sm);padding:var(--space-3);border:1px solid var(--border-color)}.preview-label{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:2px;display:block}.preview-content{color:var(--text-primary);font-style:italic;font-size:var(--font-size-md);margin:0}.shared-history-block{margin-top:var(--form-gap);padding-top:var(--space-5);border-top:1px solid var(--border-color)}.subsection-title{margin:0 0 var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.shared-links-list{gap:var(--space-3);flex-direction:column;display:flex}.shared-link-card{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3);background-color:var(--bg-subtle)}.shared-link-header{margin-bottom:var(--space-2)}.shared-link-url{font-family:var(--font-mono);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.shared-link-meta{margin-left:var(--space-2);font-size:var(--font-size-sm);color:var(--text-muted)}.slot-status-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.slot-status-item{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xs);padding:var(--space-2) var(--space-3)}.slot-status-row{align-items:center;gap:var(--space-2);font-size:var(--font-size-md);flex-wrap:wrap;display:flex}.slot-index-label{font-weight:var(--font-weight-bold)}.slot-thank-you-bubble{margin-top:var(--space-2);padding:var(--space-2);background-color:var(--bg-accent-soft);border-radius:var(--radius-xs);font-size:var(--font-size-md);color:var(--text-primary)}.bubble-heart-icon{color:var(--accent-primary);margin-right:var(--space-1);vertical-align:middle}.thank-you-wall-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);overflow:hidden}.wall-header-row{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.wall-header-text{flex:15rem;min-width:0}.wall-header-controls{align-items:center;gap:var(--space-2);flex-shrink:0;display:inline-flex}.section-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.01em;margin:0 0 3px}.section-subtitle{color:var(--text-secondary);font-size:var(--font-size-md);margin:0}.title-with-icon{align-items:center;gap:var(--space-2);display:flex}.header-heart-icon{color:var(--accent-primary)}.thank-you-ticker-viewport{width:100%;padding:var(--space-3) 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 36px calc(100% - 36px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 36px calc(100% - 36px),#0000 100%)}.thank-you-ticker-track{gap:var(--space-4);will-change:transform;width:max-content;margin:0;padding:0;list-style:none;animation:30s linear infinite tickerScroll;display:flex}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.thank-you-ticker-track.is-paused{animation-play-state:paused}@media (hover:hover){.thank-you-ticker-viewport:hover .thank-you-ticker-track{animation-play-state:paused}}.ticker-card{flex-shrink:0;width:320px;max-width:85vw}.thank-you-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-5);justify-content:space-between;gap:var(--space-3);transition:transform var(--duration-fast) var(--ease-out-expo), box-shadow var(--duration-fast) var(--ease-out-expo), border-color var(--duration-fast) var(--ease-standard);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:relative}.thank-you-card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--accent-primary) 30%, transparent);transform:translateY(-2px)}.thank-you-quote-decor{color:var(--accent-primary);opacity:.35;margin-bottom:-4px;line-height:1}.thank-you-message{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--text-primary);word-break:break-word;margin:0;line-height:1.62}.thank-you-message-clamped{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ticker-card-hint{font-size:var(--font-size-xs);color:var(--accent-primary-strong);font-weight:var(--font-weight-semibold);margin-top:-6px}.btn-toggle-expand{align-self:flex-start;margin-top:-4px}.thank-you-footer{justify-content:space-between;align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-color);font-size:var(--font-size-sm);display:flex}.thank-you-participants{align-items:center;gap:var(--space-2);min-width:0;display:flex}.participant-user-icon{color:var(--accent-primary);opacity:.85;flex-shrink:0}.participants-text{align-items:center;gap:var(--space-1);text-overflow:ellipsis;white-space:nowrap;display:flex;overflow:hidden}.party-receiver{font-weight:var(--font-weight-bold);color:var(--text-primary);text-overflow:ellipsis;max-width:90px;overflow:hidden}.party-action{color:var(--text-muted);font-size:var(--font-size-xs)}.party-provider{font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-overflow:ellipsis;max-width:90px;overflow:hidden}.modal-thank-you-card .party-receiver,.modal-thank-you-card .party-provider{max-width:140px}.thank-you-time{color:var(--text-muted);font-size:var(--font-size-xs);white-space:nowrap;flex-shrink:0}.empty-state{align-items:center;gap:var(--space-2);text-align:center;padding:var(--space-6) var(--space-4);background-color:var(--bg-subtle);border-radius:var(--radius-md);color:var(--text-secondary);flex-direction:column;display:flex}.empty-quote-icon{color:var(--accent-primary);opacity:.4}.empty-state-text{font-size:var(--font-size-md);margin:0}.error-reference{font-size:var(--font-size-xs);color:var(--text-muted);margin:0}.floating-toast{bottom:calc(var(--space-6) + var(--safe-area-bottom));z-index:9999;background-color:color-mix(in srgb, var(--text-primary) 94%, transparent);color:var(--text-on-accent);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);align-items:center;gap:var(--space-2);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:toastFadeIn var(--duration-fast) var(--ease-out-expo);max-width:90vw;display:flex;position:fixed;left:50%;transform:translate(-50%)}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.toast-icon{color:var(--status-success-on-dark)}.toast-text{white-space:nowrap}.btn-toast-close{color:color-mix(in srgb, var(--text-on-accent) 60%, transparent);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard);background:0 0;border:none;align-items:center;padding:0;display:inline-flex}.btn-toast-close:hover{color:var(--text-on-accent)}.alert{--alert-accent:var(--text-primary);--alert-text:var(--text-primary);--alert-bg:var(--bg-card);--alert-border:var(--border-color);padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--alert-border);background-color:var(--alert-bg);color:var(--alert-text);font-size:var(--font-size-md);justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;scroll-margin-block:80px;display:flex}.form-group>.alert{margin-bottom:0}.alert-error{--alert-accent:var(--status-danger);--alert-text:var(--status-danger);--alert-bg:var(--status-danger-bg);--alert-border:var(--status-danger-border)}.alert-warning{--alert-accent:var(--status-warning);--alert-text:var(--status-warning);--alert-bg:var(--status-warning-bg);--alert-border:var(--status-warning)}.alert-info{--alert-accent:var(--status-info);--alert-bg:var(--status-info-bg);--alert-border:color-mix(in srgb, var(--status-info) 30%, transparent)}.alert-accent{--alert-accent:var(--accent-primary-strong);--alert-bg:var(--bg-accent-soft);--alert-border:color-mix(in srgb, var(--accent-primary) 30%, transparent)}.alert-neutral{--alert-accent:var(--accent-primary);box-shadow:var(--shadow-sm)}.alert-main{align-items:flex-start;gap:var(--space-2);flex:240px;min-width:0;display:flex}.alert-icon{color:var(--alert-accent);margin-top:2px;display:inline-flex}.alert-body{flex-direction:column;gap:2px;min-width:0;display:flex}.alert-title{color:var(--alert-accent);font-weight:var(--font-weight-bold)}.alert-title+.alert-text{color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.45}.alert-action{flex-shrink:0}.google-signin-official-button{justify-content:center;display:flex}.header-actions .google-signin-official-button{height:var(--header-actions-height);align-items:center}.google-signin-slot{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.google-signin-hint{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;margin:0;line-height:1.45}.google-signin-failed{justify-content:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--status-danger);flex-flow:wrap}.header-actions .google-signin-failed{text-align:right;max-width:220px;font-size:var(--font-size-xs);justify-content:flex-end}.dev-dock{background-color:var(--bg-card);border-top:1px solid var(--border-color);padding:var(--space-2) 0}.dev-dock-inner{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.dev-dock-buttons{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.app-footer{border-top:1px solid var(--border-color);padding:var(--space-5) 0 calc(var(--space-5) + var(--safe-area-bottom));text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}.footer-links-row{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.footer-community-link{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-weight:var(--font-weight-semibold);transition:color var(--duration-fast) var(--ease-standard);text-decoration:none;display:inline-flex}.footer-community-link:hover{color:var(--accent-primary-strong);text-decoration:underline}.footer-divider{color:var(--border-strong);-webkit-user-select:none;user-select:none}.footer-author-credit{color:var(--text-muted)}.footer-author-link{color:var(--text-secondary);font-weight:var(--font-weight-semibold);transition:color var(--duration-fast) var(--ease-standard);text-decoration:none}.footer-author-link:hover{color:var(--accent-primary-strong);text-decoration:underline}.modal-card{background-color:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:440px;padding:var(--space-5);box-shadow:var(--shadow-lg)}.modal-title{margin:0 0 var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.modal-body{margin:0 0 var(--space-5);color:var(--text-secondary);font-size:var(--font-size-md)}.modal-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.modal-card-lg{max-width:820px;max-height:86vh;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);flex-direction:column;padding:0;display:flex;overflow:hidden}.modal-header-bar{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:var(--space-3);background-color:var(--bg-card);z-index:2;box-shadow:var(--shadow-sm);display:flex;position:relative}.modal-header-left{align-items:center;gap:var(--space-3);min-width:0;display:flex}.modal-header-icon-badge{background-color:var(--bg-accent-soft);width:36px;height:36px;color:var(--accent-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-header-titles{flex-direction:column;gap:2px;display:flex}.modal-title-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.modal-header-titles .modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.modal-subtitle{font-size:var(--font-size-sm);color:var(--text-muted)}.modal-header-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.modal-search-box{align-items:center;display:flex;position:relative}.modal-search-icon{left:var(--space-3);color:var(--text-muted);pointer-events:none;position:absolute}.modal-search-input{width:180px;padding:var(--space-2) var(--space-8);font-size:var(--font-size-sm);background-color:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-pill);color:var(--text-primary);transition:width var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);font-family:inherit}.modal-search-input:focus{background-color:var(--bg-card);border-color:var(--accent-primary);width:210px}.btn-clear-search{right:var(--space-2);--btn-fg:var(--text-muted);--btn-icon-size:20px;position:absolute}.modal-scroll-body{padding:var(--space-5) var(--space-5) var(--space-6);background-color:var(--bg-page);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex:1;overflow-y:auto}.modal-search-empty{text-align:center;padding:40px var(--space-4);color:var(--text-muted);font-size:var(--font-size-md);align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.all-thank-you-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(290px,1fr));margin:0;padding:0;list-style:none;display:grid}.modal-thank-you-card{cursor:pointer}dialog.modal{width:calc(100vw - 2 * var(--dialog-edge-x));max-width:440px;max-height:calc(100dvh - 2 * var(--dialog-edge-y));color:inherit;background:0 0;border:none;padding:0;overflow:visible}dialog.modal::backdrop{background-color:color-mix(in srgb, var(--text-primary) 55%, transparent)}html:has(dialog.modal[open]){overscroll-behavior:none;overflow:hidden}dialog.modal,.modal-scroll-body{overscroll-behavior:contain}dialog.modal-dialog-lg{max-width:820px}dialog.account-settings-dialog{max-width:420px}.account-settings-card{max-height:calc(100dvh - 2 * var(--dialog-edge-y));border:1px solid var(--border-color);flex-direction:column;padding:0;display:flex;overflow:hidden}.account-settings-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);display:flex}.account-settings-header .modal-title{margin:0}.account-settings-body{overscroll-behavior:contain;overflow-y:auto}.account-settings-body>*{padding:var(--space-3) var(--space-4)}.account-settings-body>*+*{border-top:1px solid var(--border-color)}.account-settings-alert .alert{margin-bottom:0}@media (width<=480px){dialog.account-settings-dialog{width:100%;max-width:none;max-height:85dvh;margin-bottom:0}.account-settings-card{max-width:none;max-height:85dvh;padding-bottom:var(--safe-area-bottom);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:none}}dialog.spotlight-dialog{max-width:520px}dialog.spotlight-dialog::backdrop{background-color:color-mix(in srgb, var(--text-primary) 65%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.spotlight-card{background-color:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:520px;padding:var(--space-6) var(--space-6) var(--space-5);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);gap:var(--space-4);animation:spotlightPop var(--duration-fast) var(--ease-out-expo);flex-direction:column;display:flex;position:relative}@keyframes spotlightPop{0%{opacity:0;transform:scale(.95)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.spotlight-header{justify-content:space-between;align-items:center;display:flex}.spotlight-quote-badge{color:var(--accent-primary);opacity:.45;align-items:center;display:flex}.spotlight-message{font-size:var(--font-size-lg);color:var(--text-primary);line-height:1.75;font-weight:var(--font-weight-regular);word-break:break-word;white-space:pre-wrap;margin:0}.spotlight-meta-block{gap:var(--space-2);padding:var(--space-3);background-color:var(--bg-subtle);border-radius:var(--radius-sm);font-size:var(--font-size-md);border:1px solid var(--border-color);flex-direction:column;display:flex}.spotlight-meta-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.spotlight-meta-label{color:var(--text-muted)}.spotlight-meta-val{font-weight:var(--font-weight-semibold);color:var(--text-primary);align-items:center;gap:var(--space-2);display:flex}.spotlight-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);padding-top:var(--space-1);display:flex}.ios-step-item{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--font-size-md);line-height:1.5;display:flex}.ios-step-num{background-color:var(--accent-primary-strong);width:22px;height:22px;color:var(--text-on-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.pull-to-refresh-bar{background:linear-gradient(to bottom, var(--bg-subtle), transparent);transition:height var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard);pointer-events:none;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.pull-to-refresh-content{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);padding:var(--space-2) var(--space-4);display:inline-flex}.pull-arrow-icon{color:var(--accent-primary);transition:transform var(--duration-fast) var(--ease-standard)}.pull-arrow-icon.rotate-up{transform:rotate(180deg)}.spinner-icon{color:var(--accent-primary);animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=640px){:root{--form-gap:var(--space-4);--page-gutter:var(--space-4)}.header-inner{gap:var(--space-2);flex-wrap:nowrap}.header-brand{gap:var(--space-2);flex-shrink:1;min-width:0}.brand-community-title{font-size:var(--font-size-md);white-space:nowrap}.app-title{font-size:var(--font-size-md);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.header-actions{gap:var(--space-2);flex-shrink:0}.header-user-status{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);white-space:nowrap;max-width:120px}.app-main{padding-top:var(--space-4);padding-bottom:var(--space-8);gap:var(--space-4)}.hero-section{gap:var(--space-4)}.hero-title{font-size:var(--font-size-xl)}.stats-ribbon{padding:var(--space-5) var(--space-4);column-gap:var(--space-2)}.stat-metric-value-wrap{gap:calc(var(--space-1) * 1.5)}.stat-metric-number{font-size:clamp(1.25rem,1rem + 1.25vw,1.75rem)}.stat-metric-label{font-size:var(--font-size-xs);white-space:nowrap}.stat-metric-unit{font-size:var(--font-size-xs)}.stat-ribbon-divider{height:30px;margin:0}.ticker-card{width:280px}.workspace-card{--workspace-card-radius:var(--radius-md)}.workspace-tab-btn{padding:var(--space-2);font-size:var(--font-size-md)}.workspace-content{padding:var(--space-4)}.option-card-group{gap:var(--space-2)}.option-card{min-height:44px;padding:var(--space-2) var(--space-3)}.option-card-group-2:has(.option-card-description){grid-template-columns:1fr}.option-card-title{word-break:keep-all}.option-card-description{margin-top:2px}.stat-metric-breakdown{font-size:var(--font-size-xs)}.thank-you-card{padding:var(--space-3)}.modal-header-bar{padding:var(--space-3);gap:var(--space-2);flex-wrap:wrap}.modal-header-left,.modal-header-actions{justify-content:space-between;width:100%}.modal-search-box{flex:1}.modal-search-input,.modal-search-input:focus{width:100%}.modal-scroll-body{padding:var(--space-3)}.spotlight-card{padding:var(--space-5) var(--space-4) var(--space-4)}}.matching-pause-hint{margin:0 0 var(--space-3)}.matching-pause-form{gap:var(--space-3);flex-direction:column;display:flex}.matching-pause-times{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.time-select-field{gap:var(--space-1);min-width:0;display:grid}.matching-pause-status-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.matching-pause-status{--status-dot-color:var(--text-muted);align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);word-break:keep-all;display:flex}.matching-pause-status[data-tone=paused]{--status-dot-color:var(--status-warning)}.matching-pause-status[data-tone=resumed]{--status-dot-color:var(--status-info)}.matching-pause-status[data-tone=available]{--status-dot-color:var(--status-success)}.matching-pause-status-dot{flex:0 0 var(--space-2);height:var(--space-2);background:var(--status-dot-color);border-radius:50%}.matching-pause-footer{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.time-select{align-items:center;gap:var(--space-1);display:flex}.time-select-separator{color:var(--text-muted);font-weight:var(--font-weight-bold)}.time-select-trigger{justify-content:space-between;align-items:center;gap:var(--space-1);min-width:0;padding-inline:var(--space-3);text-align:left;font-variant-numeric:tabular-nums;cursor:pointer;flex:1;display:flex}.time-select-trigger[data-state=open]{border-color:var(--accent-primary)}.time-select-trigger[data-placeholder],.time-select-trigger svg{color:var(--text-muted)}.time-select-content{min-width:var(--radix-select-trigger-width);max-height:min(240px, var(--radix-select-content-available-height));background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}.time-select-viewport{padding:var(--space-1)}.time-select-item{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-variant-numeric:tabular-nums;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.time-select-item[data-highlighted]{background-color:var(--bg-subtle);outline:none}.time-select-item:focus-visible{outline:var(--focus-ring);outline-offset:calc(-1 * var(--focus-ring-offset))}.time-select-item[data-state=checked]{color:var(--accent-primary-strong);font-weight:var(--font-weight-semibold)}.time-select-item-check{display:inline-flex}