@font-face{font-family:DemoRoboto;src:url('../assets/Roboto.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:DemoSansSC;src:url('../assets/NotoSansSC-Demo.woff2?v=d54f3ca3e088e4be') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:DemoSansHK;src:url('../assets/NotoSansHK-Demo.woff2?v=ccdedeb1a76abcea') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:DemoSansTC;src:url('../assets/NotoSansTC-Demo.woff2?v=91cd809717ed3835') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--bg:#f6f5f8;--accent:#535b8f;--soft:#e9e9ee;--ink:#17171b;color:var(--ink);background:var(--bg);font:13px DemoRoboto,Arial,sans-serif}*{box-sizing:border-box}html,body,#voice-app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--bg);font-family:inherit}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;text-align:inherit}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #6962b4;outline-offset:2px}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg{pointer-events:none}input,textarea{max-width:100%;min-width:0}button{min-width:0}.ib{width:36px;height:36px;flex:0 0 36px;background:white;border-radius:50%;display:grid;place-items:center;padding:8px}.topbar{display:flex;height:68px;padding:12px 15px 14px;gap:8px;align-items:center;position:relative}.top-title{font-size:12px!important;position:absolute;left:50%;transform:translateX(-50%);max-width:145px!important;line-height:18px;height:auto!important;padding:12px 16px!important;background:white;border-radius:22px;white-space:normal;font-weight:500}.header-right{margin-inline-start:auto;display:flex;gap:5px}.header-right .ib{width:36px}.library-tabs{height:44px;margin:4px 17px 14px;border-radius:28px;background:#e9e9ed;padding:3px;display:flex}.library-tabs button{flex:1;text-align:center;font-size:12px;padding:5px;border-radius:24px;line-height:16px}.library-tabs .selected{background:#fff;box-shadow:0 1px 3px #0002}.library-scroll{height:calc(100% - 182px);overflow:auto;padding:0 16px 16px;scrollbar-width:none}.date{font-size:10px;padding:10px 2px 12px}.record{display:flex;align-items:center;gap:8px;background:#fff;border-radius:21px;margin-bottom:11px;padding:18px 14px;min-height:78px;touch-action:pan-y}.record-main{min-width:0;flex:1}.record-main>div{display:flex;gap:4px;align-items:center}.record-title{padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;flex:1}.record-main .ib{width:21px;height:23px;flex-basis:21px;padding:2px}.record-main .ib svg{width:15px;height:15px}.record-main small{display:block;font-size:9px;margin-top:5px;line-height:14px;color:#5d5d65}.record>.ib{background:#e9e8ee}.record>.ib svg{width:17px;height:17px}.record>.ib svg path[d^="m9"]{fill:currentColor;stroke:none}.tag{font-size:9px;white-space:nowrap}.tag.generated{background:#e1e0fa;color:#565b8d;border-radius:3px;padding:1px 3px}footer{height:54px;position:absolute;bottom:0;left:0;right:0;padding:7px 15px 5px;display:flex;gap:7px;background:linear-gradient(transparent,var(--bg) 15%)}.primary,.secondary{border-radius:24px;font-size:11px;line-height:16px;text-align:center;padding:11px 10px;min-height:39px}.primary{background:var(--accent);color:white;flex:1}.secondary{background:#fff;border:1px solid #c9c9cf}.detail-title{display:flex;gap:4px;align-items:flex-start;margin:8px 17px 14px}.detail-title h2{font-size:14px;line-height:19px;font-weight:600;margin:0;overflow-wrap:anywhere;max-width:calc(100% - 24px)}.detail-title .ib{width:20px;height:20px;flex-basis:20px;background:none;padding:1px}.detail-title .ib svg{width:14px;height:14px}.player{display:flex;gap:5px;align-items:center;margin:0 16px 18px;background:#fff;padding:8px 4px;border-radius:3px}.player .ib{background:#e4e2fc;width:26px;height:26px;flex-basis:26px;padding:5px}.player .ib:nth-child(2){width:31px;height:31px;flex-basis:31px;background:var(--accent);color:white}.player .ib:nth-child(3){transform:scaleX(-1)}.player .ib:nth-child(2) svg path[d^="m9"]{fill:white;stroke:none}.progress{flex:1;min-width:0;margin:0 6px}.progress input{width:100%;height:15px;accent-color:#535487;margin:0;display:block}.progress>div{display:flex;justify-content:space-between;font-size:8px;color:#60606a;direction:ltr}.tabs{display:flex;align-items:stretch;gap:2px;border-bottom:1px solid #dedee7;padding:0 12px;margin:0 10px 8px;min-height:34px}.tabs button{flex:1;font-size:10px;text-align:center;padding:7px 3px;line-height:15px;border-bottom:2px solid transparent}.tabs button.selected{border-color:var(--accent);color:var(--accent)}.detail-scroll{height:calc(100% - 238px);overflow:auto;padding:0 17px 55px;scrollbar-width:none}.detail-title:has(h2)+.sources~.detail-scroll{height:calc(100% - 328px)}.transcript{margin:11px 0 15px}.transcript header{display:flex;justify-content:space-between;gap:5px;align-items:center;font-size:9px}.speaker{display:flex;align-items:center;color:#535888;padding:0}.speaker svg{width:10px;height:10px;margin-inline-start:3px}.transcript header>button:last-child{font-size:8px;color:#777}.transcript p,.content-block p,.content-block li{font-size:11px;line-height:1.48;margin:7px 0}.content-block{margin-bottom:14px;position:relative}.content-block h3{font-size:11px;font-weight:500;color:#575b8b;border-inline-start:2px solid #8c88bc;padding-inline-start:5px;margin:9px 0 5px}.content-block ul{padding-inline-start:15px;margin:4px 0}.content-block textarea,.transcript textarea,.detail-title input{width:100%;background:white;border:1px solid #dcdce4;border-radius:3px;resize:vertical;font-size:11px;line-height:1.5;padding:5px;min-height:80px}.detail-title input{min-height:35px}.chapter{margin-top:8px}.chapter>summary{font-size:11px;padding:7px 0;cursor:pointer;list-style:none}.chapter>summary:after{content:'⌃';float:right}.chapter:not([open])>summary:after{content:'⌄'}.chapter>summary small{display:block;font-size:8px;color:#777}.sources{display:flex;flex-direction:column;gap:4px;margin:0 16px 9px;max-height:96px;overflow:auto}.sources button{font-size:9px;background:white;border-radius:4px;border:1px solid #dedde5;padding:6px}.sources button:first-child{background:#e1e0f8;color:#53598d}.empty{height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:9px}.empty strong{font-size:11px;font-weight:500}.empty p{font-size:11px}.empty .primary{flex:0}.wave svg{width:35px;height:35px;stroke-width:2.5}.text{font-size:10px;padding:7px 0;color:#777}.add-all{position:absolute;top:-4px;right:0;font-size:9px;color:#777}.todo{display:flex;gap:7px;margin:7px 0;background:#fff;padding:8px;border-radius:7px}.todo>input{width:12px;height:12px;margin:3px 0;accent-color:var(--accent)}.todo>div{min-width:0;flex:1}.todo-name{font-size:11px;line-height:1.45;padding:0}.todo.done .todo-name{text-decoration:line-through;color:#999}.todo-meta{display:flex;align-items:center;justify-content:space-between;gap:3px;margin-top:7px}.todo-meta>button:first-child{font-size:8px;color:#777;padding:0}.chip{font-size:8px;border:1px solid #d0cfd8;border-radius:20px;padding:3px 7px;background:white;white-space:normal}.place{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:11px;margin:9px 0}.menu{position:absolute;top:52px;right:16px;z-index:10;background:#fff;box-shadow:0 2px 8px #0003;border-radius:8px;min-width:145px;max-width:80%;padding:4px}.menu button{display:block;font-size:10px;width:100%;padding:11px}.search{display:flex;gap:5px;padding:2px 16px 14px}.search input{flex:1;width:0;border:1px solid #55598e;border-radius:7px;padding:8px;font-size:11px;background:white}.search .ib{width:27px;height:30px;flex-basis:27px;padding:5px}.record input[type=checkbox]{appearance:none;border:1px solid #bbb;border-radius:50%;width:24px;height:24px;flex:0 0 24px;background:white}.record input:checked{background:var(--accent);border-color:var(--accent)}.record input:checked:after{content:'✓';display:block;text-align:center;color:white;line-height:22px}.selection-count{position:absolute;bottom:0;padding:8px 16px;background:var(--bg);width:100%;font-size:10px}.selection-count p{font-size:9px;color:#999;margin:6px 0}.selection-count .primary{width:100%}.recording-banner{margin:0 17px 14px;background:white;border-radius:20px;padding:12px;display:flex;align-items:center;justify-content:space-between}.recording-banner small{display:block;font-size:9px;margin-top:5px}.recording-banner .ib{background:var(--accent);color:white}.recording-banner+.library-scroll{height:calc(100% - 245px)}.record-controls{position:absolute;bottom:12px;left:16px;right:16px;background:white;border-radius:35px;display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:8px;box-shadow:0 1px 6px #0002}.record-controls>.ib{background:var(--accent);color:white}.record-controls>.ib:first-of-type{background:#ad3139}.wave-bars{color:var(--accent);flex:1;letter-spacing:1px;overflow:hidden;white-space:nowrap}.overlay,.chat-shade{position:fixed;inset:0;background:#0006;z-index:20;display:flex;justify-content:center;align-items:center}.dialog{width:calc(100% - 44px);max-height:90%;overflow:auto;border-radius:26px;background:#f7f5ff;padding:22px 17px 16px;font-size:12px}.dialog h3{text-align:center;font-size:13px;font-weight:500;margin:0 0 14px}.dialog input,.dialog textarea{display:block;width:100%;border:1px solid #79758a;border-radius:6px;background:transparent;padding:10px;font-size:12px;margin:8px 0 15px}.dialog textarea{min-height:65px}.dialog-actions{display:flex;gap:8px;margin-top:16px}.dialog-actions>*{flex:1;font-size:10px;padding:9px;min-height:33px}.dialog .secondary{background:#eae8f2;border:0}.sheet{position:absolute;bottom:0;width:100%;max-height:88%;border-radius:25px 25px 0 0;padding:23px 18px 18px}.quick-preview{background:#313a43;border-radius:12px;padding:12px;color:#ddd;font-size:10px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}.quick-grid span{background:#5d6277;padding:10px;border-radius:7px;text-align:center}.quick-grid .quick-mic{background:var(--accent)}.quick-grid svg{display:inline-block}.sheet>.primary,.sheet>.secondary{width:100%;font-size:10px;min-height:31px;padding:8px}.sheet p{font-size:11px;line-height:1.6}.date-picker{padding:12px;background:#e9e5f5;border-radius:6px;font-size:11px;width:100%}.chat{z-index:22;position:fixed;bottom:0;left:0;right:0;height:57%;background:var(--bg);border-radius:24px 24px 0 0;display:flex;flex-direction:column;box-shadow:0 -3px 15px #0001}.chat.expanded{height:100%;border-radius:0}.chat>header{display:flex;gap:5px;padding:10px;align-items:center}.chat strong{font-size:12px;flex:1}.chat .ib{width:28px;height:28px;flex-basis:28px;padding:5px}.chat-body{flex:1;overflow:auto;padding:18px 20px}.chat-body>small{font-size:9px;color:#888}.suggestion{display:block;background:#fff;border:1px solid #eeedf3;border-radius:20px;width:100%;font-size:9px;padding:10px;margin:10px 0}.chat form{display:flex;align-items:center;gap:6px;padding:8px;background:white;margin:8px;border-radius:28px}.chat form input{flex:1;width:0;border:0;background:none;font-size:10px;outline:none}.chat form .ib{background:var(--accent);color:white}.context{background:#e8e6f5;border-radius:8px;display:flex;align-items:center;margin-bottom:10px;padding:7px;gap:4px;font-size:9px}.context>span{flex:1}.chat-message{white-space:pre-wrap;font-size:11px;line-height:1.55;padding:10px;margin:9px 0;background:white;border-radius:12px}.chat-message.user{background:#e5e2f6;margin-inline-start:25px}.no-results{font-size:11px;text-align:center;color:#888;margin-top:70px}
:root:lang(zh-CN){font-family:"DemoSansSC",sans-serif}:root:lang(zh-HK){font-family:"DemoSansHK",sans-serif}:root:lang(zh-TW){font-family:"DemoSansTC",sans-serif}:root:lang(ar){font-family:Arial,sans-serif}html[dir=rtl] .add-all{right:auto;left:0}html[dir=rtl] .menu{right:auto;left:16px}.record-title,.detail-title h2,.transcript p,.content-block p,.content-block li{unicode-bidi:plaintext}.dialog:focus{outline:none}body[data-theme=dark]{--bg:#24242d;--ink:#f0eff7;--soft:#34333f;color:var(--ink)}body[data-theme=dark] .record,body[data-theme=dark] .ib,body[data-theme=dark] .player,body[data-theme=dark] .todo,body[data-theme=dark] .dialog,body[data-theme=dark] .menu,body[data-theme=dark] .top-title,body[data-theme=dark] .sources button,body[data-theme=dark] .chat-message,body[data-theme=dark] .suggestion,body[data-theme=dark] .chat form,body[data-theme=dark] .recording-banner,body[data-theme=dark] .record-controls{background:#34333f;color:#eee}body[data-theme=dark] .library-tabs{background:#35343f}body[data-theme=dark] .library-tabs .selected{background:#55506a}body[data-theme=dark] .detail-scroll textarea,body[data-theme=dark] .detail-title input{background:#34333f;color:#eee}body[data-theme=dark] .content-block h3,body[data-theme=dark] .speaker{color:#bfbaee}

footer>.secondary{flex:0 0 auto;max-width:43%;padding-inline:8px}footer>.primary{flex:1;min-width:0}button{font-family:inherit}body{font-synthesis:none}.header-right{flex-shrink:0}
#voice-app{display:flex;flex-direction:column;position:relative}.topbar,.library-tabs,.detail-title,.player,.tabs,.sources,.recording-banner,.search{flex-shrink:0}.library-scroll,.detail-scroll{height:auto!important;flex:1;min-height:0}.library-scroll{padding-bottom:55px}.detail-title{margin-top:18px}.detail-title h2{font-size:18px;line-height:23px}.player{min-height:67px;padding:10px}.player .ib{width:38px;height:38px;flex-basis:38px}.player .ib:nth-child(2){width:48px;height:48px;flex-basis:48px}.player .ib svg{width:22px;height:22px}.player .progress{margin-inline:2px}.tabs{min-height:39px}.content-block p,.content-block li{font-size:13px;line-height:1.35}.content-block h3{font-size:13px}.content-block textarea{font-size:13px;min-height:160px;line-height:1.35}.transcript p{font-size:12px;line-height:1.45}.content-block textarea[data-edit=overview]{min-height:225px}.detail-title input{min-height:42px}.header-right>.primary{padding:10px 18px;min-height:35px;flex:none}.header-right>.text{padding:8px 5px}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:12px}.calendar-head .ib:last-child{transform:scaleX(-1)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center;direction:ltr}.calendar-grid small{font-size:9px;color:#888;padding:8px 0}.calendar-grid button{font-size:11px;height:31px;text-align:center;border-radius:10px}.calendar-grid button.selected{background:var(--accent);color:white}.dialog.sheet:has(.calendar-grid){bottom:10%;left:10%;width:80%;border-radius:26px;padding:18px 15px}.dialog.sheet:has(.calendar-grid)>h3{display:none}.dialog.sheet:has(.calendar-grid) .dialog-actions button{background:none;color:var(--accent);font-size:11px}.player .ib:first-child svg,.player .ib:nth-child(3) svg{width:17px}.date{padding-block:10px 12px}

.tabs button{position:relative;border-bottom:0}.tabs button.selected:after{content:"";position:absolute;bottom:0;left:50%;width:23px;height:2px;background:var(--accent);transform:translateX(-50%)}.player .ib:nth-child(3){transform:none}

.sheet:has(.quick-preview){height:80%;max-height:90%;background:#fff;padding:25px 18px 18px}.sheet:has(.quick-preview):before{content:"";position:absolute;width:28px;height:4px;border-radius:3px;background:#c7c3cf;top:12px;left:calc(50% - 14px)}.sheet:has(.quick-preview)>h3{font-size:13px;margin-bottom:10px}.quick-preview{padding:0;position:relative;width:calc(100% - 40px);height:auto;aspect-ratio:259/152;overflow:hidden;margin:0 20px 6px;border-radius:15px 15px 0 0;background:transparent}.quick-preview img{display:block;position:absolute;width:128.185%;max-width:none;height:auto;left:-14.286%;top:-144.079%}.manual-preview{aspect-ratio:255/149;margin-top:12px}.manual-preview img{width:130.196%;left:-15.294%;top:-307.383%}.sheet:has(.quick-preview) .tabs{margin-inline:0;padding:0;min-height:39px}.sheet:has(.quick-preview) .primary,.sheet:has(.quick-preview) .secondary{width:calc(100% - 42px);margin-inline:21px;padding:10px;border-radius:24px;min-height:39px;font-size:11px}.sheet:has(.quick-preview) .secondary{background:white;border:1px solid #222}.sheet:has(.quick-preview) p{font-size:11px;line-height:1.5;margin:15px 0 10px}.sheet:has(.quick-preview) .dialog-actions{display:none}

.quick-step{display:inline-grid;place-items:center;width:20px;height:20px;font-size:10px;background:#e2dffa;color:#535b8f;border-radius:50%;margin-inline-end:5px;vertical-align:middle}body[data-theme=dark] .sheet:has(.quick-preview){background:#34333f;color:#eee}body[data-theme=dark] .sheet:has(.quick-preview) .secondary{background:transparent;color:#eee;border-color:#aaa}body[data-theme=dark] .progress>div,body[data-theme=dark] .record-main small{color:#c4c0d0}body[data-theme=dark] .chat{background:var(--bg)}body[data-theme=dark] .dialog input,body[data-theme=dark] .dialog textarea{color:#eee}body[data-theme=dark] .dialog .secondary{background:#4a4655;color:#eee}
/* Preserve the 720px reference layout; compact phone heights keep content usable. */
.detail-title .ib{position:relative}.detail-title .ib:before{content:"";position:absolute;inset:-12px}
@media(max-height:500px){.topbar{height:44px;padding-block:4px}.top-title{padding:8px 12px!important;font-size:11px!important}.detail-title{margin:4px 16px 6px}.detail-title h2{font-size:14px;line-height:17px;max-height:34px;overflow:hidden}.player{min-height:44px;padding:5px;margin-bottom:6px}.player .ib{width:26px;height:26px;flex-basis:26px}.player .ib:nth-child(2){width:34px;height:34px;flex-basis:34px}.tabs{min-height:30px;margin-bottom:6px}.tabs button{font-size:9px;padding:5px 2px}.sources{max-height:32px;flex-direction:row;overflow:auto;margin-bottom:5px}.sources button{flex:0 0 145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-block p,.content-block li{font-size:12px}.transcript p{font-size:11px}.library-tabs{height:36px;margin-bottom:4px}.date{padding-block:5px}.record{min-height:66px;padding-block:12px}.sheet:has(.quick-preview){height:90%}.chat{height:85%}.chat.expanded{height:100%}}

.overlay{z-index:30}.chat-model{flex:1;font-size:12px;font-weight:600;padding:6px 0}.chat-attach{width:24px;height:28px;padding:3px;display:grid;place-items:center}.chat form .ib:disabled{opacity:1}.menu-panel-button{display:block;width:100%;border:1px solid #e0dee9;border-radius:12px;padding:13px;font-size:12px;margin:8px 0;background:white}body[data-theme=dark] .menu-panel-button{background:#464150;color:#eee}

.date{display:flex;justify-content:space-between;align-items:center}.date input{appearance:none;width:21px;height:21px;border:1px solid #bcb8c8;border-radius:50%;accent-color:var(--accent)}.date input:checked{background:var(--accent)}.date input:checked:after{content:"✓";display:block;text-align:center;color:white;line-height:19px;font-size:12px}

/* Translate the reference bitmap's plugin label as live native text. */
.quick-tile-label{position:absolute;right:4%;bottom:8.5%;width:19.5%;height:14%;display:grid;place-items:center;padding:0 1px;background:#5b5b76;color:#fff;font-size:6px;line-height:1.1;text-align:center;overflow:hidden}