*{box-sizing:border-box}body{margin:0;background:#f7f6fc;color:#191a29;font:16px/1.5 system-ui,-apple-system,sans-serif}main{max-width:560px;margin:auto;padding:calc(18px + env(safe-area-inset-top)) 22px calc(30px + env(safe-area-inset-bottom))}nav{display:flex;justify-content:space-between;align-items:center}a{color:#6746d5;text-decoration:none}nav span{font-weight:850;letter-spacing:2px}header{padding:30px 0 18px}header img{float:right;border-radius:50%}header p:first-of-type{font-size:11px;font-weight:750;letter-spacing:2px;color:#7159b0}h1{font-size:38px;letter-spacing:-1.5px;margin:10px 0}header p{color:#737586}label{display:block;font-size:14px;font-weight:650;margin-bottom:10px}textarea,input{font:16px/1.6 inherit;font-family:inherit;font-size:17px;line-height:1.6;width:100%;padding:18px;border:1px solid #dedce9;border-radius:18px;background:white;color:inherit;resize:vertical}textarea:focus,input:focus{outline:2px solid #987ce6;outline-offset:2px}button{font:inherit;cursor:pointer;border:1px solid #dedce9;border-radius:12px;padding:12px 16px;color:#6746d5;background:white;min-height:46px}button:disabled{opacity:.5;cursor:wait}.primary{width:100%;background:#6c47dc;color:white;font-weight:750;border:0;padding:17px;margin-top:16px}.actions{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:12px}.actions span{font-size:12px;color:#858391}#status{white-space:pre-wrap;font-size:14px;overflow-wrap:anywhere}.hint{border-top:1px solid #e0ddea;margin-top:28px;padding-top:22px;font-size:13px;color:#72717f}.hint strong{color:#252433}#login{padding:18px;background:#efecf8;border-radius:18px}input{padding:12px;margin-top:6px}#login a{display:block;margin-top:16px}


[hidden]{display:none!important}.voice-card{margin-top:18px;padding:16px;border:1px solid #dcd4ef;border-radius:18px;background:#eeebf8}.voice-card .actions{margin-top:0}#record{background:#6844d6;color:#fff;border:0;font-weight:700}#record[aria-pressed="true"]{background:#b42745}#recordTime{color:#85314b;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.voice-hint{font-size:13px;color:#665d7b;margin:10px 0 0}#audioLabel{font-size:13px;color:#554a70}audio{width:100%;max-width:100%;display:block}.voice-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.organize-option{display:flex;align-items:flex-start;gap:10px;margin:22px 0 0;font-weight:600}.organize-option input{width:22px;height:22px;flex:0 0 22px;padding:0;margin:3px 0;accent-color:#6844d6}.organize-option small{display:block;font-size:12px;color:#737081;font-weight:400;margin-top:4px}.answer-card{padding:18px;border:1px solid #dcd4ef;border-radius:18px;background:#fff;margin:22px 0}.answer-card h2{font-size:18px;margin:0 0 12px}#answer{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}.actions{flex-wrap:wrap}button:focus-visible,a:focus-visible{outline:3px solid #9b7be9;outline-offset:3px}@media(max-width:360px){main{padding-left:14px;padding-right:14px}h1{font-size:34px}.voice-buttons button{width:100%}}

.connection-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;margin:0 0 20px;border:1px solid #ded8ed;border-radius:14px;background:#efebf8;font-size:13px;color:#5d4b80;overflow-wrap:anywhere}.connection-bar span{flex:1;min-width:0}.connection-bar button{font-size:12px;max-width:150px;padding:9px 11px;flex-shrink:0}#signin[aria-busy=true]{opacity:.85}#wakeStatus:empty{display:none}#login{scroll-margin-top:20px}#audioDraft{scroll-margin-top:20px}#downloadAudio{color:#32204f;border-color:#b8a8d7}#signin input{min-width:0;max-width:100%}#signin button:disabled{cursor:progress}nav{gap:12px}nav a{overflow-wrap:anywhere}@media(max-width:380px){.connection-bar{align-items:flex-start;flex-direction:column}.connection-bar button{max-width:none;width:100%}}

.files-card{margin:0 0 1.5rem;padding:1.1rem;border:1px solid #ded7f2;border-radius:20px;background:#fff}
.files-card h2{font-size:1.35rem;letter-spacing:-.025em;margin:0 0 .45rem}.files-card>p{font-size:.95rem;color:#6c687c;line-height:1.5;margin:.5rem 0 1rem}
.file-picker{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.file-picker button{margin:0;padding:.8rem .65rem;border:1px solid #dcd3f3;border-radius:14px;background:#f1ecfb;color:#6241c9;font-size:.95rem;font-weight:750;text-align:left;min-height:48px}.file-picker button:last-child{grid-column:1/-1}
.files-card #filesStatus{color:#51436f;background:#f7f4fc;border-radius:12px;padding:.8rem;font-size:.9rem;overflow-wrap:anywhere}
.file-entry{border:1px solid #e6e0f2;border-radius:14px;padding:.85rem;margin:.75rem 0;background:#fcfbff;overflow-wrap:anywhere}.file-entry strong{font-size:.95rem}.file-entry p{font-size:.85rem;color:#716b80;margin:.4rem 0;line-height:1.5}
.file-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.65rem}.file-actions button,.files-heading button{background:white;border:1px solid #ded6ee;color:#6346c0;border-radius:10px;font-size:.8rem;padding:.6rem .7rem;min-height:42px}
.files-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:1.3rem}.files-heading h3{font-size:1rem;margin:0}.files-card details{font-size:.9rem;margin-top:.8rem}.files-card summary{cursor:pointer;color:#6346c0;min-height:40px}.file-entry .file-analysis{white-space:pre-wrap;color:#302b3d}.files-card a{font-size:.9rem}.files-card #emptyFiles{font-size:.85rem}.files-card input[hidden]{display:none}
@media(max-width:360px){.file-picker{grid-template-columns:1fr}.file-picker button:last-child{grid-column:auto}.files-heading{align-items:flex-start}}

#shortcut{margin:1rem 0 1.5rem}#shortcut ol{padding-left:1.4rem}#shortcut li{margin:.8rem 0}#shortcut code{overflow-wrap:anywhere;font-size:.85rem}#shortcut input{box-sizing:border-box;width:100%;font-family:monospace;font-size:1rem}#shortcut details{margin-top:1rem}#shortcut .file-actions{flex-wrap:wrap}


/* Thumb-friendly capture shell */
html{scroll-padding-top:82px}body{-webkit-text-size-adjust:100%;text-size-adjust:100%;padding-bottom:calc(86px + env(safe-area-inset-bottom));}main{padding-top:calc(12px + env(safe-area-inset-top));}main>nav{position:sticky;top:0;z-index:10;background:#f7f6fcf2;backdrop-filter:blur(18px);padding:12px 0;}header{padding:12px 0 8px;}h1{font-size:32px;line-height:1.12;margin:8px 0;}header p:first-of-type{font-size:10px;letter-spacing:1.3px;}header p:last-child{font-size:14px;margin-bottom:12px}.connection-bar{margin-bottom:12px;padding:9px 12px}.connection-bar button{max-width:140px;min-height:42px}.capture-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 16px;position:sticky;top:66px;z-index:9;background:#f7f6fcf5;padding:6px 0;backdrop-filter:blur(18px)}.capture-modes button{padding:12px 5px;min-height:48px;font-size:14px;font-weight:700;border-radius:16px}.capture-modes button:active{background:#e8e0ff;transform:scale(.97)}.files-card{padding:15px;margin-bottom:16px}.files-card h2{font-size:19px}.files-card>p{font-size:13px}#captureFiles>.voice-hint{font-size:12px}#text{scroll-margin-top:135px;min-height:136px}#captureFiles,.voice-card{scroll-margin-top:135px}.capture-bottom{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);background:#fffffff2;backdrop-filter:blur(22px);border-top:1px solid #ded7ed;padding:8px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -5px 30px #3820650a}.capture-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:24px;min-height:48px;border-radius:14px;color:#777184}.capture-bottom a small{font-size:11px;font-weight:650}.capture-bottom a[aria-current]{color:#6746d5;background:#f0eaff}#save{position:sticky;bottom:calc(88px + env(safe-area-inset-bottom));z-index:8;box-shadow:0 5px 20px #6746d533;min-height:54px}#shortcut{font-size:13px;margin-top:24px}#shortcut h2{font-size:18px}#shortcut details{padding-top:8px}.capture-offline{font-size:12px;border-radius:12px;padding:10px;background:#fff1ce;color:#725417;margin-bottom:12px}button,a,input,textarea{-webkit-tap-highlight-color:transparent}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:380px){main{padding-left:14px;padding-right:14px}.connection-bar{flex-direction:row;align-items:center}.connection-bar button{width:auto;max-width:130px;font-size:11px}.capture-modes button{font-size:12px}}
