:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8fafc;color:#000}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:#f8fafc}button,input,select,textarea{font:inherit}.app-frame{min-height:100vh;display:flex;flex-direction:column;padding:max(18px,env(safe-area-inset-top)) 16px calc(92px + env(safe-area-inset-bottom));background:linear-gradient(135deg,rgba(37,99,235,.14),transparent 42%),linear-gradient(315deg,rgba(22,163,74,.12),transparent 38%),#f8fafc}.app-header{width:min(100%,720px);margin:0 auto;display:flex;align-items:center;gap:12px;padding:8px 0 18px}.app-header img{width:48px;height:48px;border-radius:8px}.app-header p{margin:0 0 4px;color:#000;font-size:13px;font-weight:700}.app-header h1{margin:0;color:#000;font-size:22px;line-height:1.15}.app-content{width:min(100%,720px);margin:0 auto;flex:1}.surface{min-height:220px;padding:22px;border:1px solid #e5e7eb;border-radius:8px;background:#ffffffeb;box-shadow:0 18px 44px #0f172a1f;color:#000}.page-stack{display:grid;gap:16px}.page-stack label{display:grid;gap:8px;color:#000;font-weight:700}.page-stack select,.page-stack textarea,.page-stack input{width:100%;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#000}.page-stack select,.page-stack input{min-height:42px;padding:0 12px}.page-stack textarea{min-height:160px;padding:12px;resize:vertical}.page-stack button,.action-row button{min-height:44px;padding:0 14px;border:1px solid #111827;border-radius:8px;background:#fff;color:#000;font-weight:700}.page-stack button:disabled{opacity:.5}.result-block{display:grid;gap:12px;color:#000}.result-block h2,.result-block p{margin:0;color:#000}.translated-text{font-size:20px;font-weight:700;line-height:1.4}.translation-paragraph-list{display:grid;gap:14px}.translation-paragraph{display:grid;gap:10px}.plain-text{line-height:1.5}.word-count{margin:-4px 0 0;color:#000;font-size:13px;font-weight:700}.shadowing-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.shadowing-title-row h2{margin:0;min-width:0;color:#000;font-size:22px;line-height:1.2}.page-stack .speaker-button{width:44px;min-width:44px;min-height:44px;padding:0;display:inline-grid;place-items:center;border-radius:999px}.speaker-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.read-aloud-panel{display:grid;gap:12px;padding:14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.note-list,.unassigned-notes{display:grid;gap:10px}.unassigned-notes h3{margin:0;color:#000;font-size:16px}.note-item{padding:12px;border:1px solid #e5e7eb;border-radius:8px;color:#000}.page-stack .note-choice{display:flex;grid-template-columns:none;align-items:center;gap:10px;font-weight:700}.page-stack .note-choice input[type=checkbox]{width:18px;min-height:18px;margin:0;accent-color:#111827}.note-item strong,.note-item p,.note-item small{color:#000}.action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 16px max(10px,env(safe-area-inset-bottom));border-top:1px solid #e5e7eb;background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bottom-nav button{min-height:44px;border:1px solid transparent;border-radius:8px;background:transparent;color:#000;font-weight:700}.bottom-nav button.active{border-color:#111827;background:#e5e7eb;color:#000}