:root{--font-size-sm: .875rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--radius-sm: 4px;--radius-md: 8px;--radius-pill: 999px;--color-page: #f5f5f5;--color-surface: #ffffff;--color-surface-muted: #f6f8fa;--color-text: #333333;--color-text-muted: #666666;--color-text-subtle: #555555;--color-border: #dddddd;--color-border-muted: #d0d7de;--color-border-hover: #afb8c1;--color-primary: #1976d2;--color-primary-ring: rgba(25, 118, 210, .15);--color-accent-warm: #9f5a1f;--color-accent-warm-soft: #f4b36f;--color-panel-dark: #17212b;--color-panel-dark-text: #f8fbff;--color-panel-dark-text-muted: rgba(248, 251, 255, .75);--color-danger: #d32f2f;--color-danger-hover: #b71c1c;--error-bg: #f8d7da;--error-border: #f5c6cb;--error-text: #721c24;--shadow-card: 0 2px 4px rgba(0, 0, 0, .1);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3rem;line-height:1.1}button{border-radius:var(--radius-md);font-size:1rem;font-weight:500;font-family:inherit}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.delete-icon-button{background-color:transparent;color:#999;border:none;border-radius:var(--radius-sm);padding:6px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s,color .2s}.delete-icon-button:hover{color:var(--color-danger)}.document-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.document-item{border:1px solid #ddd;border-radius:var(--radius-md);padding:15px;background-color:#f9f9f9;transition:box-shadow .2s;position:relative}.document-item:hover{box-shadow:0 4px 8px #0000001a}.document-link{text-decoration:none;color:inherit;display:block}.document-link h3{margin-bottom:10px;color:#333}.document-preview{color:#666;font-size:var(--font-size-sm);line-height:1.4}.delete-document-icon{position:absolute;top:10px;right:10px;opacity:0}.document-item:hover .delete-document-icon{opacity:1}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-primary);text-decoration:none}.back-link:hover{text-decoration:underline}.document-detail-page{padding:var(--space-5);margin:0 auto;max-width:1200px;box-sizing:border-box}.prompt-selector{display:flex;align-items:center;gap:var(--space-3);flex-wrap:nowrap;min-width:0}.document-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:color-mix(in srgb,var(--color-surface) 92%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--color-text) 8%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.document-toolbar-main{display:grid;gap:var(--space-2);min-width:0}.document-toolbar h1{margin:0;color:var(--color-text);line-height:1.1}.prompt-selector-label{font-weight:600;color:var(--color-text)}.prompt-selector select{flex:0 1 360px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);min-width:0;max-width:100%;background-color:var(--color-surface)}.document-content{background-color:var(--color-surface-muted);padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-border)}.line-container{margin-bottom:var(--space-5);border-bottom:1px solid #eee;padding-bottom:var(--space-5)}.line-container:last-child{border-bottom:none;margin-bottom:0}.line-content{display:flex;align-items:flex-start;gap:15px;margin-bottom:10px}.line-text{flex:1;margin:0;padding:10px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;line-height:1.5}.explain-button{padding:var(--space-2) var(--space-4);background-color:#28a745;color:var(--color-surface);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);white-space:nowrap}.explain-button:hover{background-color:#218838}.explain-button:disabled{background-color:#6c757d;cursor:not-allowed}.explanations-container{margin-top:15px}.explanations-container h4{margin-bottom:10px;color:var(--color-text);font-size:1rem}.explanation-box{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:15px 48px 15px 15px;margin-bottom:10px;position:relative}.explanation-prompt{margin-bottom:var(--space-3)}.explanation-prompt-label{margin:0 0 var(--space-1);color:var(--color-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.explanation-prompt-title{margin:0 0 6px;color:var(--color-text);font-size:var(--font-size-sm);font-weight:500}.prompt-toggle-button{padding:4px 10px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-subtle);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;line-height:1.2}.prompt-toggle-button:hover{background-color:var(--color-surface);border-color:var(--color-border-hover);color:var(--color-text)}.explanation-prompt-text{margin:0 0 15px;padding:10px var(--space-3);background-color:var(--color-surface-muted);border-radius:var(--radius-sm);color:var(--color-text);white-space:pre-wrap;font-size:var(--font-size-sm)}.explanation-content>:first-child{margin-top:0}.explanation-content>:last-child{margin-bottom:0}.delete-explanation-button{position:absolute;top:10px;right:10px;opacity:0}.explanation-box:hover .delete-explanation-button{opacity:1}.explanation-error{background-color:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);padding:10px 15px;border-radius:var(--radius-sm);margin-top:10px;display:flex;align-items:center;gap:10px}.retry-button{padding:var(--space-1) var(--space-3);background-color:var(--color-danger);color:var(--color-surface);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.8125rem}.retry-button:hover{background-color:var(--color-danger-hover)}.document-uploader-container{max-width:600px;margin:0 auto;padding:var(--space-5)}.form-group{margin-bottom:10px}.form-label{display:block;font-weight:700}.form-input,.form-textarea{width:100%;padding:var(--space-2)}.upload-button{padding:10px var(--space-5);background-color:#007bff;color:#fff;border:none;cursor:pointer;font-weight:700}.upload-button:disabled{background-color:#ccc;cursor:not-allowed}.google-sign-in-button{width:100%;display:flex;justify-content:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-muted);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer}.google-sign-in-button:hover{background:var(--color-surface-muted);border-color:var(--color-border-hover)}.google-sign-in-button:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.google-sign-in-button__icon{flex-shrink:0;font-size:20px}.landing-page{min-height:100vh;color:var(--color-text);background:radial-gradient(circle at top right,color-mix(in srgb,var(--color-accent-warm-soft) 30%,transparent),transparent 32%),radial-gradient(circle at top left,color-mix(in srgb,var(--color-primary) 12%,transparent),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--color-accent-warm-soft) 22%,var(--color-surface) 78%),color-mix(in srgb,var(--color-surface-muted) 40%,var(--color-surface) 60%) 46%,color-mix(in srgb,var(--color-primary) 8%,var(--color-page) 92%))}.landing-shell{max-width:1180px;margin:0 auto;padding:24px}.landing-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:48px}.landing-brand,.landing-brand:hover{color:var(--color-text);font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.landing-nav{display:flex;align-items:center;gap:18px}.landing-nav-link,.landing-nav-link:hover{color:var(--color-text-subtle);font-size:.95rem}.landing-main{padding-bottom:64px}.landing-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:40px;align-items:center}.landing-hero-copy h1{margin:0;max-width:11ch;color:var(--color-text);font-size:clamp(3rem,7vw,5rem);line-height:.94;letter-spacing:-.08em}.landing-eyebrow{margin:0 0 16px;color:var(--color-accent-warm);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.landing-subhead{max-width:34rem;margin:24px 0 0;color:var(--color-text-subtle);font-size:1.15rem}.landing-cta-group{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:32px}.landing-cta-primary{width:min(100%,280px)}.landing-secondary-link,.landing-secondary-link:hover{color:var(--color-text);font-weight:600}.landing-caption{max-width:38rem;margin:20px 0 0;color:var(--color-text-muted);font-size:.95rem}.landing-preview-frame{padding:18px;border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:28px;background:color-mix(in srgb,var(--color-surface) 74%,transparent);box-shadow:0 24px 70px color-mix(in srgb,var(--color-text) 12%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.landing-preview-toolbar{display:flex;gap:8px;padding-bottom:16px}.landing-preview-toolbar span{width:10px;height:10px;border-radius:999px;background:var(--color-border-muted)}.landing-preview-toolbar span:first-child{background:color-mix(in srgb,var(--color-accent-warm-soft) 75%,white)}.landing-preview-toolbar span:nth-child(2){background:color-mix(in srgb,var(--color-accent-warm-soft) 55%,#e9c86f)}.landing-preview-toolbar span:last-child{background:#84c29b}.landing-preview-body{display:grid;grid-template-columns:1.08fr .92fr;gap:16px}.landing-preview-document,.landing-preview-explanation{min-height:100%;border:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);border-radius:22px;padding:22px}.landing-preview-document{background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent-warm-soft) 10%,var(--color-surface) 90%),color-mix(in srgb,var(--color-accent-warm-soft) 18%,var(--color-surface-muted) 82%))}.landing-preview-explanation{background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 10%,var(--color-surface) 90%) 0%,var(--color-surface) 100%)}.landing-preview-label{margin:0 0 10px;color:var(--color-text-muted);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.landing-preview-document h2,.landing-preview-explanation h3{margin:0;color:var(--color-text);font-size:1.2rem;line-height:1.2}.landing-preview-lines{display:grid;gap:12px;margin-top:20px}.landing-preview-lines p{margin:0;padding:14px 16px;border-radius:16px;background:color-mix(in srgb,var(--color-surface) 72%,transparent);color:var(--color-text)}.landing-preview-line-active{border:1px solid color-mix(in srgb,var(--color-primary) 18%,transparent);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface) 90%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 8%,transparent)}.landing-preview-explanation ul{display:grid;gap:12px;margin:20px 0 0;padding:0;list-style:none}.landing-preview-explanation li{color:var(--color-text)}.landing-section{padding-top:88px}.landing-section-heading{max-width:42rem}.landing-section-heading h2,.landing-benefits-copy h2,.landing-support-card h2{margin:0;color:var(--color-text);font-size:clamp(2rem,4vw,3rem);line-height:1;letter-spacing:-.05em}.landing-steps,.landing-benefits-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.landing-card{padding:22px;border:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);border-radius:22px;background:color-mix(in srgb,var(--color-surface) 72%,transparent);box-shadow:0 16px 45px color-mix(in srgb,var(--color-text) 6%,transparent)}.landing-card h3{margin:14px 0 10px;color:var(--color-text);font-size:1.15rem}.landing-card p{margin:0;color:var(--color-text-subtle)}.landing-card-muted{background:color-mix(in srgb,var(--color-surface-muted) 92%,transparent)}.landing-step-number{color:var(--color-accent-warm);font-size:.85rem;font-weight:700;letter-spacing:.14em}.landing-benefits{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:start}.landing-support-card{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;border-radius:28px;background:var(--color-panel-dark);color:var(--color-panel-dark-text);box-shadow:0 24px 60px color-mix(in srgb,var(--color-panel-dark) 30%,transparent)}.landing-support-card h2{color:var(--color-panel-dark-text)}.landing-support-card p:last-child{margin:18px 0 0;max-width:34rem;color:var(--color-panel-dark-text-muted)}.landing-support-link,.landing-support-link:hover{flex-shrink:0;padding:13px 18px;border-radius:999px;background:var(--color-accent-warm-soft);color:var(--color-panel-dark);font-weight:700}@media (max-width: 960px){.landing-hero,.landing-benefits,.landing-preview-body,.landing-steps,.landing-benefits-list{grid-template-columns:1fr}.landing-support-card{flex-direction:column;align-items:flex-start}}@media (max-width: 720px){.landing-shell{padding:18px}.landing-header{flex-direction:column;align-items:flex-start;margin-bottom:28px}.landing-nav{flex-wrap:wrap}.landing-section{padding-top:68px}}.auth-page{max-width:400px;margin:32px auto;padding:32px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card)}.auth-page h2{margin:0 0 24px;color:var(--color-text);text-align:center}.auth-link{text-align:center;margin-top:var(--space-4);color:var(--color-text-muted)}.auth-link a{color:var(--color-primary);text-decoration:none}.auth-link a:hover{text-decoration:underline}.auth-error{margin:0 0 16px;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.provider-callback__message{margin:0;color:var(--color-text-muted);text-align:center}.logout-button{padding:var(--space-2) var(--space-4);background:var(--color-danger);color:var(--color-surface);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background-color .3s}.logout-button:hover{background:var(--color-danger-hover)}.logout-button:focus{outline:2px solid var(--color-danger);outline-offset:2px}.layout{min-height:100vh;display:flex;flex-direction:column}.layout-header{background:var(--color-surface-muted);border-bottom:1px solid var(--color-border-muted);padding:0 var(--space-5)}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:64px}.header-content h1{margin:0;color:var(--color-text);font-size:1.5rem}.header-nav{display:flex;align-items:center;gap:var(--space-5)}.nav-link{text-decoration:none;color:var(--color-text-muted);font-weight:500;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);transition:background-color .2s}.nav-link:hover{background-color:var(--color-surface);color:var(--color-text)}.layout-main{flex:1;padding:var(--space-5);max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.app{min-height:100vh;background-color:var(--color-page);width:100%}