.confirm-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:500}.confirm-dialog{background:#1e1e30;border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 8px 32px #00000080;border:1px solid #2a2a3e}.confirm-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 10px}.confirm-message{font-size:14px;color:#aaa;margin:0 0 20px;line-height:1.5}.confirm-actions{display:flex;gap:10px;justify-content:flex-end}.confirm-cancel{background:transparent;border:1px solid #2a2a3e;border-radius:8px;color:#888;padding:8px 18px;font-size:14px;cursor:pointer;transition:all .15s}.confirm-cancel:hover{border-color:#4a4a6e;color:#ccc}.confirm-ok{background:#3a3a5e;border:none;border-radius:8px;color:#fff;padding:8px 18px;font-size:14px;cursor:pointer;transition:all .15s}.confirm-ok:hover{background:#5a5a8e}.confirm-ok--danger{background:#8b2020}.confirm-ok--danger:hover{background:#a03030}.welcome-screen{display:flex;align-items:center;justify-content:center;flex:1;padding:40px 24px}.welcome-card{background:#12121f;border:1px solid #1e1e30;border-radius:16px;padding:48px 40px;max-width:480px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.welcome-logo{font-size:52px;line-height:1}.welcome-title{font-size:24px;font-weight:700;color:#fff;margin:0}.welcome-tagline{font-size:15px;color:#aaa;margin:0;line-height:1.5}.welcome-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:8px}.welcome-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s ease;border:none;width:100%}.welcome-btn--primary{background:#d97706;color:#fff}.welcome-btn--primary:hover{background:#b45309}.welcome-btn--secondary{background:#1e1e30;color:#ccc;border:1px solid #2a2a3e}.welcome-btn--secondary:hover{background:#2a2a3e;color:#fff}.welcome-description{font-size:13px;color:#666;line-height:1.6;margin:8px 0 0}.welcome-privacy{font-size:12px;color:#555;margin:0}.welcome-card--wizard{max-width:520px;gap:12px;text-align:left}.wizard-progress{width:100%;height:4px;background:#1e1e30;border-radius:2px;overflow:hidden}.wizard-progress__fill{height:100%;background:#d97706;border-radius:2px;transition:width .3s ease}.wizard-steps{display:flex;gap:8px;align-self:flex-start}.wizard-step-dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:#1e1e30;color:#555;border:1px solid #2a2a3e;flex-shrink:0}.wizard-step-dot--active{background:#d97706;color:#fff;border-color:#d97706}.wizard-step-dot--done{background:#14532d;color:#4ade80;border-color:#166534}.wizard-title{font-size:19px;font-weight:700;color:#fff;margin:4px 0 0;align-self:flex-start}.wizard-hint{font-size:13px;color:#888;margin:0;line-height:1.55;align-self:flex-start}.wizard-input{width:100%;background:#0d0d18;border:1px solid #2a2a3e;border-radius:8px;color:#e0e0e0;font-size:15px;padding:12px 14px;outline:none;transition:border-color .15s;box-sizing:border-box}.wizard-input:focus{border-color:#d97706}.wizard-textarea{width:100%;background:#0d0d18;border:1px solid #2a2a3e;border-radius:8px;color:#e0e0e0;font-size:14px;padding:12px 14px;outline:none;resize:vertical;font-family:inherit;line-height:1.55;transition:border-color .15s;box-sizing:border-box}.wizard-textarea:focus{border-color:#d97706}.wizard-nav{display:flex;gap:8px;width:100%;margin-top:4px;justify-content:flex-end;flex-wrap:wrap}.wizard-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .15s}.wizard-btn--primary{background:#d97706;color:#fff;flex:1;min-width:120px}.wizard-btn--primary:hover:not(:disabled){background:#b45309}.wizard-btn--primary:disabled{opacity:.45;cursor:not-allowed}.wizard-btn--back{background:#1e1e30;color:#aaa;border:1px solid #2a2a3e}.wizard-btn--back:hover{background:#2a2a3e;color:#fff}.wizard-btn--skip{background:transparent;color:#666;border:1px solid #2a2a3e;font-size:12px;padding:10px 14px}.wizard-btn--skip:hover{color:#aaa;border-color:#444}.wizard-cancel{background:none;border:none;color:#444;font-size:11px;cursor:pointer;padding:4px 0;margin-top:4px;transition:color .15s;align-self:center}.wizard-cancel:hover{color:#888}.welcome-card--templates{max-width:560px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin:4px 0}.template-card{background:#0d0d1a;border:1px solid #1e1e30;border-radius:10px;padding:16px 14px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:4px;transition:border-color .15s,background .15s}.template-card:hover{border-color:#d97706;background:#14141f}.template-card__emoji{font-size:22px;line-height:1;margin-bottom:4px}.template-card__label{font-size:13px;font-weight:600;color:#e0e0e0}.template-card__desc{font-size:11px;color:#666;line-height:1.4}.welcome-template-icon{font-size:40px;line-height:1}.wizard-back-row{width:100%;display:flex;justify-content:flex-start}.sync-notice--success{border-color:#1a3a1a;background:#0a1a0a;color:#7fbf7f}.sync-notice--success strong{color:#aeeaae}.sync-forgot-link{background:none;border:none;color:#666;font-size:11px;cursor:pointer;padding:0;text-align:left;text-decoration:underline;transition:color .15s}.sync-forgot-link:hover{color:#aaa}.sync-back-link{margin-top:8px;font-size:12px}.toggle{position:relative;width:44px;height:24px;border-radius:12px;background:#2a2a3e;border:none;cursor:pointer;transition:background .2s ease;flex-shrink:0;padding:0}.toggle--on{background:#10a37f}.toggle--disabled{opacity:.4;cursor:not-allowed}.toggle-dot{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s ease;display:block}.toggle--on .toggle-dot{transform:translate(20px)}.settings-back-mobile{display:none}.settings-page{display:grid;grid-template-columns:210px 1fr;height:100%;overflow:hidden}.settings-nav{border-right:1px solid #1e1e30;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:16px}.settings-nav-header{padding:16px;border-bottom:1px solid #1e1e30;display:flex;align-items:center;gap:10px;margin-bottom:8px}.settings-back-btn{background:none;border:none;color:#888;cursor:pointer;font-size:13px;padding:4px 0;transition:color .15s}.settings-back-btn:hover{color:#ccc}.settings-nav-title{font-size:14px;font-weight:600;color:#fff}.settings-nav-icon{width:20px;text-align:center}.settings-nav-item{display:flex;align-items:center;gap:8px;padding:9px 16px;color:#888;cursor:pointer;font-size:13px;transition:all .15s;background:none;border:none;text-align:left;width:100%}.settings-nav-item:hover{color:#ccc;background:#1a1a2e}.settings-nav-item.active{color:#fff;background:#1e1e30;border-left:2px solid #d97706;padding-left:14px}.settings-content{padding:28px 32px;overflow-y:auto}.settings-section-title{font-size:18px;font-weight:600;margin:0 0 6px;color:#fff}.settings-section-subtitle{font-size:13px;color:#666;margin:0 0 28px}.settings-group{margin-bottom:32px}.settings-group-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#555;margin-bottom:12px;font-weight:600}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #1a1a28;gap:16px}.setting-row:last-child{border-bottom:none}.setting-info{flex:1}.setting-label{font-size:14px;color:#ccc;font-weight:500}.setting-description{font-size:12px;color:#666;margin-top:3px;line-height:1.4}.setting-select{background:#1a1a2e;border:1px solid #2a2a3e;border-radius:6px;color:#ccc;font-size:13px;padding:6px 10px;cursor:pointer;min-width:140px}.setting-select:focus{outline:none;border-color:#4a4a6e}.setting-btn{background:#1e1e30;border:1px solid #2a2a3e;border-radius:8px;color:#ccc;font-size:13px;padding:7px 14px;cursor:pointer;transition:all .15s;white-space:nowrap}.setting-btn:hover{background:#2a2a3e;color:#fff}.setting-btn--danger{border-color:#5a1a1a;color:#e74c3c}.setting-btn--danger:hover{background:#5a1a1a;color:#fff}.setting-badge{font-size:11px;padding:2px 8px;border-radius:10px;background:#1e1e30;color:#666;border:1px solid #2a2a3e}.settings-trust-box{background:#0f1a2e;border:1px solid #1e3a5f;border-radius:10px;padding:14px 16px;margin-bottom:24px;font-size:13px;color:#7a9bbf;line-height:1.5}.platform-row{display:flex;align-items:center;gap:10px}.platform-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.settings-link{color:#7eb8f7;text-decoration:none;font-size:14px}.settings-link:hover{text-decoration:underline}@media(max-width:900px){.settings-back-mobile{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #1e1e30;background:#16213e}.settings-page{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;overflow-y:auto}.settings-nav{border-right:none;border-bottom:1px solid #1e1e30;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0;-webkit-overflow-scrolling:touch}.settings-nav-header{display:none}.settings-nav-item{padding:12px 16px;white-space:nowrap;border-left:none;border-bottom:2px solid transparent;flex-shrink:0}.settings-nav-item.active{border-left:none;border-bottom:2px solid #d97706;padding-left:16px;background:none}.settings-content{padding:20px 16px}.setting-row{flex-wrap:wrap;gap:10px}.setting-select{min-width:100px;max-width:160px}.settings-back-mobile{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #1e1e30}}.sync-notice{background:#12121f;border:1px solid #2a2a40;border-radius:8px;padding:16px;margin-top:12px;font-size:13px;color:#a0a0b8;line-height:1.6}.sync-notice p{margin:0 0 10px}.sync-notice p:last-child{margin-bottom:0}.sync-code-block{background:#0d0d1a;border:1px solid #1e1e30;border-radius:6px;padding:10px 12px;font-family:Fira Mono,Cascadia Code,monospace;font-size:12px;color:#d97706;white-space:pre-wrap;margin:8px 0}.sync-status-card{background:#12121f;border:1px solid #2a2a40;border-radius:8px;padding:14px 16px;margin-top:12px;display:flex;flex-direction:column;gap:10px}.sync-status-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.sync-label{color:#6c6c8a}.sync-value{color:#e0e0f0;font-weight:500}.sync-actions{display:flex;gap:10px;margin-top:16px}.sync-hint{margin-top:14px;font-size:12px;color:#6c6c8a}.sync-tabs{display:flex;gap:0;margin-top:16px;border:1px solid #2a2a40;border-radius:8px;overflow:hidden}.sync-tab{flex:1;background:transparent;border:none;padding:9px 0;font-size:13px;font-weight:500;color:#6c6c8a;cursor:pointer;transition:background .15s,color .15s}.sync-tab:hover{background:#1a1a2e;color:#c0c0d8}.sync-tab.active{background:#1e1e30;color:#e0e0f0}.sync-form{display:flex;flex-direction:column;gap:14px;margin-top:16px}.sync-form-label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:500;color:#8080a0;text-transform:uppercase;letter-spacing:.04em}.sync-form-input{background:#12121f;border:1px solid #2a2a40;border-radius:6px;padding:9px 12px;font-size:14px;color:#e0e0f0;outline:none;transition:border-color .15s}.sync-form-input:focus{border-color:#d97706}.sync-form-input:disabled{opacity:.5}.sync-form-error{font-size:13px;color:#f87171;margin:0}.sync-submit{width:100%;justify-content:center}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:background .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#d97706;color:#fff}.btn-primary:hover:not(:disabled){background:#b45309}.btn-ghost{background:transparent;color:#8080a0;border:1px solid #2a2a40}.btn-ghost:hover:not(:disabled){background:#1e1e30;color:#c0c0d8}.sync-notice--success{border-color:#16a34a;background:#0d1f14}.sync-notice--warning{border-color:#b45309;background:#1f1609;color:#fbbf24}.sync-forgot-link{background:none;border:none;color:#8080a0;font-size:12px;cursor:pointer;padding:0;text-align:left;text-decoration:underline}.sync-forgot-link:hover{color:#c0c0d8}.sync-back-link{margin-top:8px}.sync-hint{margin-top:12px;font-size:12px;color:#60607a}.sync-refresh-link{background:none;border:none;color:#8080a0;font-size:12px;cursor:pointer;padding:0;text-decoration:underline}.sync-refresh-link:hover:not(:disabled){color:#c0c0d8}.sync-refresh-link:disabled{opacity:.5;cursor:not-allowed}.sync-upgrade-card{margin-top:20px;background:linear-gradient(135deg,#1a1208,#12121f);border:1px solid #b45309;border-radius:10px;padding:18px 20px}.sync-upgrade-title{font-size:15px;font-weight:600;color:#fbbf24;margin:0 0 6px}.sync-upgrade-desc{font-size:13px;color:#a0a0b8;margin:0 0 14px}.sync-upgrade-actions{display:flex;gap:10px;flex-wrap:wrap}.sync-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.sync-pending-row .sync-label{color:#f59e0b}.sync-pending-badge{color:#f59e0b!important;font-size:12px!important;font-weight:600!important;background:#f59e0b1a;padding:2px 8px;border-radius:4px;border:1px solid rgba(245,158,11,.25)}.sync-delete-zone{margin-top:32px;padding-top:20px;border-top:1px solid rgba(239,68,68,.15)}.sync-delete-zone--open{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:10px;padding:20px;margin-top:24px}.sync-delete-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ef4444;margin-bottom:10px}.sync-delete-desc{font-size:13px;color:#a0a0b8;line-height:1.5;margin:0}.sync-delete-btn{background:transparent;border:1px solid rgba(239,68,68,.4);color:#ef4444;font-size:13px;font-weight:600;padding:7px 16px;border-radius:8px;cursor:pointer;transition:background .15s}.sync-delete-btn:hover{background:#ef444414}.sync-delete-input{width:100%;margin-top:10px;background:#0f1117;border:1px solid rgba(239,68,68,.35);color:#e8eaf0;padding:9px 12px;border-radius:8px;font-size:14px;outline:none;font-family:monospace;letter-spacing:.05em}.sync-delete-input:focus{border-color:#ef4444}.sync-delete-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.sync-delete-confirm-btn{background:#ef4444;color:#fff;border:none;font-size:13px;font-weight:600;padding:9px 18px;border-radius:8px;cursor:pointer;transition:opacity .15s}.sync-delete-confirm-btn:disabled{opacity:.4;cursor:not-allowed}.sync-delete-confirm-btn:not(:disabled):hover{opacity:.88}.sync-oauth-divider{display:flex;align-items:center;gap:12px;margin:20px 0 16px;color:#5a6480;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.sync-oauth-divider:before,.sync-oauth-divider:after{content:"";flex:1;height:1px;background:#2a3348}.sync-oauth-btns{display:flex;flex-direction:column;gap:10px}.sync-oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s,background .15s;border:1px solid #2a3348}.sync-oauth-btn:disabled{opacity:.5;cursor:not-allowed}.sync-oauth-btn--google{background:#fff;color:#1a1a1a;border-color:#e0e0e0}.sync-oauth-btn--google:not(:disabled):hover{background:#f5f5f5}.sync-oauth-btn--apple{background:#1a1f2e;color:#e8eaf0;border-color:#3a3f50}.sync-oauth-btn--apple:not(:disabled):hover{background:#222840}.sync-oauth-refresh{display:block;margin:14px auto 0;background:none;border:none;color:#4f8ef7;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;opacity:.8;transition:opacity .15s}.sync-oauth-refresh:hover{opacity:1}.sync-oauth-refresh:disabled{opacity:.4;cursor:not-allowed}.tour-root{position:fixed;inset:0;z-index:9000;pointer-events:none}.tour-backdrop{position:fixed;inset:0;background:#000c;pointer-events:all;animation:tour-fade-in .25s ease}.tour-spotlight{position:fixed;border-radius:10px;box-shadow:0 0 0 9999px #000000c7;outline:2px solid rgba(217,119,6,.85);outline-offset:0;pointer-events:none;transition:top .3s ease,left .3s ease,width .3s ease,height .3s ease;animation:tour-fade-in .2s ease}@keyframes spotlight-pulse{0%{outline-color:#d97706d9}50%{outline-color:#fbbf24}to{outline-color:#d97706d9}}.tour-spotlight{animation:tour-fade-in .2s ease,spotlight-pulse 2.5s ease-in-out infinite}.tour-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;max-width:calc(100vw - 32px);background:#14142a;border:1px solid #2a2a45;border-radius:16px;padding:36px 32px 28px;box-shadow:0 24px 64px #0009,0 0 0 1px #d9770626;pointer-events:all;animation:tour-slide-up .3s cubic-bezier(.34,1.56,.64,1);text-align:center}.tour-modal__icon{font-size:32px;margin-bottom:16px;color:#d97706;animation:icon-spin .6s ease .2s both}@keyframes icon-spin{0%{transform:rotate(-30deg) scale(.6);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}.tour-modal__title{font-size:22px;font-weight:700;color:#f0f0ff;margin:0 0 14px;letter-spacing:-.02em}.tour-modal__body{font-size:14px;color:#9090b0;line-height:1.65;margin:0 0 28px}.tour-modal__footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.tour-tooltip{position:fixed;width:300px;background:#14142a;border:1px solid #2a2a45;border-radius:12px;padding:20px;box-shadow:0 16px 48px #0000008c,0 0 0 1px #d977061a;pointer-events:all;z-index:9001}.tour-tooltip__arrow{position:absolute;width:10px;height:10px;background:#14142a;border:1px solid #2a2a45;transform:rotate(45deg)}.tour-tooltip--right .tour-tooltip__arrow{left:-6px;top:16px;border-right:none;border-top:none}.tour-tooltip--left .tour-tooltip__arrow{right:-6px;top:16px;border-left:none;border-bottom:none}.tour-tooltip--bottom .tour-tooltip__arrow{top:-6px;left:20px;border-bottom:none;border-right:none}.tour-tooltip--top .tour-tooltip__arrow{bottom:-6px;left:20px;border-top:none;border-left:none}.tour-tooltip__meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tour-dots{display:flex;gap:5px;align-items:center}.tour-dot{width:6px;height:6px;border-radius:50%;background:#2a2a45;transition:background .2s,transform .2s}.tour-dot--active{background:#d97706;transform:scale(1.3)}.tour-step-count{font-size:11px;color:#5a5a7a;font-weight:500;letter-spacing:.03em}.tour-tooltip__title{font-size:15px;font-weight:700;color:#f0f0ff;margin:0 0 8px;letter-spacing:-.01em}.tour-tooltip__body{font-size:13px;color:#8080a0;line-height:1.6;margin:0 0 18px}.tour-tooltip__footer{display:flex;align-items:center;justify-content:space-between}.tour-nav{display:flex;align-items:center;gap:8px}.tour-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s,transform .1s;white-space:nowrap}.tour-btn:active{transform:scale(.97)}.tour-btn--primary{background:#d97706;color:#fff;padding:9px 18px}.tour-btn--primary:hover{background:#b45309}.tour-btn--ghost{background:transparent;color:#5a5a7a;padding:9px 12px}.tour-btn--ghost:hover{color:#9090b0}.tour-btn--back{background:#1e1e35;color:#8080a0;padding:8px 12px}.tour-btn--back:hover{background:#2a2a45;color:#c0c0d8}@keyframes tour-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tour-slide-up{0%{opacity:0;transform:translate(-50%,calc(-50% + 12px))}to{opacity:1;transform:translate(-50%,-50%)}}.tour-tooltip--right{animation:tooltip-slide-right .25s cubic-bezier(.34,1.56,.64,1)}.tour-tooltip--left{animation:tooltip-slide-left .25s cubic-bezier(.34,1.56,.64,1)}.tour-tooltip--bottom{animation:tooltip-slide-bottom .25s cubic-bezier(.34,1.56,.64,1)}.tour-tooltip--top{animation:tooltip-slide-top .25s cubic-bezier(.34,1.56,.64,1)}@keyframes tooltip-slide-right{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes tooltip-slide-left{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes tooltip-slide-bottom{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltip-slide-top{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.tour-modal,.tour-tooltip,.tour-spotlight,.tour-backdrop{animation:none;transition:none}}.intro-root{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden}.intro-backdrop{position:absolute;inset:0;background:#000000d1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:0;animation:intro-fade-in .3s ease}.intro-card{position:relative;z-index:1;width:100%;max-width:460px;background:#14142a;border:1px solid #2a2a45;border-radius:20px;padding:40px 36px 32px;box-shadow:0 32px 80px #000000a6,0 0 0 1px #d977061f,inset 0 1px #ffffff0a;text-align:center;animation:intro-slide-up .35s cubic-bezier(.34,1.56,.64,1)}.intro-logo{font-size:52px;line-height:1;margin-bottom:20px;animation:intro-logo-pop .5s cubic-bezier(.34,1.56,.64,1) .1s both}.intro-headline{font-size:24px;font-weight:800;color:#f0f0ff;letter-spacing:-.03em;line-height:1.2;margin:0 0 14px}.intro-subtext{font-size:14px;color:#8a8aaa;line-height:1.65;margin:0 0 28px;max-width:360px;margin-inline:auto}.intro-steps{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:28px;flex-wrap:wrap}.intro-step{display:flex;flex-direction:column;align-items:center;gap:6px;background:#1e1e35;border:1px solid #2a2a45;border-radius:10px;padding:10px 12px;min-width:96px}.intro-step__icon{font-size:20px;line-height:1}.intro-step__label{font-size:11px;color:#7070a0;line-height:1.3;text-align:center;font-weight:500}.intro-step-arrow{color:#3a3a5a;font-size:16px;flex-shrink:0}.intro-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.intro-btn{width:100%;padding:13px 20px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;border:none;font-family:inherit;transition:background .15s,border-color .15s,color .15s,transform .1s,opacity .15s;letter-spacing:-.01em}.intro-btn:active{transform:scale(.98)}.intro-btn--primary{background:#d97706;color:#fff;box-shadow:0 4px 16px #d9770659}.intro-btn--primary:hover{background:#b45309;box-shadow:0 4px 20px #d9770673}.intro-btn--secondary{background:transparent;color:#c0c0d8;border:1px solid #2a2a45}.intro-btn--secondary:hover{background:#1e1e35;border-color:#3a3a55;color:#e0e0f8}.intro-btn--ghost{background:transparent;color:#4a4a6a;font-size:13px;font-weight:500;padding:8px 20px}.intro-btn--ghost:hover{color:#7a7a9a}.intro-privacy{font-size:11px;color:#3a3a5a;margin:0}@keyframes intro-fade-in{0%{opacity:0}to{opacity:1}}@keyframes intro-slide-up{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes intro-logo-pop{0%{transform:scale(.5) rotate(-15deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@media(max-width:500px){.intro-card{padding:32px 24px 28px;border-radius:16px}.intro-headline{font-size:20px}.intro-steps{gap:6px}.intro-step{min-width:80px;padding:8px 10px}.intro-step-arrow{font-size:13px}}@media(prefers-reduced-motion:reduce){.intro-card,.intro-backdrop,.intro-logo{animation:none}}.cmd-overlay{position:fixed;inset:0;z-index:9999;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:18vh}.cmd-wrapper{width:100%;max-width:580px;background:#1a1f2e;border:1px solid #2a3348;border-radius:14px;box-shadow:0 24px 64px #0009,0 0 0 1px #4f8ef714;overflow:hidden;animation:cmd-in .12s ease-out}@keyframes cmd-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cmd-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #2a3348}.cmd-input-icon{font-size:16px;color:#4f8ef7;flex-shrink:0}.cmd-input{flex:1;background:none;border:none;outline:none;color:#e8eaf0;font-size:15px;caret-color:#4f8ef7}.cmd-input::placeholder{color:#5a6480}.cmd-esc-hint{font-size:11px;font-weight:600;color:#5a6480;background:#0f1117;border:1px solid #2a3348;border-radius:5px;padding:2px 6px;cursor:pointer;flex-shrink:0;letter-spacing:.04em;transition:color .15s}.cmd-esc-hint:hover{color:#e8eaf0}.cmd-list{max-height:380px;overflow-y:auto;padding:6px 0 10px;scrollbar-width:thin;scrollbar-color:#2a3348 transparent}.cmd-list::-webkit-scrollbar{width:4px}.cmd-list::-webkit-scrollbar-thumb{background:#2a3348;border-radius:4px}.cmd-empty{padding:20px 16px;color:#5a6480;font-size:14px;text-align:center}[cmdk-group-heading]{padding:8px 16px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#5a6480}.cmd-item{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;border-radius:0;transition:background .1s;-webkit-user-select:none;user-select:none}.cmd-item[aria-selected=true],.cmd-item[data-selected=true]{background:#4f8ef71f}.cmd-item:hover{background:#ffffff0a}.cmd-item-icon{font-size:15px;flex-shrink:0;width:20px;text-align:center}.cmd-item-label{flex:1;font-size:14px;color:#e8eaf0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-item-hint{font-size:12px;color:#5a6480;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;flex-shrink:0}@media(max-width:640px){.cmd-overlay{padding-top:10vh}.cmd-wrapper{max-width:calc(100vw - 32px)}.cmd-item-hint{display:none}}:root{color-scheme:dark}html,body,#root{margin:0;min-height:100%;height:100%;background:#0f172a;color:#e5e7eb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}button,input,textarea,select{font:inherit}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);height:100dvh;background:#0f172a;overflow:hidden}.app-shell--loading{place-items:center}.app-shell__loading-text{color:#888;font-size:14px}.sidebar{min-width:0;border-right:1px solid #243047;background:#16213e;overflow:hidden}.sidebar-inner{height:100%;display:flex;flex-direction:column;padding:20px 16px 16px;gap:16px}.sidebar-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.sidebar-brand{margin:0;font-size:28px;line-height:1.05;color:#fff;font-weight:800}.sidebar-tagline{margin:8px 0 0;color:#93a4bf;font-size:13px;line-height:1.4}.sidebar-settings-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:2px 4px;line-height:1;opacity:.7;transition:opacity .15s ease;flex-shrink:0;margin-top:2px}.sidebar-settings-btn:hover{opacity:1}.sidebar-actions{display:flex;flex-direction:column;gap:10px}.sidebar-action-btn{width:100%;min-height:42px;padding:10px 12px;border-radius:10px;border:1px solid #2a2a3e;background:#1a1a2e;color:#e0e0e0;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.sidebar-action-btn:hover{background:#1e2a45;border-color:#3a3a5e}.sidebar-action-btn--primary{background:#d97706;border-color:#d97706;color:#fff}.sidebar-action-btn--primary:hover{background:#b45309;border-color:#b45309}.sidebar-create-form{display:flex;flex-direction:column;gap:10px}.sidebar-create-input{width:100%;min-height:42px;padding:10px 12px;border-radius:10px;border:1px solid #2a2a3e;background:#0f172a;color:#e0e0e0;outline:none}.sidebar-create-input:focus{border-color:#d97706}.sidebar-create-buttons{display:flex;gap:8px}.sidebar-projects{min-height:0;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:2px}.sidebar-empty{color:#7a869c;font-size:13px;line-height:1.5;margin:8px 4px 0}.project-card{position:relative;width:100%}.project-card__body{width:100%;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 44px 14px 16px;background:linear-gradient(180deg,#111a30,#0d1528);border:1px solid #2a2a3e;border-radius:14px;color:#e8edf7;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.project-card__body:hover{border-color:#3d4f75;background:linear-gradient(180deg,#15203a,#101a31);box-shadow:0 8px 18px #00000038;transform:translateY(-1px)}.project-card--active .project-card__body{border-color:#d97706;background:linear-gradient(180deg,#d977062e,#d9770614);box-shadow:0 0 0 1px #d977062e}.project-card__name{display:block;width:100%;font-size:15px;font-weight:700;line-height:1.3;color:#fff;word-break:break-word}.project-card__summary{display:block;width:100%;font-size:12px;line-height:1.45;color:#94a3b8;overflow:hidden}.project-card__delete{position:absolute;top:10px;right:10px;width:28px;height:28px;border:1px solid #2a2a3e;border-radius:8px;background:#11192d;color:#8b9bb3;font-size:18px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transition:background .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease}.project-card:hover .project-card__delete,.project-card--active .project-card__delete{opacity:1;pointer-events:auto}.project-card__delete:hover{background:#dc26261f;border-color:#dc262673;color:#f87171}.workspace{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#0f172a}.workspace-scroll{flex:1;min-height:0;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.workspace-hint{display:flex;align-items:center;justify-content:center;padding:60px 24px;color:#666;font-size:14px;text-align:center}.action-bar{padding:16px 20px;border-bottom:1px solid #243047;background:#10192f;display:flex;flex-direction:column;gap:12px;flex-shrink:0}.action-bar__top-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.action-bar__secondary{display:flex;gap:8px;flex-wrap:wrap}.action-bar__empty{margin:0;color:#94a3b8;font-size:14px}.action-bar__btn{min-height:38px;padding:8px 14px;background:transparent;border:1px solid #2a2a3e;border-radius:8px;color:#aaa;font-size:14px;cursor:pointer;transition:all .15s ease}.action-bar__btn:hover{background:#1e2a45;border-color:#3a3a5e;color:#e0e0e0}.action-bar__btn--undo{border-color:#d97706;color:#d97706}.action-bar__btn--undo:hover{background:#d9770626}.export-buttons{display:flex;gap:8px;flex-wrap:wrap}.export-pill{display:flex;flex-direction:column;align-items:center;padding:6px 16px;border:1px solid var(--pill-color, #555);border-radius:20px;background:transparent;color:var(--pill-color, #ccc);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;line-height:1.3}.export-pill:hover,.export-pill--active{background:var(--pill-color, #555);color:#fff}.export-pill__label{white-space:nowrap}.export-pill__sync{font-size:10px;opacity:.75;font-weight:400;margin-top:1px}.task-field{width:100%}.task-field__input{width:100%;padding:10px 12px;background:#1a1a2e;border:1px solid #2a2a3e;border-radius:8px;color:#e0e0e0;font-size:14px;outline:none}.task-field__input:focus{border-color:#d97706}.task-field__input::placeholder{color:#666}.workflow-guide{background:#0f1a2e;border:1px solid #1e3a5f;border-radius:10px;padding:16px 20px}.workflow-guide__steps{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.workflow-guide__step{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:140px}.workflow-guide__num{width:24px;height:24px;border-radius:999px;background:#1e3a5f;color:#7eb8f7;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.workflow-guide__text{display:flex;flex-direction:column;gap:2px}.workflow-guide__text strong{font-size:13px;color:#d0e8ff;font-weight:600}.workflow-guide__text span{font-size:12px;color:#7a9bbf;line-height:1.4}.workflow-guide__arrow{color:#2a4a6e;font-size:18px;padding-top:4px;flex-shrink:0}.workflow-guide__dismiss{margin-top:12px;background:none;border:1px solid #1e3a5f;border-radius:6px;color:#5a8abf;font-size:12px;padding:4px 12px;cursor:pointer;transition:all .15s ease}.workflow-guide__dismiss:hover{background:#1e3a5f;color:#d0e8ff}.paste-zone-wrapper{margin-bottom:4px}.paste-zone{border:2px dashed #2a2a3e;border-radius:12px;padding:24px;text-align:center;transition:all .2s ease;cursor:pointer;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.paste-zone:hover,.paste-zone.drag-over{border-color:#4a4a6e;background:#1a1a2e}.paste-zone.has-content{border-color:#10a37f;background:#0a1a15;padding:16px;cursor:default;align-items:stretch;text-align:left}.paste-zone-icon{font-size:32px}.paste-zone-text{color:#888;font-size:14px}.paste-zone-hint{color:#555;font-size:12px}.paste-zone-textarea{width:100%;min-height:100px;background:transparent;border:none;color:#e0e0e0;font-size:14px;font-family:inherit;resize:vertical;outline:none;line-height:1.5;margin-bottom:10px}.paste-zone-actions{display:flex;gap:8px;justify-content:flex-end}.paste-zone-submit{background:#10a37f;border:none;border-radius:8px;color:#fff;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease}.paste-zone-submit:hover{background:#0d8f6f}.paste-zone-cancel{background:transparent;border:1px solid #2a2a3e;border-radius:8px;color:#666;padding:8px 14px;font-size:13px;cursor:pointer;transition:all .15s ease}.paste-zone-cancel:hover{border-color:#4a4a6e;color:#ccc}.paste-zone-no-update{background:#1a1a2e;border:1px solid #2a2a3e;border-radius:10px;padding:16px 20px;margin-top:8px;text-align:center}.paste-zone-no-update p{margin:0 0 4px;font-size:14px;color:#aaa}.paste-zone-no-update__hint{color:#666!important;font-size:13px!important}.paste-zone-no-update__actions{display:flex;gap:8px;justify-content:center;margin-top:12px}.paste-zone-hint-btn{background:#1e1e30;border:1px solid #2a2a3e;border-radius:8px;color:#ccc;padding:7px 14px;font-size:13px;cursor:pointer;transition:all .15s ease}.paste-zone-hint-btn:hover{background:#2a2a3e;color:#fff}.project-editor{display:flex;flex-direction:column;gap:16px}.project-editor--empty{color:#888;text-align:center;padding:40px 20px}.project-editor__title{font-size:20px;font-weight:700;margin:0;color:#fff}.editable-field{display:flex;flex-direction:column;gap:4px}.editable-field__label{font-size:13px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.03em}.editable-field__textarea,.editable-field__input,.field-input,.field-textarea{width:100%;background:#161628;border:1px solid #1e1e30;border-radius:8px;padding:10px 12px;color:#e0e0e0;font-size:14px;font-family:inherit;line-height:1.5;transition:border-color .2s ease}.editable-field__textarea,.field-textarea{min-height:80px;resize:vertical}.editable-field__textarea:focus,.editable-field__input:focus,.field-input:focus,.field-textarea:focus{outline:none;border-color:#4a4a6e}.editable-field__textarea::placeholder,.editable-field__input::placeholder{color:#555}.field-group{margin-bottom:20px}.field-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#666;margin-bottom:6px;font-weight:600}.project-name-input{font-size:18px;font-weight:700;color:#fff}.github-repo-field{margin-bottom:20px}.field-label-optional{font-weight:400;text-transform:none;letter-spacing:0;color:#444;font-size:10px}.github-repo-input-row{display:flex;align-items:center;gap:8px}.github-repo-input{flex:1;font-family:Menlo,Monaco,Courier New,monospace;font-size:13px;color:#93c5fd}.github-repo-input::placeholder{color:#3a3a5a;font-family:inherit}.github-repo-link{flex-shrink:0;padding:6px 12px;background:#16213e;border:1px solid #2a3f5f;border-radius:7px;color:#93c5fd;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}.github-repo-link:hover{background:#1e2f50;border-color:#4a6fa5;color:#bfdbfe}.github-repo-hint{margin-top:6px;font-size:11px;color:#555;line-height:1.4}.editable-list,.decision-list,.decision-add-form{display:flex;flex-direction:column;gap:6px}.list-item{display:flex;align-items:center;gap:8px}.list-item input{flex:1}.list-item--add{margin-top:2px}.list-item-remove{background:none;border:none;color:#555;cursor:pointer;font-size:18px;padding:2px 6px;line-height:1;flex-shrink:0;transition:color .15s ease}.list-item-remove:hover{color:#e74c3c}.list-item-add-btn{background:none;border:1px solid #2a2a3e;border-radius:6px;color:#666;font-size:12px;padding:6px 10px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.list-item-add-btn:hover:not(:disabled){border-color:#4a4a6e;color:#888}.list-item-add-btn:disabled,.add-button:disabled{opacity:.4;cursor:not-allowed}.add-button{background:none;border:1px dashed #2a2a3e;border-radius:6px;color:#666;padding:6px 12px;cursor:pointer;font-size:13px;width:100%;text-align:center;transition:all .2s ease}.add-button:hover:not(:disabled){border-color:#4a4a6e;color:#888}.decision-card{background:#161628;border:1px solid #1e1e30;border-radius:8px;padding:10px 12px;position:relative}.decision-card__header{display:flex;align-items:flex-start;gap:6px}.decision-card__toggle{flex:1;background:none;border:none;color:#e0e0e0;font-size:14px;cursor:pointer;text-align:left;padding:0;display:flex;align-items:flex-start;gap:6px;line-height:1.4}.decision-card__arrow{flex-shrink:0;color:#666;font-size:12px;margin-top:2px}.decision-card__text{font-weight:500}.decision-card__body{margin-top:8px;padding-top:8px;border-top:1px solid #1e1e30}.decision-card__rationale{font-size:13px;color:#aaa;margin:0 0 6px;line-height:1.5}.decision-card__alternatives{font-size:12px;color:#888}.decision-card__alt-label{font-weight:600;display:block;margin-bottom:4px}.decision-card__source{font-size:11px;color:#555;margin-top:4px;display:block;background:#1a1a2e;padding:2px 6px;border-radius:10px;width:fit-content}.diff-preview{background:#0f1a0f;border:1px solid #1a3a1a;border-radius:10px;padding:16px;margin-bottom:16px}.diff-preview--empty{background:#1a1a2e;border-color:#2a2a3e;text-align:center;color:#888}.diff-preview__header{margin-bottom:12px}.diff-preview__title{font-size:13px;font-weight:600;color:#4ade80}.diff-preview__list{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.diff-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;padding:6px 8px;border-radius:6px;line-height:1.4}.diff-item--added{background:#0a1f0a}.diff-item--updated{background:#1a1a0a}.diff-item--removed{background:#1f0a0a}.diff-item__field{font-weight:600;color:#aaa;min-width:120px;flex-shrink:0}.diff-item__action{font-size:14px;flex-shrink:0;margin-top:1px}.diff-item--added .diff-item__action{color:#4ade80}.diff-item--updated .diff-item__action{color:#facc15}.diff-item--removed .diff-item__action{color:#f87171}.diff-item__value{color:#ccc;flex:1}.diff-preview__actions{display:flex;gap:8px}.diff-apply{background:#10a37f;border:none;border-radius:8px;color:#fff;padding:8px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease}.diff-apply:hover{background:#0d8f6f}.diff-discard{background:transparent;border:1px solid #2a2a3e;border-radius:8px;color:#888;padding:8px 18px;font-size:14px;cursor:pointer;transition:all .15s ease}.diff-discard:hover{border-color:#4a4a6e;color:#ccc}.trust-footer{padding:8px 20px;font-size:12px;color:#666;border-top:1px solid #2a2a3e;text-align:center;flex-shrink:0}.toast{position:fixed;right:16px;bottom:16px;z-index:1000;display:flex;align-items:center;gap:8px;padding:12px 20px;background:#2a2a3e;color:#fff;border-radius:8px;font-size:14px;box-shadow:0 4px 12px #0006;animation:toast-slide-in .25s ease-out}@keyframes toast-slide-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast__message{white-space:pre-wrap}.toast__icon{flex-shrink:0;font-size:15px}.toast--success{border-left:3px solid #10a37f}.toast--error{border-left:3px solid #e74c3c;background:#2a1e1e}.toast--info{border-left:3px solid #3498db}.mobile-bottom-bar,.mobile-projects-fab{display:none}@media(max-width:900px){.app-shell{grid-template-columns:1fr;height:100dvh;padding-bottom:72px}.sidebar{display:none}.workspace{min-width:0}.workspace-scroll{padding:16px}.action-bar{padding:14px 16px}.mobile-bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(3,1fr);background:#16213e;border-top:1px solid #2a2a3e;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-bar__btn{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;color:#8fa0b8;cursor:pointer;padding:8px 6px}.mobile-bottom-bar__btn--active{color:#d97706}.mobile-bottom-bar__icon{font-size:18px;line-height:1}.mobile-bottom-bar__label{font-size:11px;font-weight:600;text-align:center}.mobile-drawer-overlay{position:fixed;inset:0;z-index:60;background:#00000094;display:flex;align-items:flex-end}.mobile-drawer{width:100%;max-height:80dvh;background:#16213e;border-top-left-radius:18px;border-top-right-radius:18px;border-top:1px solid #2a2a3e;overflow:hidden;animation:drawer-slide-up .18s ease-out}.mobile-drawer .sidebar-inner{height:80dvh;padding-bottom:12px}.mobile-drawer .sidebar-projects{padding-bottom:12px}.mobile-projects-fab{position:fixed;right:16px;bottom:88px;z-index:41;width:52px;height:52px;border:none;border-radius:999px;background:#d97706;color:#fff;font-size:22px;box-shadow:0 10px 24px #00000059;display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-projects-fab:hover{background:#b45309}.sidebar-create-buttons,.action-bar__top-row,.action-bar__secondary,.diff-preview__actions,.paste-zone-actions,.paste-zone-no-update__actions{flex-direction:column}.sidebar-create-buttons>*,.action-bar__secondary>*,.diff-preview__actions>*,.paste-zone-actions>*,.paste-zone-no-update__actions>*{width:100%}.workflow-guide__steps{flex-direction:column}.workflow-guide__arrow{display:none}.export-buttons{width:100%;justify-content:flex-start}.export-pill{flex:1 1 calc(50% - 8px)}.list-item{align-items:stretch;flex-wrap:wrap}.list-item-remove,.list-item-add-btn{width:100%}.toast{left:12px;right:12px;bottom:84px}}@keyframes drawer-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.export-controls{display:flex;flex-direction:column;gap:8px;width:100%}.export-copy-btn{display:flex;align-items:center;gap:10px;padding:11px 18px;background:var(--pill-color, #555);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s;width:100%}.export-copy-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.export-copy-btn:disabled{opacity:.35;cursor:not-allowed}.export-copy-btn__icon{font-size:18px;flex-shrink:0}.export-copy-btn__text{display:flex;align-items:baseline;gap:8px;flex:1}.export-copy-btn__age{font-size:11px;opacity:.75;font-weight:400}.export-quality{display:flex;align-items:center;gap:8px;padding:0 2px}.export-quality__bar{flex:1;height:4px;background:#1e1e30;border-radius:2px;overflow:hidden}.export-quality__fill{height:100%;border-radius:2px;transition:width .4s ease}.export-quality__label{font-size:11px;font-weight:700;min-width:40px;text-align:right;flex-shrink:0}.export-quality__tip{font-size:11px;color:#888;flex:1;display:none}.export-quality:hover .export-quality__tip{display:block}.action-bar__btn--activation{border-color:#2a3f5f;color:#60a5fa}.action-bar__btn--activation:hover{background:#1e3a5f;border-color:#60a5fa;color:#93c5fd}.action-bar__btn--copied{border-color:#14532d;color:#4ade80;background:#0d2818}@media(display-mode:standalone){.app-shell{padding-top:env(safe-area-inset-top)}.mobile-bottom-bar{min-height:56px}html{overscroll-behavior:none}}@media(max-width:900px){.sidebar-action-btn,.action-bar__btn,.diff-apply,.diff-discard,.paste-zone-analyse-btn,.paste-zone-clear-btn,.paste-zone-hint-btn,.export-copy-btn,.list-item-add-btn,.wizard-btn{min-height:44px}.project-card__body{min-height:56px;padding:12px 14px}.project-card__delete{min-width:44px;min-height:44px}.paste-zone-textarea{font-size:16px;min-height:120px}.sidebar-create-input,.task-field__input,.wizard-input,.list-item-input,.field-input{font-size:16px}.export-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.export-pill{flex:unset}.decision-card{width:100%}.settings-tabs{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:4px}.settings-tab{flex-shrink:0}.workflow-guide{padding:14px}.diff-item__value{font-size:13px}.trust-footer{font-size:11px;padding:8px 16px}}@media(max-width:390px){.action-bar{padding:10px 12px}.workspace-scroll{padding:12px}.export-buttons{grid-template-columns:1fr}.mobile-bottom-bar__label{font-size:10px}.sidebar-brand{font-size:16px}}@media(max-width:900px)and (orientation:landscape){.app-shell{padding-bottom:56px}.mobile-bottom-bar,.mobile-bottom-bar__btn{min-height:48px}.mobile-bottom-bar__icon{font-size:15px}.workflow-guide{display:none}}.mobile-drawer-overlay{overscroll-behavior:contain}.mobile-drawer{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.editable-field__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.field-group .editable-field__header{margin-bottom:6px}.suggest-btn{flex-shrink:0;background:transparent;border:1px solid #2a2a40;border-radius:5px;padding:2px 8px;font-size:11px;font-weight:500;color:#8080a0;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.suggest-btn:hover{background:#1e1e30;color:#d97706;border-color:#d97706}.suggest-btn:active{background:#2a1f10}.sidebar-search{position:relative;margin:0 0 4px}.sidebar-search-input{width:100%;background:#0d0d1a;border:1px solid #1e1e30;border-radius:8px;color:#e0e0e0;font-size:12px;padding:7px 28px 7px 10px;outline:none;box-sizing:border-box;transition:border-color .15s}.sidebar-search-input:focus{border-color:#d97706}.sidebar-search-input::placeholder{color:#444}.sidebar-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:#555;font-size:16px;cursor:pointer;padding:0 4px;line-height:1}.sidebar-search-clear:hover{color:#aaa}.sidebar-upgrade-nudge{display:flex;align-items:center;justify-content:space-between;background:#100f1a;border:1px solid #2a1f0a;border-radius:8px;padding:8px 12px;font-size:11px;color:#888;cursor:pointer;width:100%;text-align:left;transition:border-color .15s,background .15s;margin-bottom:4px}.sidebar-upgrade-nudge:hover{border-color:#d97706;background:#130f0a}.sidebar-upgrade-cta{color:#d97706;font-weight:600;white-space:nowrap}.sidebar-template-picker{display:flex;flex-direction:column;gap:4px}.sidebar-template-title{font-size:11px;color:#666;margin:0 0 4px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.sidebar-template-option{display:flex;align-items:center;gap:8px;background:#0d0d1a;border:1px solid #1e1e30;border-radius:7px;padding:8px 10px;color:#ccc;font-size:12px;cursor:pointer;text-align:left}