:root{--color-label:#000;--color-label-secondary:#3c3c43;--color-label-tertiary:#3c3c4399;--color-label-quaternary:#3c3c432e;--color-background:#fff;--color-background-secondary:#f2f2f7;--color-background-tertiary:#fff;--color-fill:#787880;--color-fill-secondary:#78788014;--color-fill-tertiary:#7878800a;--color-fill-quaternary:#74748005;--color-separator:#3c3c4349;--color-separator-opaque:#c6c6c8;--color-link:#007aff;--color-link-hover:#0051d5;--color-success:#34c759;--color-warning:#ff9500;--color-error:#ff3b30;--color-info:#007aff;--accent-mint:#03989e;--accent-green:#34c759;--accent-yellow:#ff9500;--accent-red:#ff3b30;--accent-purple:#af52de;--accent-orange:#ff9500;--glass-highlight:hsla(0,0%,100%,.25);--glass-background:hsla(0,0%,100%,.1);--glass-border:hsla(0,0%,100%,.18);--card:var(--color-background);--card-secondary:var(--color-background-secondary);--border:var(--color-separator);--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--duration-fast:150ms;--duration-normal:200ms;--duration-slow:300ms;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1)}[data-theme=light]{--color-label:#000;--color-label-secondary:#3c3c43;--color-label-tertiary:#3c3c4399;--color-label-quaternary:#3c3c432e;--color-background:#fff;--color-background-secondary:#f2f2f7;--color-background-tertiary:#fff;--color-fill:#787880;--color-fill-secondary:#78788014;--color-fill-tertiary:#7878800a;--color-fill-quaternary:#74748005;--color-separator:#3c3c4349;--color-separator-opaque:#c6c6c8;--glass-highlight:hsla(0,0%,100%,.25);--glass-background:hsla(0,0%,100%,.1);--glass-border:hsla(0,0%,100%,.18);--card:var(--color-background);--card-secondary:var(--color-background-secondary);--border:var(--color-separator)}[data-theme=dark]{--color-label:#fff;--color-label-secondary:#ebebf5;--color-label-tertiary:#ebebf599;--color-label-quaternary:#ebebf52e;--color-background:#000;--color-background-secondary:#1c1c1e;--color-background-tertiary:#2c2c2e;--color-fill:#787880;--color-fill-secondary:#78788029;--color-fill-tertiary:#7878801f;--color-fill-quaternary:#74748014;--color-separator:#54545899;--color-separator-opaque:#38383a;--glass-highlight:hsla(0,0%,100%,.1);--glass-background:rgba(0,0,0,.3);--glass-border:hsla(0,0%,100%,.1);--card:var(--color-background-secondary);--card-secondary:var(--color-background-tertiary);--border:var(--color-separator);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -4px rgba(0,0,0,.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.3),0 8px 10px -6px rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-label:#fff;--color-label-secondary:#ebebf5;--color-label-tertiary:#ebebf599;--color-label-quaternary:#ebebf52e;--color-background:#000;--color-background-secondary:#1c1c1e;--color-background-tertiary:#2c2c2e;--color-fill:#787880;--color-fill-secondary:#78788029;--color-fill-tertiary:#7878801f;--color-fill-quaternary:#74748014;--color-separator:#54545899;--color-separator-opaque:#38383a;--glass-highlight:hsla(0,0%,100%,.1);--glass-background:rgba(0,0,0,.3);--glass-border:hsla(0,0%,100%,.1);--card:var(--color-background-secondary);--card-secondary:var(--color-background-tertiary);--border:var(--color-separator);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -4px rgba(0,0,0,.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.3),0 8px 10px -6px rgba(0,0,0,.3)}}@media (prefers-contrast:high){:root{--color-separator:var(--color-label);--border:var(--color-label)}}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0ms;--duration-normal:0ms;--duration-slow:0ms}}.suggestion-card{background:linear-gradient(180deg,var(--glass-highlight),transparent),var(--card);backdrop-filter:saturate(140%) blur(22px);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.suggestion-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.suggestion-card.warning{border-color:var(--accent-yellow);background:linear-gradient(180deg,rgba(255,149,0,.1),transparent),var(--card)}.suggestion-card.tip{border-color:var(--accent-mint);background:linear-gradient(180deg,rgba(0,122,255,.1),transparent),var(--card)}.suggestion-card.improvement,.suggestion-card.success{border-color:var(--accent-green);background:linear-gradient(180deg,rgba(52,199,89,.1),transparent),var(--card)}.suggestion-card.shortcut{border-color:var(--accent-purple);background:linear-gradient(180deg,rgba(175,82,222,.1),transparent),var(--card)}.suggestion-card.best-practice{border-color:var(--accent-green);background:linear-gradient(180deg,rgba(52,199,89,.1),transparent),var(--card)}.suggestions-floating{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);z-index:var(--z-toast);max-width:380px;width:100%;pointer-events:none}.suggestions-floating .suggestion-card{pointer-events:auto;margin-bottom:var(--spacing-3);animation:slideInRight var(--duration-normal) var(--ease-out)}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.suggestions-inline{margin:var(--spacing-4) 0}.suggestions-inline .suggestion-card{margin-bottom:var(--spacing-3)}.suggestion-content{padding:var(--spacing-4);display:flex;align-items:flex-start;gap:var(--spacing-3)}.suggestion-icon{flex-shrink:0;margin-top:var(--spacing-1);width:20px;height:20px}.suggestion-icon.warning{color:var(--accent-yellow)}.suggestion-icon.tip{color:var(--accent-mint)}.suggestion-icon.best-practice,.suggestion-icon.improvement,.suggestion-icon.success{color:var(--accent-green)}.suggestion-icon.shortcut{color:var(--accent-purple)}.suggestion-body{flex:1;min-width:0}.suggestion-title{font-weight:600;font-size:var(--font-size-sm);color:var(--color-label);margin-bottom:var(--spacing-1);line-height:var(--line-height-tight)}.suggestion-description{font-size:var(--font-size-sm);color:var(--color-label-secondary);line-height:var(--line-height-normal);margin-bottom:var(--spacing-3)}.suggestion-context{display:inline-block;font-size:var(--font-size-xs);color:var(--color-label-tertiary);background:var(--color-fill-secondary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);margin-top:var(--spacing-2)}.suggestion-actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-3)}.suggestion-dismiss{flex-shrink:0;margin-left:var(--spacing-2);color:var(--color-label-tertiary);transition:color var(--duration-fast) var(--ease-out);background:none;border:none;padding:var(--spacing-1);border-radius:var(--radius-sm);cursor:pointer}.suggestion-dismiss:hover{color:var(--color-label);background:var(--color-fill-secondary)}.suggestion-action-btn{font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--color-background);color:var(--color-label);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:inline-flex;align-items:center;gap:var(--spacing-1)}.suggestion-action-btn:hover{background:var(--color-fill-secondary);transform:translateY(-1px)}@media (max-width:768px){.suggestions-floating{bottom:var(--spacing-4);right:var(--spacing-4);left:var(--spacing-4);max-width:none}.suggestion-content{padding:var(--spacing-3)}}@media (prefers-contrast:high){.suggestion-card{border-width:2px}.suggestion-card.warning{border-color:var(--accent-yellow);background:var(--card)}.suggestion-card.tip{border-color:var(--accent-mint);background:var(--card)}.suggestion-card.best-practice,.suggestion-card.improvement,.suggestion-card.success{border-color:var(--accent-green);background:var(--card)}.suggestion-card.shortcut{border-color:var(--accent-purple);background:var(--card)}}.tour-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:var(--z-modal-backdrop);pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out)}.tour-highlight{position:relative;z-index:calc(var(--z-modal-backdrop) + 1);box-shadow:0 0 0 4px var(--accent-mint),0 0 20px rgba(0,122,255,.3);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out)}.tour-tooltip{position:fixed;z-index:var(--z-modal);max-width:320px;min-width:280px;background:linear-gradient(180deg,var(--glass-highlight),transparent),var(--card);backdrop-filter:saturate(140%) blur(22px);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:tourTooltipSlideIn var(--duration-normal) var(--ease-out)}@keyframes tourTooltipSlideIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tour-tooltip-content{padding:var(--spacing-4)}.tour-tooltip-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.tour-tooltip-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-label);margin:0;line-height:var(--line-height-tight)}.tour-tooltip-progress{font-size:var(--font-size-xs);color:var(--color-label-secondary);background:var(--color-fill-secondary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);white-space:nowrap}.tour-tooltip-body{margin-bottom:var(--spacing-4)}.tour-tooltip-description{font-size:var(--font-size-sm);color:var(--color-label-secondary);line-height:var(--line-height-normal);margin:0}.tour-tooltip-footer{display:flex;gap:var(--spacing-2);justify-content:flex-end;flex-wrap:wrap}.tour-btn{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:none;display:inline-flex;align-items:center;gap:var(--spacing-1);min-height:36px}.tour-btn:focus{outline:none;ring:2px solid var(--accent-mint);ring-offset:2px}.tour-btn-primary{background:var(--accent-mint);color:#fff}.tour-btn-primary:hover{background:var(--color-link-hover);transform:translateY(-1px)}.tour-btn-secondary{background:var(--color-fill-secondary);color:var(--color-label);border:1px solid var(--border)}.tour-btn-secondary:hover{background:var(--color-fill-tertiary);transform:translateY(-1px)}.tour-btn-ghost{background:transparent;color:var(--color-label-secondary)}.tour-btn-ghost:hover{background:var(--color-fill-secondary);color:var(--color-label)}.tour-progress{position:fixed;top:var(--spacing-4);left:50%;transform:translateX(-50%);z-index:var(--z-modal);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-full);padding:var(--spacing-2) var(--spacing-4);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--spacing-3)}.tour-progress-bar{width:120px;height:4px;background:var(--color-fill-secondary);border-radius:var(--radius-full);overflow:hidden}.tour-progress-fill{height:100%;background:var(--accent-mint);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out)}.tour-progress-text{font-size:var(--font-size-xs);color:var(--color-label-secondary);white-space:nowrap}.tour-trigger{position:fixed;bottom:var(--spacing-6);left:var(--spacing-6);z-index:var(--z-toast);background:var(--accent-mint);color:#fff;border:none;border-radius:var(--radius-full);padding:var(--spacing-3);cursor:pointer;box-shadow:var(--shadow-lg);transition:all var(--duration-fast) var(--ease-out)}.tour-trigger:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.tour-trigger:focus{outline:none;ring:2px solid #fff;ring-offset:2px}.tour-spotlight{position:fixed;pointer-events:none;z-index:calc(var(--z-modal-backdrop) + 1);border-radius:var(--radius-lg);box-shadow:0 0 0 4px var(--accent-mint),0 0 0 8px rgba(0,122,255,.2),0 0 20px rgba(0,122,255,.3);transition:all var(--duration-normal) var(--ease-out)}.tour-steps{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);z-index:var(--z-modal);display:flex;gap:var(--spacing-2);background:var(--card);border:1px solid var(--border);padding:var(--spacing-2);box-shadow:var(--shadow-md)}.tour-step-dot,.tour-steps{border-radius:var(--radius-full)}.tour-step-dot{width:8px;height:8px;background:var(--color-fill-secondary);transition:all var(--duration-fast) var(--ease-out)}.tour-step-dot.active{background:var(--accent-mint);transform:scale(1.25)}.tour-step-dot.completed{background:var(--accent-green)}@media (max-width:768px){.tour-tooltip{max-width:calc(100vw - 32px);min-width:calc(100vw - 32px);left:16px!important;right:16px}.tour-tooltip-footer{flex-direction:column}.tour-btn{width:100%;justify-content:center}.tour-progress{left:var(--spacing-4);right:var(--spacing-4);transform:none}.tour-trigger{bottom:var(--spacing-4);left:var(--spacing-4)}.tour-steps{bottom:var(--spacing-4);right:var(--spacing-4)}}[data-theme=dark] .tour-overlay{background:rgba(0,0,0,.7)}[data-theme=dark] .tour-highlight{box-shadow:0 0 0 4px var(--accent-mint),0 0 20px rgba(0,122,255,.5)}@media (prefers-contrast:high){.tour-highlight{box-shadow:0 0 0 4px var(--accent-mint),0 0 0 8px #fff}.tour-btn,.tour-tooltip{border-width:2px}}@media (prefers-reduced-motion:reduce){.tour-tooltip{animation:none}.tour-highlight,.tour-progress-fill,.tour-spotlight,.tour-step-dot{transition:none}}[data-tour]{position:relative}[data-tour]:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--accent-mint);border-radius:var(--radius-full);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);z-index:1}.tour-debug [data-tour]:after{opacity:1}.tour-completion{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-modal);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-xl);text-align:center;animation:tourCompletionSlideIn var(--duration-slow) var(--ease-out)}@keyframes tourCompletionSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.tour-completion-icon{font-size:48px;margin-bottom:var(--spacing-4)}.tour-completion-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-label);margin-bottom:var(--spacing-2)}.tour-completion-description{font-size:var(--font-size-base);color:var(--color-label-secondary);margin-bottom:var(--spacing-6)}.w-p-0{width:0}.w-p-1{width:1%}.w-p-2{width:2%}.w-p-3{width:3%}.w-p-4{width:4%}.w-p-5{width:5%}.w-p-6{width:6%}.w-p-7{width:7%}.w-p-8{width:8%}.w-p-9{width:9%}.w-p-10{width:10%}.w-p-11{width:11%}.w-p-12{width:12%}.w-p-13{width:13%}.w-p-14{width:14%}.w-p-15{width:15%}.w-p-16{width:16%}.w-p-17{width:17%}.w-p-18{width:18%}.w-p-19{width:19%}.w-p-20{width:20%}.w-p-21{width:21%}.w-p-22{width:22%}.w-p-23{width:23%}.w-p-24{width:24%}.w-p-25{width:25%}.w-p-26{width:26%}.w-p-27{width:27%}.w-p-28{width:28%}.w-p-29{width:29%}.w-p-30{width:30%}.w-p-31{width:31%}.w-p-32{width:32%}.w-p-33{width:33%}.w-p-34{width:34%}.w-p-35{width:35%}.w-p-36{width:36%}.w-p-37{width:37%}.w-p-38{width:38%}.w-p-39{width:39%}.w-p-40{width:40%}.w-p-41{width:41%}.w-p-42{width:42%}.w-p-43{width:43%}.w-p-44{width:44%}.w-p-45{width:45%}.w-p-46{width:46%}.w-p-47{width:47%}.w-p-48{width:48%}.w-p-49{width:49%}.w-p-50{width:50%}.w-p-51{width:51%}.w-p-52{width:52%}.w-p-53{width:53%}.w-p-54{width:54%}.w-p-55{width:55%}.w-p-56{width:56%}.w-p-57{width:57%}.w-p-58{width:58%}.w-p-59{width:59%}.w-p-60{width:60%}.w-p-61{width:61%}.w-p-62{width:62%}.w-p-63{width:63%}.w-p-64{width:64%}.w-p-65{width:65%}.w-p-66{width:66%}.w-p-67{width:67%}.w-p-68{width:68%}.w-p-69{width:69%}.w-p-70{width:70%}.w-p-71{width:71%}.w-p-72{width:72%}.w-p-73{width:73%}.w-p-74{width:74%}.w-p-75{width:75%}.w-p-76{width:76%}.w-p-77{width:77%}.w-p-78{width:78%}.w-p-79{width:79%}.w-p-80{width:80%}.w-p-81{width:81%}.w-p-82{width:82%}.w-p-83{width:83%}.w-p-84{width:84%}.w-p-85{width:85%}.w-p-86{width:86%}.w-p-87{width:87%}.w-p-88{width:88%}.w-p-89{width:89%}.w-p-90{width:90%}.w-p-91{width:91%}.w-p-92{width:92%}.w-p-93{width:93%}.w-p-94{width:94%}.w-p-95{width:95%}.w-p-96{width:96%}.w-p-97{width:97%}.w-p-98{width:98%}.w-p-99{width:99%}.w-p-100{width:100%}