*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--hf-blue:#4a8cff;--hf-blue-dark:#3a7bd5;--hf-blue-light:#f2f7fd;--hf-cyan:#6ec1e4;--hf-yellow:#ffd038;--hf-yellow-light:#fff5de;--hf-yellow-dark:#ffc300;--hf-green:#61ce70;--hf-green-light:#e8f8eb;--hf-teal:#37c098;--hf-purple:#6c70dc;--high-pleasant:#ffd038;--high-pleasant-bg:#fff5de;--high-pleasant-text:#92600a;--high-unpleasant:#e85d5d;--high-unpleasant-bg:#feecec;--high-unpleasant-text:#9b2c2c;--low-pleasant:#37c098;--low-pleasant-bg:#e2f9f0;--low-pleasant-text:#1a5e40;--low-unpleasant:#8a94a6;--low-unpleasant-bg:#eef0f4;--low-unpleasant-text:#4a5568;--center:#b0b8c9;--center-bg:#f4f5f8;--brand:#4a8cff;--brand-hover:#3a7bd5;--brand-light:#f2f7fd;--accent:#ffd038;--text-primary:#1a1a2e;--text-secondary:#7a7a7a;--text-tertiary:#a0a0b0;--bg:#fff;--bg-warm:#fffdf7;--card-bg:#fff;--border:#e8ecf1;--border-hover:#d0d7e2;--shadow-sm:0 1px 3px #4a8cff0f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #4a8cff14, 0 2px 4px #0000000a;--shadow-lg:0 8px 24px #4a8cff1f, 0 2px 6px #0000000a;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:24px;--radius-pill:9999px}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;flex-direction:column;align-items:center;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,sans-serif;display:flex}h1,h2,h3,.step-question,.history-title{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif}html{scroll-behavior:smooth}#app,.app-container{flex-direction:column;width:100%;max-width:480px;min-height:100dvh;padding:0 24px;display:flex;position:relative}.header{flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 0;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-horizontal{object-fit:contain;flex-shrink:0;width:auto;height:40px}.logo-badge-img{object-fit:contain;border-radius:8px;flex-shrink:0;width:34px;height:34px}.logo-text{flex-direction:column;display:flex}.logo-title{color:var(--text-primary);letter-spacing:-.3px;font-size:15px;font-weight:600;line-height:1.2}.logo-subtitle{color:var(--text-secondary);font-size:11px;font-weight:400}.header-actions{gap:8px;display:flex}.icon-btn{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--card-bg);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{border-color:var(--brand);color:var(--brand);box-shadow:var(--shadow-sm)}.icon-btn svg{width:20px;height:20px}.main-content{flex-direction:column;flex:1;justify-content:center;padding-bottom:40px;display:flex}.step{flex-direction:column;animation:.4s cubic-bezier(.22,1,.36,1) fadeSlideIn;display:none}.step.active{display:flex}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.progress-container{align-items:center;gap:10px;margin-bottom:32px;display:flex}.progress-bar{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:var(--hf-blue);border-radius:3px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1)}.progress-step{color:var(--text-tertiary);white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:12px;font-weight:500}.step-back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:12px;padding:4px 0;font-size:14px;font-weight:500;transition:color .2s;display:inline-flex}.step-back-btn:hover{color:var(--brand)}.step-back-btn svg{flex-shrink:0}.step-question{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:8px;font-size:24px;font-weight:700;line-height:1.25}.step-hint{color:var(--text-secondary);margin-bottom:28px;font-size:15px;line-height:1.5}.options-grid{flex-direction:column;gap:12px;display:flex}.option-card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;align-items:center;gap:16px;padding:16px 18px;transition:all .25s cubic-bezier(.22,1,.36,1);display:flex}.option-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.option-card:active{transform:scale(.985)}.option-card.selected{border-color:var(--brand);background:var(--brand-light);box-shadow:0 0 0 3px #4a90e21f}.option-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.option-label{color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:16px;font-weight:600}.option-desc{color:var(--text-secondary);margin-top:2px;font-size:13px}.faces-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.face-card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:12px;padding:20px 12px 16px;transition:all .25s cubic-bezier(.22,1,.36,1);display:flex}.face-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.face-card:active{transform:scale(.97)}.face-card.selected{border-color:var(--brand);background:var(--brand-light);box-shadow:0 0 0 3px #4a90e21f}.face-img{width:72px;height:72px;display:block}.face-label{color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:16px;font-weight:600}@media (min-width:560px){.faces-grid{grid-template-columns:repeat(4,1fr)}}.energy-bars{align-items:flex-end;gap:4px;height:28px;display:flex}.energy-bar{border-radius:3px;width:7px;transition:all .2s}.emotion-chips{flex-wrap:wrap;gap:10px;display:flex}.emotion-chip{border:2px solid var(--border);background:var(--card-bg);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:9999px;padding:10px 20px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.22,1,.36,1)}.emotion-chip:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.emotion-chip:active{transform:scale(.96)}.emotion-chip.selected{color:#fff;box-shadow:var(--shadow-md);border-color:#0000;transform:scale(1.04)}.text-area-wrapper{position:relative}.text-input{border:2px solid var(--border);border-radius:var(--radius-md);resize:none;background:var(--card-bg);width:100%;min-height:130px;color:var(--text-primary);outline:none;padding:18px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:15px;line-height:1.6;transition:border-color .2s,box-shadow .2s}.text-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #4a90e21a}.text-input::placeholder{color:var(--text-tertiary)}.char-count{color:var(--text-tertiary);font-size:12px;font-weight:500;position:absolute;bottom:14px;right:18px}.char-count.over{color:var(--high-unpleasant)}.action-card{background:var(--card-bg);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding:16px 20px;font-size:15px;font-weight:500;transition:all .25s cubic-bezier(.22,1,.36,1)}.action-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.action-card:active{transform:scale(.985)}.action-card.selected{border-color:var(--brand);background:var(--brand-light);box-shadow:0 0 0 3px #4a90e21f}.action-card.write-own{border-style:dashed;border-color:var(--border-hover);color:var(--text-secondary)}.custom-action-input{border:2px solid var(--brand);border-radius:var(--radius-md);background:var(--brand-light);width:100%;color:var(--text-primary);outline:none;margin-top:12px;padding:14px 18px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:15px}.btn-primary{border-radius:var(--radius-pill);background:var(--hf-blue);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;letter-spacing:.2px;border:none;width:100%;margin-top:24px;padding:16px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:16px;font-weight:600;transition:all .25s}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-primary:active{filter:brightness(.95);transform:scale(.98)}.btn-primary:disabled{opacity:.35;cursor:not-allowed;filter:none;transform:none}.btn-accent{border-radius:var(--radius-pill);background:var(--hf-yellow);color:#5c4003;cursor:pointer;-webkit-tap-highlight-color:transparent;letter-spacing:.2px;border:none;width:100%;margin-top:24px;padding:16px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:16px;font-weight:600;transition:all .25s}.btn-accent:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-secondary{border-radius:var(--radius-pill);width:100%;color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;margin-top:8px;padding:14px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.btn-secondary:hover{background:var(--brand-light)}.summary-header{text-align:center;margin-bottom:28px}.summary-header .step-question{margin-bottom:4px}.summary-check-icon{background:var(--hf-green);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;animation:.5s cubic-bezier(.22,1,.36,1) popIn;display:flex}.energy-score-card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;margin-bottom:12px;padding:16px 18px;animation:.4s scaleIn;display:flex}.energy-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.energy-card-title{color:var(--text-primary);font-size:16px;font-weight:600}.energy-card-period{color:var(--text-secondary);font-size:12px}.energy-trend-chip{white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.energy-trend-chip.up{color:var(--low-pleasant-text,#1a5e40);background:var(--hf-green-light,#e8f8eb)}.energy-trend-chip.down{color:var(--high-unpleasant-text,#9b2c2c);background:var(--high-unpleasant-bg,#feecec)}.energy-trend-chip.flat{color:var(--text-secondary);background:var(--hover-bg,#f1f1f4)}.energy-card-mid{align-items:center;gap:16px;margin-top:14px;display:flex}.energy-battery{flex-shrink:0;align-items:center;display:flex}.energy-battery-body{border:2.5px solid var(--text-secondary);border-radius:7px;width:104px;height:46px;padding:4px;display:flex}.energy-battery-fill{border-radius:3px;height:100%;transition:width .6s}.energy-battery-cap{background:var(--text-secondary);border-radius:0 3px 3px 0;width:5px;height:17px;margin-left:1.5px}.energy-score-value{align-items:baseline;gap:2px;display:flex}.energy-score-number{font-size:32px;font-weight:700;line-height:1}.energy-score-suffix{color:var(--text-tertiary);font-size:14px;font-weight:500}.energy-spark{width:100%;height:26px;margin-top:14px;display:block;overflow:visible}.energy-card-foot{border-top:1px solid var(--border-color,#ececec);color:var(--text-secondary);align-items:center;gap:7px;margin-top:14px;padding-top:12px;font-size:12.5px;display:flex}.energy-foot-flame{color:var(--high-unpleasant,#e85d5d);flex-shrink:0}.energy-foot-strong{color:var(--text-primary);font-weight:600}.summary-card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:24px;animation:.4s scaleIn}.summary-row{align-items:flex-start;gap:12px;display:flex}.summary-row-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.summary-row-content{flex:1}.summary-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:3px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:11px;font-weight:600}.summary-value{color:var(--text-primary);font-size:15px;font-weight:500;line-height:1.4}.summary-divider{background:var(--border);height:1px;margin:14px 0}.summary-message{text-align:center;color:var(--text-secondary);margin-top:24px;font-size:14px;line-height:1.5}.quadrant-map{width:100%;max-width:340px;margin:0 auto 24px;padding:22px;position:relative}.quadrant-plot{aspect-ratio:1;border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.quadrant-cell{width:50%;height:50%;transition:opacity .3s;position:absolute}.quadrant-cell.tl{top:0;left:0}.quadrant-cell.tr{top:0;right:0}.quadrant-cell.bl{bottom:0;left:0}.quadrant-cell.br{bottom:0;right:0}.quadrant-cell.active-quadrant{opacity:1}.quadrant-cell.dimmed{opacity:.5}.quadrant-cell:before{content:"";pointer-events:none;position:absolute;inset:0}.quadrant-cell.tl:before{background:radial-gradient(120% 120% at 0 0,#e85d5d4d,#0000 72%)}.quadrant-cell.tr:before{background:radial-gradient(120% 120% at 100% 0,#ffd03873,#0000 72%)}.quadrant-cell.bl:before{background:radial-gradient(120% 120% at 0 100%,#8a94a64d,#0000 72%)}.quadrant-cell.br:before{background:radial-gradient(120% 120% at 100% 100%,#37c0984d,#0000 72%)}.quadrant-plot .axis-line-h{z-index:2;background:#fffffff2;height:2px;position:absolute;top:50%;left:0;right:0}.quadrant-plot .axis-line-v{z-index:2;background:#fffffff2;width:2px;position:absolute;top:0;bottom:0;left:50%}.axis-label{color:var(--text-secondary);z-index:3;white-space:nowrap;letter-spacing:.2px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:11px;font-weight:600;position:absolute}.axis-label.top{top:2px;left:50%;transform:translate(-50%)}.axis-label.bottom{bottom:2px;left:50%;transform:translate(-50%)}.axis-label.left{writing-mode:vertical-rl;top:50%;left:3px;transform:translateY(-50%)rotate(180deg)}.axis-label.right{writing-mode:vertical-rl;top:50%;right:3px;transform:translateY(-50%)}.quadrant-tag{letter-spacing:.2px;opacity:.85;z-index:3;pointer-events:none;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:9.5px;font-weight:600;position:absolute}.quadrant-tag.tl{color:var(--high-unpleasant-text);top:7px;left:9px}.quadrant-tag.tr{color:var(--high-pleasant-text);top:7px;right:9px}.quadrant-tag.bl{color:var(--low-unpleasant-text);bottom:7px;left:9px}.quadrant-tag.br{color:var(--low-pleasant-text);bottom:7px;right:9px}.map-dot{border:3px solid var(--text-primary);z-index:5;background:#fff;border-radius:50%;width:22px;height:22px;transition:all .6s cubic-bezier(.22,1,.36,1);position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000040}.map-dot:after{content:"";border:2px solid #fff;border-radius:50%;animation:2.5s ease-in-out infinite ringPulse;position:absolute;inset:-7px}@keyframes ringPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.6)}}.day-nav{justify-content:center;align-items:center;gap:12px;margin-bottom:16px;display:flex}.day-nav-arrow{border:1.5px solid var(--border);background:var(--card-bg);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;transition:all .2s;display:flex}.day-nav-arrow:hover{border-color:var(--brand);color:var(--brand)}.day-nav-arrow:disabled{opacity:.3;cursor:not-allowed}.day-nav-arrow:disabled:hover{border-color:var(--border);color:var(--text-secondary)}.day-nav-date{color:var(--text-primary);text-align:center;min-width:200px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:14px;font-weight:500}.day-nav-today{color:var(--brand);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.day-nav-empty{text-align:center;color:var(--text-tertiary);padding:40px 20px;font-size:14px;line-height:1.6}.history-panel{background:var(--bg);z-index:100;width:100%;max-width:480px;height:100%;padding:0 24px;transition:right .35s cubic-bezier(.22,1,.36,1);position:fixed;top:0;right:-100%;overflow-y:auto}.history-panel.open{right:0}@media (min-width:481px){.history-panel{transition:left .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1);left:100%;right:auto}.history-panel.open{left:50%;transform:translate(-50%)}}.history-overlay{-webkit-backdrop-filter:blur(4px);z-index:99;background:#1a1a2e59;display:none;position:fixed;inset:0}.history-overlay.open{display:block}.history-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:1;justify-content:space-between;align-items:center;margin-bottom:16px;padding:18px 0;display:flex;position:sticky;top:0}.history-title{color:var(--text-primary);font-size:20px;font-weight:600}.close-btn{border-radius:var(--radius-sm);background:var(--brand-light);cursor:pointer;width:36px;height:36px;color:var(--brand);border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.close-btn:hover{background:#e0ecfc}.history-item{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border-left:4px solid #0000;align-items:flex-start;gap:14px;margin-bottom:10px;padding:16px 18px;transition:all .2s;display:flex}.history-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.history-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.history-info{flex:1}.history-date{color:var(--text-secondary);margin-bottom:3px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:12px;font-weight:500}.history-emotion{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:15px;font-weight:600}.history-quadrant-tag{border-radius:6px;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.history-action{color:var(--text-secondary);margin-top:6px;font-size:13px;line-height:1.4}.history-empty{text-align:center;color:var(--text-secondary);padding:56px 24px;font-size:14px;line-height:1.6}.history-empty-icon{background:var(--brand-light);width:48px;height:48px;color:var(--brand);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.welcome-banner{background:var(--hf-blue);border-radius:var(--radius-lg);color:#fff;margin-bottom:28px;padding:24px;position:relative;overflow:hidden}.welcome-banner:before{content:"";background:#ffffff1a;border-radius:50%;width:100px;height:100px;position:absolute;top:-20px;right:-20px}.welcome-banner:after{content:"";background:#ffffff0f;border-radius:50%;width:80px;height:80px;position:absolute;bottom:-30px;left:30%}.welcome-greeting{opacity:.85;margin-bottom:4px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:14px;font-weight:500}.welcome-question{z-index:1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:22px;font-weight:700;line-height:1.25;position:relative}.login-page{justify-content:center;align-items:center;width:100%;max-width:480px;min-height:100dvh;padding:24px;display:flex}.login-container{text-align:center;width:100%}.login-logo{justify-content:center;align-items:center;gap:12px;margin-bottom:32px;display:flex}.login-logo-img{width:48px;height:48px}.login-logo-horizontal{object-fit:contain;width:auto;height:40px}.login-logo-text{text-align:left;flex-direction:column;display:flex}.login-title{color:var(--text-primary);margin-bottom:8px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:24px;font-weight:600}.login-hint{color:var(--text-secondary);margin-bottom:24px;font-size:15px;line-height:1.5}.login-form{width:100%}.login-input{border:2px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);width:100%;color:var(--text-primary);outline:none;padding:16px 18px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:16px;transition:border-color .2s,box-shadow .2s}.login-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #4a90e21a}.login-input::placeholder{color:var(--text-tertiary)}.login-error{color:var(--high-unpleasant);margin-top:16px;font-size:14px}.login-sent{animation:.4s fadeSlideIn}.login-sent-icon{background:var(--hf-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;animation:.5s cubic-bezier(.22,1,.36,1) popIn;display:flex}.otp-inputs{justify-content:center;gap:8px;margin-top:20px;display:flex}.otp-digit{border:2px solid var(--border,#e0e0e0);border-radius:var(--radius-md,12px);text-align:center;width:46px;height:56px;color:var(--text-primary);background:var(--card-bg,#fff);caret-color:var(--brand,#4a90e2);outline:none;font-family:inherit;font-size:24px;font-weight:700;transition:border-color .2s,box-shadow .2s}.otp-digit:focus{border-color:var(--brand,#4a90e2);box-shadow:0 0 0 3px #4a90e226}.otp-digit-error{border-color:var(--high-unpleasant,#e57373);animation:.4s shake}.btn-text{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-family:inherit;font-size:14px}.btn-text:hover{color:var(--text-primary)}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.onboarding-page{justify-content:center;align-items:center;width:100%;max-width:480px;min-height:100dvh;padding:24px;display:flex}.onboarding-container{text-align:center;width:100%}.onboarding-title{color:var(--text-primary);margin-bottom:8px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:24px;font-weight:600}.onboarding-hint{color:var(--text-secondary);margin-bottom:24px;font-size:15px;line-height:1.5}.onboarding-form{text-align:left;width:100%}.form-field{margin-bottom:16px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:13px;font-weight:600;display:block}.initials-preview{flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;animation:.4s popIn;display:flex}.initials-dot{background:var(--hf-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:18px;font-weight:700;display:flex}.initials-label{color:var(--text-tertiary);font-size:13px}.onboarding-divider{align-items:center;gap:12px;width:100%;margin:20px 0;display:flex}.onboarding-divider:before,.onboarding-divider:after{content:"";background:var(--border);flex:1;height:1px}.onboarding-divider span{color:var(--text-tertiary);text-transform:lowercase;font-size:13px}.team-map{min-height:280px}.team-dot{cursor:default;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:left .6s cubic-bezier(.22,1,.36,1),top .6s cubic-bezier(.22,1,.36,1),background .5s,opacity .4s,transform .2s;display:flex;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000026}.team-dot:hover{z-index:10;transform:translate(-50%,-50%)scale(1.15)}.team-dot.dot-selected{z-index:11;transform:translate(-50%,-50%)scale(1.2);box-shadow:0 0 0 3px #ffffffe6,0 0 12px #0000004d}.team-dot.dot-selected:hover{transform:translate(-50%,-50%)scale(1.25)}.team-dot.dot-enter{animation:.5s cubic-bezier(.22,1,.36,1) forwards dotFadeIn}@keyframes dotFadeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.team-dot.dot-exit{opacity:0;pointer-events:none;transition:opacity .4s,transform .4s;transform:translate(-50%,-50%)scale(.3)}.dot-initials{color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:11px;font-weight:700;line-height:1}.map-selector{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding-bottom:12px;display:flex;overflow-x:auto}.map-selector::-webkit-scrollbar{display:none}.map-selector-pill{white-space:nowrap;border:1.5px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:20px;padding:6px 14px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:13px;font-weight:500;transition:all .15s}.map-selector-pill.active{background:var(--brand);color:#fff;border-color:var(--brand)}.team-map-empty{text-align:center;color:var(--text-tertiary);z-index:5;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.team-summary{box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;margin-top:16px;padding:16px 20px}.team-summary-title{color:var(--text-primary);margin:0 0 12px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:15px;font-weight:600}.team-summary-row{align-items:center;gap:10px;padding:6px 0;display:flex}.team-summary-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.team-summary-label{color:var(--text-secondary);flex:1;font-size:14px}.team-summary-count{color:var(--text-primary);text-align:right;min-width:24px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:15px;font-weight:600}.team-members-list{box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;margin-top:12px;padding:16px 20px}.team-member-row{align-items:center;gap:12px;padding:8px 0;display:flex}.team-member-row+.team-member-row{border-top:1px solid var(--border)}.team-member-row.member-enter{animation:.5s cubic-bezier(.22,1,.36,1) forwards memberSlideIn}@keyframes memberSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.team-member-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:12px;font-weight:700;display:flex}.team-member-info{flex:1;min-width:0}.team-member-name{color:var(--text-primary);font-size:14px;font-weight:600}.team-member-emotions{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.needs-attention-flag{flex-shrink:0;margin-left:auto;margin-right:4px;font-size:14px;animation:2s ease-in-out infinite attentionPulse}@keyframes attentionPulse{0%,to{opacity:1}50%{opacity:.4}}.dot-needs-attention{position:relative}.hug-banner{color:#8a5a3b;background:#fff1e8;border:1px solid #fad9c5;border-radius:14px;margin-top:12px;padding:12px 14px;font-size:14px;line-height:1.45}.dot-needs-attention:after{content:"🤗";filter:drop-shadow(0 1px 1px #00000026);font-size:12px;line-height:1;animation:2.4s ease-in-out infinite attentionPulse;position:absolute;top:-11px;right:-11px}.person-detail-view{flex-direction:column;gap:8px;padding-bottom:24px;display:flex}.person-detail-header{align-items:center;gap:14px;padding:4px 0 12px;display:flex}.person-detail-back{color:var(--hf-blue);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:4px;padding:6px 2px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.person-detail-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:700;display:flex}.person-detail-name{color:var(--text-primary);font-size:18px;font-weight:700}.person-checkin-card{background:var(--card-bg);box-shadow:var(--shadow-sm);border-radius:14px;margin:0 16px 10px;overflow:hidden}.person-checkin-date{color:var(--text-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:600;display:flex}.person-checkin-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.person-checkin-label{flex:1}.person-checkin-body{flex-direction:column;gap:2px;padding:0 16px 14px;display:flex}.person-checkin-body .summary-row{padding:10px 0}.person-history-section{margin-top:4px}.person-history-heading{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0;padding:8px 20px 4px;font-size:13px;font-weight:600}.settings-section{box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;margin-bottom:12px;padding:20px}.settings-section-title{color:var(--text-primary);margin:0 0 12px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:15px;font-weight:600}.settings-form{flex-direction:column;gap:12px;display:flex}.settings-info{flex-direction:column;gap:8px;display:flex}.settings-email{color:var(--text-primary);margin:0;font-weight:600}.settings-hint{color:var(--text-tertiary);margin:0;font-size:13px;line-height:1.5}.locale-options{flex-direction:column;gap:8px;margin-top:12px;display:flex}.locale-option{background:var(--bg-card,#fff);border:1.5px solid var(--border,#e6e9ef);width:100%;color:var(--text-primary,#1a1d23);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:15px;transition:border-color .15s,background .15s;display:flex}.locale-option:hover:not(:disabled){border-color:var(--brand)}.locale-option.selected{border-color:var(--brand);background:var(--hf-blue-light,#eef5ff);font-weight:600}.locale-option:disabled{opacity:.6;cursor:default}.locale-flag{font-size:20px;line-height:1}.locale-name{flex:1}.locale-check{flex-shrink:0}.settings-team-row{cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;justify-content:space-between;align-items:center;padding:12px 0;font-size:14px;font-weight:500;display:flex}.settings-team-item{align-items:center;gap:8px;display:flex}.settings-team-item+.settings-team-item{border-top:1px solid var(--border)}.settings-team-item .settings-team-row{flex:1;width:auto;min-width:0}.settings-team-row svg{color:var(--text-tertiary)}.btn-leave-team{color:#b92a2a;cursor:pointer;background:0 0;border:1px solid #e5bcbc;border-radius:8px;flex-shrink:0;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s}.btn-leave-team:hover{background:#fce4e4}.btn-leave-team:disabled{opacity:.5;cursor:default}.settings-message{text-align:center;color:var(--hf-green);padding:10px;font-size:13px;font-weight:500}.settings-logout{color:var(--high-unpleasant);border-color:var(--high-unpleasant-bg);margin-top:8px}.settings-logout:hover{background:var(--high-unpleasant-bg)}.team-qr-section{text-align:center;border:1px solid var(--border);background:#fff;border-radius:16px;margin-top:16px;padding:20px}.team-qr-hint{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.team-qr-img{border:1px solid var(--border);border-radius:12px}.team-invite-url{background:var(--bg-secondary,#f5f5f5);border:1px solid var(--border-color,#e0e0e0);cursor:pointer;border-radius:10px;align-items:center;gap:8px;width:100%;max-width:340px;margin-top:12px;padding:10px 14px;transition:background .15s;display:flex}.team-invite-url:active{background:var(--border-color,#e0e0e0)}.team-invite-url-text{color:var(--text-secondary);word-break:break-all;flex:1;min-width:0;font-size:13px;line-height:1.4}.team-invite-inline{background:var(--card-bg,#fff);border-radius:var(--radius-lg,16px);border:1px solid var(--border,#eee);flex-direction:column;align-items:center;gap:10px;margin-top:16px;padding:16px;display:flex}.team-invite-inline-label{color:var(--text-secondary,#666);font-size:14px;font-weight:600}.team-invite-inline-qr{border:1px solid var(--border,#eee);border-radius:10px;width:120px;height:120px}.focus-input{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);width:100%;color:var(--text-primary);outline:none;padding:14px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.focus-input::placeholder{color:var(--text-tertiary)}.focus-input:focus{border-color:var(--hf-blue);background:var(--card-bg);box-shadow:0 0 0 3px #4a8cff1a}.token-created{background:var(--hf-blue-light);border:1px solid var(--hf-blue);border-radius:var(--radius-md);margin-top:12px;padding:14px}.token-field{margin-bottom:10px}.token-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.token-value-row{align-items:center;gap:8px;display:flex}.token-value{background:var(--card-bg);border:1px solid var(--border);min-width:0;color:var(--text-primary);white-space:nowrap;border-radius:8px;flex:1;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:12px;overflow-x:auto}.token-value.token-secret{color:var(--hf-blue-dark);font-weight:600}.btn-copy{background:var(--hf-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.btn-copy:hover{background:var(--hf-blue-dark)}.token-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.token-row{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.token-row.token-revoked{opacity:.55}.token-row-main{flex:1;min-width:0}.token-row-name{color:var(--text-primary);font-size:14px;font-weight:600}.token-row-meta{color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;font-size:12px;display:flex}.token-row-meta code{color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace}.token-badge{color:#b92a2a;background:#fce4e4;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.btn-revoke{color:#b92a2a;cursor:pointer;background:0 0;border:1px solid #e5bcbc;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s}.btn-revoke:hover{background:#fce4e4}.coach-card{background:var(--hf-green-light);text-align:left;border:1px solid #cdebd2;border-radius:16px;margin-bottom:20px;padding:16px 18px}.coach-label{color:var(--hf-green);margin-bottom:6px;font-size:12px;font-weight:700}.coach-intro{color:var(--text-secondary);margin:0 0 2px;font-size:14px}.coach-action{color:var(--text-primary);margin:0 0 14px;font-size:16px;font-weight:600;line-height:1.4}.coach-rate{justify-content:space-between;align-items:center;gap:12px;display:flex}.coach-rate-label{color:var(--text-secondary);font-size:12px}.coach-rate-buttons{gap:8px;display:flex}.coach-thumb{cursor:pointer;background:#fff;border:1px solid #cdebd2;border-radius:10px;padding:6px 14px;font-size:18px;line-height:1;transition:background .15s,transform .1s}.coach-thumb:hover{background:#f3fbf4;transform:scale(1.08)}.coach-thumb:active{transform:scale(.96)}.coach-thanks{color:var(--hf-green);padding:6px 0 2px;font-size:14px;font-weight:600}.coach-puterful{text-align:left;background:#1c1b22;border:1px solid #34323d;border-radius:12px;margin-top:12px;padding:14px 16px;animation:.32s cubic-bezier(.22,1,.36,1) puterful-in}@keyframes puterful-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.coach-puterful-label{color:#c9a8ff;margin-bottom:8px;font-size:12px;font-weight:700}.coach-puterful .coach-intro{color:#b6b4c2}.coach-puterful .coach-action{color:#f4f3f8;margin-bottom:8px}.coach-puterful .coach-thanks{color:#7e7b8c;padding:2px 0 0;font-size:12px;font-weight:500}.onboarding-about-link,.onboarding-footer a,.settings-about-footer a{color:var(--hf-blue);font-weight:600;text-decoration:none}.onboarding-footer,.settings-about-footer{text-align:center;color:var(--text-tertiary);margin-top:20px;font-size:13px}.about-page{background:var(--bg,#f7f9fc);min-height:100dvh;overflow-y:auto}.about-container{max-width:640px;margin:0 auto;padding:20px 20px 48px}.about-back{color:var(--hf-blue);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:8px;padding:8px 0;font-family:inherit;font-size:15px;font-weight:600;display:inline-flex}.about-hero{text-align:center;padding:8px 0 12px}.about-logo{border-radius:14px;width:56px;height:56px}.about-title{color:var(--text-primary);margin:12px 0 8px;font-size:28px;font-weight:800}.about-lead{color:var(--text-secondary);margin:0;font-size:16px;line-height:1.5}.about-section{margin-top:28px}.about-h2{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:700}.about-section p{color:var(--text-secondary);margin:0 0 10px;font-size:15px;line-height:1.6}.about-link{color:var(--hf-blue);margin-top:4px;font-weight:600;text-decoration:none;display:inline-block}.about-cta{background:var(--hf-green-light);text-align:center;border:1px solid #cdebd2;border-radius:18px;margin-top:32px;padding:22px 20px}.about-cta-title{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:800}.about-cta-text{color:var(--text-secondary);margin:0 0 16px;font-size:14px;line-height:1.55}.about-cta-btn{background:var(--hf-green);color:#fff;border-radius:12px;padding:12px 22px;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}.about-footer{text-align:center;color:var(--text-tertiary);margin-top:32px;font-size:13px}.landing-page{background:var(--bg,#f7f9fc);min-height:100dvh;overflow-y:auto}.landing-container{max-width:640px;margin:0 auto;padding:32px 20px 56px}.landing-hero{text-align:center;padding:8px 0 4px}.landing-brand{justify-content:center;align-items:center;gap:10px;display:flex}.landing-brand-logo{border-radius:10px;width:40px;height:40px}.landing-brand-name{color:var(--text-primary);letter-spacing:-.2px;font-size:19px;font-weight:800}.landing-tagline{color:var(--text-secondary);margin:6px 0 0;font-size:14px;font-weight:600}.landing-title{color:var(--text-primary);margin:16px 0 12px;font-size:30px;font-weight:800;line-height:1.2}.landing-lead{color:var(--text-secondary);max-width:520px;margin:0 auto 24px;font-size:17px;line-height:1.5}.landing-cta{background:var(--hf-blue);color:#fff;border-radius:var(--radius-pill);letter-spacing:.2px;padding:16px 32px;font-size:17px;font-weight:700;text-decoration:none;transition:filter .2s,transform .2s;display:inline-block}.landing-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}.landing-cta-sub{color:var(--text-tertiary);margin:12px 0 0;font-size:13px}.landing-steps{flex-direction:column;gap:12px;margin:16px 0;display:flex}.landing-step{background:var(--card-bg,#fff);border:1px solid var(--border,#eee);border-radius:var(--radius-lg,16px);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.landing-step-emoji{margin-bottom:2px;font-size:22px}.landing-step strong{color:var(--text-primary);font-size:15px}.landing-step span:last-child{color:var(--text-secondary);font-size:14px}.landing-ritual{background:var(--hf-green-light);border:1px solid #cdebd2;border-radius:18px;margin:16px 0;padding:18px 20px}.landing-ritual-title{color:var(--text-primary);margin:0 0 6px;font-size:16px;font-weight:800}.landing-ritual p{color:var(--text-secondary);margin:0 0 10px;font-size:14px;line-height:1.55}.landing-ritual-list{margin:0 0 10px;padding-left:20px}.landing-ritual-list li{color:var(--text-secondary);margin-bottom:8px;font-size:14px;line-height:1.55}.landing-ritual-foot{font-style:italic;margin-bottom:0!important}.landing-ritual a{color:var(--hf-blue);font-weight:600}.landing-pillars{flex-direction:column;gap:14px;margin-top:8px;display:flex}.landing-pillar{align-items:flex-start;gap:12px;display:flex}.landing-pillar-emoji{flex-shrink:0;font-size:24px;line-height:1.2}.landing-pillar strong{color:var(--text-primary);margin-bottom:2px;font-size:15px;display:block}.landing-pillar p{color:var(--text-secondary);margin:0!important;font-size:14px!important;line-height:1.5!important}.landing-final-cta{text-align:center;margin-top:32px}@media (min-width:520px){.landing-title{font-size:34px}.landing-steps{flex-direction:row}.landing-step{flex:1}}.wizard-page{background:var(--bg,#f7f9fc);justify-content:center;min-height:100dvh;padding:32px 24px 48px;display:flex;overflow-y:auto}.wizard-container{text-align:center;width:100%;max-width:480px}.wizard-dots{justify-content:center;gap:8px;margin:4px 0 20px;display:flex}.wizard-dot{background:var(--border,#ddd);border-radius:50%;width:8px;height:8px;transition:background .25s,transform .25s}.wizard-dot.active{background:var(--hf-blue);transform:scale(1.25)}.wizard-dot.done{background:var(--hf-blue);opacity:.5}.wizard-consent{text-align:left;color:var(--text-secondary);align-items:flex-start;gap:10px;margin-top:8px;font-size:13px;line-height:1.45;display:flex}.wizard-consent input{width:18px;height:18px;accent-color:var(--hf-blue);flex-shrink:0;margin-top:2px}.wizard-consent a{color:var(--hf-blue);font-weight:600}.wizard-skip{margin-top:12px}.wizard-note{background:var(--hf-green-light);color:var(--text-secondary);border:1px solid #cdebd2;border-radius:12px;margin:0 0 16px;padding:12px 14px;font-size:13px;line-height:1.45}.save-banner{background:var(--hf-yellow-light);border:1px solid var(--hf-yellow);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 16px 0;padding:12px 14px;display:flex}.save-banner-text{color:var(--text-primary);flex:220px;font-size:13px;line-height:1.45}.save-banner-actions{align-items:center;gap:8px;display:flex}.save-banner-cta{background:var(--hf-yellow-dark);color:var(--text-primary);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:none;padding:8px 14px;font-size:13px;font-weight:600}.save-banner-dismiss{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:8px 6px;font-size:13px}.personal-confirm{background:var(--hf-yellow-light);border:1px solid var(--hf-yellow);border-radius:var(--radius-md);margin-top:20px;padding:16px 18px}.personal-confirm-text{color:var(--text-primary);margin:0 0 14px;font-size:14px;line-height:1.5}.share-error-banner{background:var(--hf-yellow-light);border:1px solid var(--hf-yellow);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.share-error-text{color:var(--text-primary);flex:220px;font-size:13px;line-height:1.45}.share-error-retry{background:var(--hf-yellow-dark);color:var(--text-primary);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:none;padding:8px 14px;font-size:13px;font-weight:600}.share-error-retry:disabled{opacity:.6;cursor:default}.save-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:200;background:#1a1a2e59;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.save-modal{background:var(--card-bg);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-lg);padding:24px 20px 20px;position:relative}.save-modal-close{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1;position:absolute;top:10px;right:12px}.save-modal-title{color:var(--text-primary);margin:0 0 8px;font-size:19px;font-weight:600}.save-modal-hint{color:var(--text-secondary);margin:0 0 16px;font-size:14px;line-height:1.5}.save-modal-form{flex-direction:column;gap:10px;display:flex}.landing-login-line{color:var(--text-secondary);text-align:center;margin-top:14px;font-size:14px}.landing-login-line a{color:var(--hf-blue);font-weight:600;text-decoration:none}.pc{border-radius:var(--radius-lg);background:var(--hf-blue-light);border:1px solid var(--border);text-align:left;padding:20px}.pc--card{box-shadow:var(--shadow-sm);margin:20px 0 4px}.pc--settings{background:var(--bg)}.pc-head{align-items:flex-start;gap:14px;display:flex}.pc-icon{border-radius:var(--radius-md);background:var(--hf-teal);flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.pc-title{color:var(--text-primary);margin:0 0 2px;font-size:16px;font-weight:600}.pc-sub{color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.5}.pc-steps{flex-direction:column;gap:10px;margin:16px 0 0;padding:0;list-style:none;display:flex}.pc-steps li{color:var(--text-primary);align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.pc-num{border-radius:var(--radius-pill);background:var(--low-pleasant-bg);width:22px;height:22px;color:var(--low-pleasant-text);flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.pc-share{font-size:15px}.pc-btn{border-radius:var(--radius-pill);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;width:100%;margin-top:16px;padding:14px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s}.pc-btn--primary{background:var(--hf-teal);color:#fff}.pc-btn--primary:hover{filter:brightness(1.06)}.pc-btn--primary:active{transform:scale(.98)}.pc-btn--ghost{border:1px solid var(--border-hover);color:var(--text-secondary);background:0 0}.pc-btn:disabled{opacity:.5;cursor:not-allowed}.pc-feedback{color:var(--low-pleasant-text);margin:12px 0 0;font-size:13.5px;line-height:1.5}.pc-snooze{width:100%;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;margin-top:8px;padding:8px;font-family:inherit;font-size:13px;font-weight:500}.pc-prefs{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:16px;padding-top:12px;display:flex}.pc-pref-row{color:var(--text-primary);justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.pc-pref-row select{border:1px solid var(--border-hover);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-primary);padding:8px 10px;font-family:inherit;font-size:14px}.pc-pref-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--hf-teal)}.settings-acc{box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;margin-bottom:12px}.settings-acc-summary{cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:10px;min-height:44px;padding:16px 20px;list-style:none;display:flex}.settings-acc-summary::-webkit-details-marker{display:none}.settings-acc-title{color:var(--text-primary);flex:1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:15px;font-weight:600}.settings-acc-value{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:45%;font-size:13px;overflow:hidden}.settings-acc-chevron{color:var(--text-secondary);flex-shrink:0;transition:transform .2s}.settings-acc[open]>.settings-acc-summary .settings-acc-chevron{transform:rotate(180deg)}.settings-acc-body{padding:0 20px 20px}.settings-subdivider{background:#f0f0f0;height:1px;margin:16px 0}.settings-subtitle{color:var(--text-secondary);margin:0 0 8px;font-size:13px;font-weight:600}.settings-team-block+.settings-team-block{margin-top:4px}.settings-team-name{align-items:center;gap:8px;min-width:0;display:inline-flex}.role-badge{border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.role-badge--admin{background:var(--hf-yellow-light);color:var(--high-pleasant-text)}.btn-manage-team{border:1px solid var(--brand-light);background:var(--brand-light);min-height:32px;color:var(--brand);cursor:pointer;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:600}.btn-manage-team:hover,.btn-manage-team.active{background:var(--brand);color:#fff}.team-manage{background:#fafbfc;border:1px solid #f0f0f0;border-radius:12px;flex-direction:column;gap:12px;margin:8px 0 4px;padding:14px;display:flex}.team-invite-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.team-invite-code{letter-spacing:1.5px;background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:700}.member-list{flex-direction:column;display:flex}.member-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex}.member-row:last-child{border-bottom:none}.member-name{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:6px;min-width:0;font-size:14px;display:inline-flex}.member-you{color:var(--text-secondary);font-size:12px}.member-actions{flex-shrink:0;gap:6px;display:flex}.btn-mini{min-height:32px;color:var(--text-primary);cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600}.btn-mini:hover:not(:disabled){background:#f5f5f5}.btn-mini:disabled{opacity:.5;cursor:default}.btn-mini--danger{color:#c62828;border-color:#f3c1c1}.btn-mini--danger:hover:not(:disabled){background:#fce4e4}.agent-tabs{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.agent-tab{min-height:32px;color:var(--text-primary);cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600}.agent-tab.active{background:var(--hf-yellow);border-color:var(--hf-yellow)}.token-value--block{white-space:pre;display:block;overflow-x:auto}.main-content--top{justify-content:flex-start;padding-top:8px}.settings-team-row--static{cursor:default}.settings-acc-chevron.rotated{transform:rotate(180deg)}.team-identity-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.team-org-line{color:var(--text-secondary);font-size:12px}.team-rename-row{align-items:center;gap:6px;display:flex}.team-rename-row .login-input{flex:1;min-width:0}.team-danger-row{border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:8px;padding-top:12px;display:flex}.team-bench{background:var(--center-bg);border:1px dashed #d5dae3;border-radius:14px;max-width:420px;margin:10px auto 0;padding:10px 14px 12px}.team-bench-label{color:var(--low-unpleasant);letter-spacing:.3px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600}.team-bench-chips{flex-wrap:wrap;gap:10px 14px;display:flex}.team-bench-chip{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.team-bench-avatar{background:var(--center);color:#fff;opacity:.85;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;transition:opacity .15s,transform .15s;display:flex}.team-bench-chip:hover .team-bench-avatar{opacity:1;transform:scale(1.06)}.team-bench-name{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;max-width:64px;font-size:11px;overflow:hidden}.focus-prev{margin-bottom:14px}.focus-prev-label{color:var(--text-tertiary);margin-bottom:6px;font-size:12px}.focus-prev-chips{flex-wrap:wrap;gap:6px;display:flex}.focus-prev-chip{min-height:34px;color:var(--text-primary);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e0e0e0;border-radius:999px;max-width:100%;padding:7px 12px;font-size:13px;overflow:hidden}.focus-prev-chip.active{background:var(--hf-yellow-light);border-color:var(--hf-yellow);font-weight:600}.ritual-card{background:var(--hf-yellow-light);border:1px solid var(--hf-yellow);border-radius:14px;flex-direction:column;gap:10px;max-width:420px;margin:10px auto 0;padding:14px 16px;display:flex}.ritual-card-title{color:var(--text-primary);font-size:14px;font-weight:700}.ritual-card-body{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.ritual-options{flex-wrap:wrap;gap:8px;display:flex}.ritual-option{min-width:140px;color:var(--text-primary);cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:10px;flex:1;padding:10px 12px;font-size:13px;font-weight:600}.ritual-option.active{border-color:var(--hf-yellow-dark);background:var(--hf-yellow)}.ritual-time-row{align-items:center;gap:10px;display:flex}.ritual-time-label{color:var(--text-secondary);font-size:13px}.ritual-time-input{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:8px 10px;font-size:15px;font-weight:600}.ritual-actions{gap:8px;display:flex}.ritual-actions .btn-primary,.ritual-actions .btn-secondary{flex:1}.ritual-line{text-align:center;width:100%;max-width:420px;color:var(--text-secondary);background:var(--hf-yellow-light);cursor:default;border:1px solid #0000;border-radius:999px;margin:10px auto 0;padding:8px 14px;font-size:13px;font-weight:600;display:block}.ritual-line--editable{cursor:pointer}.ritual-line--editable:hover{border-color:var(--hf-yellow)}.team-ritual-edit{flex-direction:column;gap:8px;display:flex}.team-ritual-time-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}