:root{--color-primary: #60A5FA;--color-secondary: #93C5FD;--color-tertiary: #34D399;--color-bg: #0F1115;--color-surface: #1A1D23;--color-surface-variant: #242830;--color-border: #2E3340;--color-trigger: #34D399;--color-favorite: #F59E0B;--color-text: #E5E7EB;--color-text-muted: #9CA3AF;--color-danger: #EF4444;--color-on-primary: #08111E;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 22px;--sidebar-width: 220px;--header-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{height:100%;background-color:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-size-md);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}input,button,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-surface)}.login-root{display:flex;align-items:center;justify-content:center;min-height:100%;background:radial-gradient(ellipse at 50% 30%,rgba(96,165,250,.07) 0%,var(--color-bg) 65%);padding:var(--space-6)}.login-card{width:100%;max-width:380px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6);box-shadow:0 8px 40px #00000080,0 0 0 1px #60a5fa14}.login-header{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-3)}.login-title{font-size:28px;font-weight:800;color:var(--color-primary);letter-spacing:-.04em;line-height:1;margin:0}.login-oauth{display:flex;flex-direction:column;gap:var(--space-3)}.btn-google{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-surface-variant);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.btn-google:hover:not(:disabled){background-color:var(--color-border);border-color:var(--color-text-muted)}.btn-google:disabled{opacity:.5;cursor:not-allowed}.google-icon{flex-shrink:0}.login-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background-color:var(--color-border)}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.form-input{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-surface-variant);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);outline:none;transition:border-color .15s ease}.form-input:focus{border-color:var(--color-primary)}.form-input::placeholder{color:var(--color-text-muted);opacity:.6}.btn-signin{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:700;cursor:pointer;transition:opacity .15s ease,box-shadow .15s ease,transform .1s ease;box-shadow:0 1px 8px #60a5fa4d}.btn-signin:hover:not(:disabled){opacity:.92;box-shadow:0 2px 16px #60a5fa73;transform:translateY(-1px)}.btn-signin:active:not(:disabled){transform:translateY(0)}.btn-signin:disabled{opacity:.5;cursor:not-allowed}.login-password-label-row{display:flex;align-items:center;justify-content:space-between}.login-forgot-link{background:none;border:none;padding:0;font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;font-family:inherit;transition:color .15s}.login-forgot-link:hover{color:var(--color-primary)}.login-forgot-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.login-back-link{background:none;border:none;padding:0;font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;font-family:inherit;text-align:center;transition:color .15s}.login-back-link:hover{color:var(--color-primary)}.login-sent{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-4) 0}.login-sent-msg{font-size:var(--font-size-sm);color:var(--color-tertiary);margin:0;text-align:center;padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--color-tertiary) 10%,transparent);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--color-tertiary) 25%,transparent)}.login-error{font-size:var(--font-size-sm);color:var(--color-danger);text-align:center;padding:var(--space-2) var(--space-3);background-color:color-mix(in srgb,var(--color-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 30%,transparent);border-radius:var(--radius-md)}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh}.app-main{overflow-y:auto;background:var(--color-bg);padding:var(--space-6)}.sidebar{display:flex;flex-direction:column;background:linear-gradient(180deg,#1e2228 0%,var(--color-surface) 100%);border-right:1px solid var(--color-border);min-height:100vh;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-wordmark{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-3);font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);letter-spacing:-.02em;border-bottom:1px solid var(--color-border)}.sidebar-wordmark-icon{color:var(--color-primary);flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;padding:var(--space-3) var(--space-2);flex:1;gap:2px}.sidebar-nav-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:color .15s,background .15s,transform .1s}.sidebar-nav-link:hover{color:var(--color-text);background:#ffffff0f}.sidebar-nav-link--active{color:var(--color-primary);background:#60a5fa1f;font-weight:500}.sidebar-footer{padding:var(--space-3) var(--space-2);border-top:1px solid var(--color-border)}.sidebar-signout{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);width:100%;background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:color .15s,background .15s}.sidebar-signout:hover{color:var(--color-danger);background:#ef444414}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.page-header-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);line-height:1.2;letter-spacing:-.02em}.page-header-action{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-left:2px solid rgba(96,165,250,.2);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color .15s,border-left-color .15s,transform .15s,box-shadow .15s}.card:hover{border-color:#60a5fa4d;border-left-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 16px #0000004d}.card--clickable{cursor:pointer}.card--clickable:hover{background:var(--color-surface-variant)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:opacity .15s,background .15s,border-color .15s,box-shadow .15s,transform .1s;white-space:nowrap;letter-spacing:.01em}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.btn--md{padding:var(--space-2) var(--space-5);font-size:var(--font-size-sm)}.btn--primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);box-shadow:0 1px 8px #60a5fa40}.btn--primary:hover:not(:disabled){opacity:.92;box-shadow:0 2px 12px #60a5fa66;transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #60a5fa33}.btn--secondary{background:var(--color-surface-variant);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-border)}.btn--danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn--danger:hover:not(:disabled){opacity:.9}.btn--ghost{background:transparent;color:var(--color-text-muted);border-color:transparent}.btn--ghost:hover:not(:disabled){background:var(--color-surface-variant);color:var(--color-text)}.btn-spinner{position:absolute;width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:btn-spin .6s linear infinite}.btn-content--hidden{visibility:hidden}@keyframes btn-spin{to{transform:rotate(360deg)}}.import-card{display:flex;flex-direction:column;gap:var(--space-4)}.import-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.import-card-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text);margin:0 0 var(--space-1) 0}.import-card-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.import-card-dismiss{background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;padding:var(--space-1);border-radius:var(--radius-sm);flex-shrink:0;transition:color .15s}.import-card-dismiss:hover{color:var(--color-text)}.ie-file-input{display:none}.ie-action-row{display:flex;align-items:center}.ie-action-row--gap{gap:var(--space-3)}.ie-error{font-size:var(--font-size-sm);color:var(--color-danger);margin:0;padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--color-danger) 10%,transparent);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--color-danger) 25%,transparent)}.ie-success{display:flex;flex-direction:column;gap:var(--space-3)}.ie-success-msg{font-size:var(--font-size-sm);color:var(--color-tertiary);margin:0;padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--color-tertiary) 10%,transparent);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--color-tertiary) 25%,transparent)}.ie-preview-header{display:flex;align-items:center}.ie-format-badge{font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 25%,transparent);border-radius:var(--radius-sm);padding:2px var(--space-2);letter-spacing:.03em}.ie-preview{display:flex;flex-direction:column;gap:var(--space-4)}.ie-preview-counts{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted)}.ie-preview-count-item strong{color:var(--color-primary);font-weight:600}.ie-preview-sep{color:var(--color-text-muted)}.ie-preview-group{display:flex;flex-direction:column;gap:var(--space-1)}.ie-preview-group-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.ie-preview-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.ie-preview-list-item{font-size:var(--font-size-sm);color:var(--color-text);padding:var(--space-1) var(--space-2);background:var(--color-surface-variant);border-radius:var(--radius-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ie-show-all-btn{background:none;border:none;padding:var(--space-1) var(--space-2);color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;font-family:inherit}.ie-show-all-btn:hover{text-decoration:underline}.ie-browser-tab-warning{padding:var(--space-3) var(--space-4);background:#f59e0b14;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md)}.ie-browser-tab-warning-title{font-size:var(--font-size-sm);color:var(--color-text);margin:0 0 var(--space-2)}.ie-browser-tab-warning-title code{font-family:monospace;color:#f59e0b}.ie-preview-list--warning{margin-bottom:var(--space-3)}.ie-browser-tab-choices{display:flex;flex-direction:column;gap:var(--space-2)}.ie-radio-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.ie-radio-label code{font-family:monospace;color:var(--color-text-muted)}.ie-dupe-notice{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid transparent;margin:0}.ie-dupe-notice--info{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent);border-color:color-mix(in srgb,var(--color-primary) 22%,transparent)}.ie-dupe-notice--warn{color:#92400e;background:#f59e0b14;border-color:#f59e0b4d}.ie-trigger-normalize{padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--color-primary) 6%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2)}.ie-trigger-normalize-title{font-size:var(--font-size-sm);color:var(--color-text);margin:0}.ie-trigger-normalize-title code{font-family:monospace;color:var(--color-primary)}.ie-trigger-normalize-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ie-trigger-char-input{width:3rem;font-family:monospace;text-align:center;padding:var(--space-1) var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm)}.ie-checking-msg{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;font-style:italic}.dashboard-page{display:flex;flex-direction:column;gap:var(--space-6)}.dashboard-loading{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-6) 0;text-align:center}.dashboard-welcome{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8) 0;text-align:center}.dashboard-welcome-text{color:var(--color-text-muted);font-size:var(--font-size-md);margin:0}.dashboard-welcome-link{color:var(--color-primary);font-size:var(--font-size-sm);text-decoration:none}.dashboard-welcome-link:hover{text-decoration:underline}.dashboard-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--space-3) 0}.dash-devices-row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.dash-device-card{min-width:180px;flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.dash-device-header{display:flex;align-items:center;justify-content:space-between}.dash-device-name{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text)}.dash-device-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dash-device-dot--active{background:#34d399}.dash-device-dot--recent{background:#f59e0b}.dash-device-dot--inactive{background:var(--color-text-muted)}.dash-device-header-actions{display:flex;align-items:center;gap:var(--space-1)}.dash-device-action-btn{background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;padding:2px;border-radius:var(--radius-sm);opacity:0;transition:opacity .15s,color .15s}.dash-device-card:hover .dash-device-action-btn{opacity:1}.dash-device-action-btn:hover{color:var(--color-primary)}.dash-device-rename-input{flex:1;background:var(--color-surface-variant);border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);font-weight:600;padding:2px var(--space-1);outline:none;min-width:0}.dash-device-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.dash-device-system-name{font-style:italic;opacity:.6}.dash-no-devices{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.dash-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.dash-stat-card{display:flex;flex-direction:column;gap:var(--space-2);text-decoration:none;color:inherit}.dash-stat-card:hover{opacity:.9}.dash-stat-header{display:flex;align-items:flex-start;justify-content:space-between}.dash-stat-icon{color:var(--color-text-muted)}.dash-stat-count{font-size:2.5rem;font-weight:700;line-height:1;color:var(--color-primary)}.dash-stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.dash-stat-sub{font-size:var(--font-size-xs);color:var(--color-text-muted)}.dash-stat-link{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:auto}.dash-stat-card:hover .dash-stat-link{color:var(--color-primary)}.dash-activity-list{display:flex;flex-direction:column}.dash-activity-day{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0}.dash-activity-day-line{flex:1;height:1px;background:var(--color-border)}.dash-activity-day-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.dash-activity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.dash-activity-item:last-child{border-bottom:none}.dash-activity-item--link{text-decoration:none;cursor:pointer;border-radius:var(--radius-sm);margin:0 calc(-1 * var(--space-2));padding-left:var(--space-2);padding-right:var(--space-2);transition:background .1s}.dash-activity-item--link:hover{background:var(--color-surface-variant)}.dash-activity-item--link:hover .dash-activity-label{color:var(--color-primary)}.dash-activity-icon{color:var(--color-text-muted);display:flex;align-items:center;flex-shrink:0}.dash-activity-label{flex:1;font-size:var(--font-size-sm);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-activity-time{font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0;min-width:80px;text-align:right}.dash-activity-empty{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;padding:var(--space-4) 0}.search-bar{position:relative;width:100%}.search-bar-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.search-bar-input{width:100%;background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3) var(--space-2) calc(var(--space-3) + 16px + var(--space-2));outline:none;transition:border-color .15s}.search-bar-input::placeholder{color:var(--color-text-muted)}.search-bar-input:focus{border-color:var(--color-primary)}.search-bar-input::-webkit-search-cancel-button{-webkit-appearance:none}.fab{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:50;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:999px;border:none;background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0006;transition:opacity .15s,transform .15s}.fab:hover{opacity:.9;transform:translateY(-1px)}.fab:active{transform:translateY(0)}.fab-icon{font-size:var(--font-size-lg);line-height:1;font-weight:400}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:999px;font-size:var(--font-size-xs);font-weight:600;white-space:nowrap;letter-spacing:.01em}.badge--default{background:var(--color-surface-variant);color:var(--color-text-muted)}.badge--trigger{background:#34d39926;color:var(--color-trigger);border:1px solid rgba(52,211,153,.25)}.badge--favorite{background:#f59e0b1f;color:var(--color-favorite)}.favorite-toggle{background:none;border:none;padding:var(--space-1);border-radius:var(--radius-sm);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;cursor:pointer}.favorite-toggle:hover{background:var(--color-surface-variant)}.favorite-toggle--active{color:var(--color-favorite)}.favorite-toggle:not(.favorite-toggle--active):hover{color:var(--color-favorite)}.snippet-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5)!important}.snippet-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.snippet-card-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0}.snippet-card-name{font-weight:600;font-size:var(--font-size-md);color:var(--color-text)}.snippet-card-trigger{font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:var(--font-size-xs);letter-spacing:.02em}.snippet-card-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.snippet-card-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color .15s,background-color .15s}.snippet-card-icon-btn:hover{color:var(--color-text);background-color:var(--color-surface-variant)}.snippet-card-icon-btn--danger:hover{color:var(--color-danger);background-color:#ef44441a}.snippet-card-confirm{display:flex;align-items:center;gap:var(--space-1)}.snippet-card-confirm-label{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.snippet-card-content{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.snippet-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.dialog-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border);flex-shrink:0}.dialog-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.dialog-close{background:none;border:none;color:var(--color-text-muted);font-size:22px;line-height:1;padding:0 var(--space-1);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:color .15s,background .15s}.dialog-close:hover{color:var(--color-text);background:var(--color-surface-variant)}.dialog-body{padding:var(--space-4);overflow-y:auto;flex:1}.input-field{display:flex;flex-direction:column;gap:var(--space-1)}.input-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.input{background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-md);padding:var(--space-2) var(--space-3);width:100%;transition:border-color .15s;outline:none}.input::placeholder{color:var(--color-text-muted)}.input:focus{border-color:var(--color-primary)}.input--error{border-color:var(--color-danger)}.input-error{font-size:var(--font-size-xs);color:var(--color-danger)}.textarea-field{display:flex;flex-direction:column;gap:var(--space-1)}.textarea-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.textarea{background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-md);padding:var(--space-2) var(--space-3);width:100%;resize:vertical;transition:border-color .15s;outline:none;font-family:inherit;line-height:1.5}.textarea::placeholder{color:var(--color-text-muted)}.textarea:focus{border-color:var(--color-primary)}.textarea--error{border-color:var(--color-danger)}.textarea-error{font-size:var(--font-size-xs);color:var(--color-danger)}.placeholder-hints{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.placeholder-hints-toggle{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);width:100%;background:var(--color-surface-variant);border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;text-align:left;transition:color .15s}.placeholder-hints-toggle:hover{color:var(--color-text)}.placeholder-hints-panel{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface);border-top:1px solid var(--color-border)}.placeholder-group-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1)}.placeholder-group-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.placeholder-chip{display:inline-flex;align-items:center;padding:2px var(--space-2);background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary);font-size:var(--font-size-xs);font-family:Menlo,Consolas,monospace;cursor:pointer;transition:background .1s,border-color .1s}.placeholder-chip:hover{background:#60a5fa1a;border-color:var(--color-primary)}.placeholder-chip--modifier{color:var(--color-tertiary)}.placeholder-chip--modifier:hover{background:#34d3991a;border-color:var(--color-tertiary)}.placeholder-chip--copied{background:#34d39926;border-color:var(--color-tertiary);color:var(--color-tertiary)}.template-preview{margin-top:8px}.template-preview-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:4px}.template-preview-content{background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 12px;font-size:var(--font-size-sm);line-height:1.6;white-space:pre-wrap;word-break:break-word}.template-token{background:#60a5fa26;color:var(--color-primary);border-radius:3px;padding:1px 3px;font-family:monospace;font-style:normal}.snippet-dialog-form{display:flex;flex-direction:column;gap:var(--space-4)}.snippet-dialog-content-group,.snippet-dialog-field{display:flex;flex-direction:column;gap:var(--space-2)}.snippet-dialog-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.snippet-dialog-favorite{flex-direction:row;align-items:center}.snippet-dialog-error{font-size:var(--font-size-sm);color:var(--color-danger);margin:0}.snippet-dialog-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2)}.list-page{display:flex;flex-direction:column;gap:var(--space-4)}.list-page-toolbar{display:flex;align-items:center;gap:var(--space-3)}.list-page-loading{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-6) 0;text-align:center}.list-page-grid{display:flex;flex-direction:column;gap:var(--space-3)}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-chip{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.filter-chip:hover{border-color:var(--color-primary);color:var(--color-text)}.filter-chip.active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,var(--color-surface));color:var(--color-primary)}.list-page-no-matches{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-6) 0;text-align:center}.empty-state-rich{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-4) 0;max-width:480px}.empty-state-rich-description{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.6}.empty-state-rich-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.empty-state-example-card{pointer-events:none;opacity:.7}.empty-state-card-trigger{color:var(--color-trigger);font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-1)}.empty-state-card-content{color:var(--color-text);font-size:var(--font-size-sm);white-space:pre-wrap;margin-top:var(--space-1)}.empty-state-link-icon{font-size:var(--font-size-lg);margin-bottom:var(--space-1)}.empty-state-link-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.empty-state-link-url{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.empty-state-transform-example{pointer-events:none}.empty-state-transform-prompt{font-size:var(--font-size-sm);font-style:italic;color:var(--color-text-muted);margin-bottom:var(--space-2)}.empty-state-transform-divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-2) 0}.empty-state-transform-row{display:flex;gap:var(--space-3);align-items:baseline;margin-top:var(--space-2)}.empty-state-transform-label{font-size:var(--font-size-xs);color:var(--color-text-muted);min-width:40px;flex-shrink:0}.empty-state-transform-text{font-size:var(--font-size-sm);color:var(--color-text)}.empty-state-transform-text--after{color:var(--color-tertiary)}.action-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.action-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.action-card-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0}.action-card-icon{font-size:var(--font-size-md);line-height:1}.action-card-name{font-weight:600;font-size:var(--font-size-md);color:var(--color-text)}.action-card-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.action-card-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color .15s,background-color .15s}.action-card-icon-btn:hover{color:var(--color-text);background-color:var(--color-surface-variant)}.action-card-icon-btn--danger:hover{color:var(--color-danger)}.action-card-confirm{display:flex;align-items:center;gap:var(--space-1)}.action-card-confirm-label{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.action-card-target{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.action-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.action-dialog-form{display:flex;flex-direction:column;gap:var(--space-4)}.action-dialog-field{display:flex;flex-direction:column;gap:var(--space-2)}.action-dialog-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.action-dialog-select{width:100%;padding:var(--space-2) var(--space-3);background-color:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;outline:none;transition:border-color .15s}.action-dialog-select:focus{border-color:var(--color-primary)}.action-dialog-favorite{flex-direction:row;align-items:center}.action-dialog-error{font-size:var(--font-size-sm);color:var(--color-danger);margin:0}.action-dialog-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2)}.transform-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.transform-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.transform-card-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0}.transform-card-name{font-weight:600;font-size:var(--font-size-md);color:var(--color-text)}.transform-card-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.transform-card-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color .15s,background-color .15s}.transform-card-icon-btn:hover{color:var(--color-text);background-color:var(--color-surface-variant)}.transform-card-icon-btn--danger:hover{color:var(--color-danger)}.transform-card-confirm{display:flex;align-items:center;gap:var(--space-1)}.transform-card-confirm-label{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.transform-card-description{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.transform-card-prompt{font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--font-size-xs);color:var(--color-text-muted);background-color:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:pre-wrap;word-break:break-word}.transform-dialog-form{display:flex;flex-direction:column;gap:var(--space-4)}.transform-dialog-content-group,.transform-dialog-field{display:flex;flex-direction:column;gap:var(--space-2)}.transform-dialog-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.transform-dialog-select{width:100%;padding:var(--space-2) var(--space-3);background-color:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;outline:none;transition:border-color .15s}.transform-dialog-select:focus{border-color:var(--color-primary)}.transform-dialog-favorite{flex-direction:row;align-items:center}.transform-dialog-error{font-size:var(--font-size-sm);color:var(--color-danger);margin:0}.transform-dialog-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2)}.settings-page{display:flex;flex-direction:column;gap:var(--space-6)}.settings-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--space-3) 0}.settings-section-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--space-4) 0;line-height:1.6}.settings-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.settings-account-email{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.settings-signout-btn{display:flex;align-items:center;gap:var(--space-2);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-sm);font-family:inherit;padding:var(--space-2) var(--space-3);cursor:pointer;transition:color .15s,border-color .15s}.settings-signout-btn:hover{color:var(--color-text);border-color:var(--color-text-muted)}.settings-error{font-size:var(--font-size-sm);color:var(--color-danger);margin:0;padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--color-danger) 10%,transparent);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--color-danger) 25%,transparent)}.push-page{display:flex;flex-direction:column;gap:var(--space-6)}.push-send-row-cards{display:flex;gap:var(--space-6);align-items:stretch}.push-send-row-cards>.push-send-card{flex:1;min-width:0}@media (max-width: 640px){.push-send-row-cards{flex-direction:column}}.push-send-card{display:flex;flex-direction:column;gap:var(--space-4)}.push-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.push-textarea{flex:1;width:100%;min-height:100px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);padding:var(--space-3);resize:vertical;box-sizing:border-box}.push-textarea:focus{outline:none;border-color:var(--color-primary)}.push-drop-zone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);transition:border-color .15s,color .15s;-webkit-user-select:none;user-select:none;min-height:100px}.push-drop-zone:hover,.push-drop-zone--active{border-color:var(--color-primary);color:var(--color-primary)}.push-drop-zone:focus{outline:2px solid var(--color-primary);outline-offset:2px}.push-staged-file{flex:1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;min-height:100px}.push-staged-thumb{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.push-staged-name{flex:1;min-width:0;font-size:var(--font-size-sm);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.push-staged-size{font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0}.push-staged-rename-input{flex:1;min-width:0;background:var(--color-surface-variant);border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);padding:2px var(--space-1);outline:none}.push-staged-action{background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;padding:2px;border-radius:var(--radius-sm);flex-shrink:0;transition:color .15s}.push-staged-action:hover{color:var(--color-primary)}.push-staged-clear{background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-1);border-radius:var(--radius-sm);line-height:1;flex-shrink:0;transition:color .15s}.push-staged-clear:hover{color:var(--color-danger)}.push-send-row{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.push-ttl-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.push-ttl-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2)}.push-send-btn{margin-left:auto}.push-error{font-size:var(--font-size-sm);color:var(--color-danger);margin:0}.push-received-actions{display:flex;align-items:center;gap:var(--space-1)}.push-received-header{display:flex;align-items:center;justify-content:space-between}.push-loading,.push-empty{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.push-list{display:flex;flex-direction:column;gap:var(--space-3)}.push-item{display:flex;flex-direction:column;gap:var(--space-2)}.push-item-content{font-size:var(--font-size-sm);color:var(--color-text);margin:0;white-space:pre-wrap;word-break:break-word}.push-item-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted)}.push-item-actions{display:flex;align-items:center;gap:var(--space-2)}.push-item--file .push-item-preview{width:100%;max-height:280px;object-fit:contain;border-radius:var(--radius-sm);background:var(--color-surface)}.push-item-file-info{display:flex;align-items:center;gap:var(--space-2)}.push-item-filename{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.push-item-filesize{font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0}