*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}.app{color:#fff;background:#111827;min-height:100vh;font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}.editor-layout{flex-direction:column;gap:1rem;max-width:72rem;height:100vh;margin:0 auto;padding:1rem;display:flex;overflow:hidden}.editor-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.editor-title{align-items:center;gap:.6rem;margin:0;font-size:clamp(1.5rem,2.5vw,2rem);display:flex}.editor-body{flex:1;min-height:32vh}.header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.editor-tabs{gap:.5rem;display:inline-flex}.tab-button{color:#cbd5e1;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:999px;padding:.45rem .8rem;font-size:.85rem}.tab-button-active{color:#dbeafe;background:#1e40af40;border-color:#3b82f6}.hidden-file-input{display:none}.ghost-button{color:#d1d5db;cursor:pointer;background:0 0;border:1px solid #4b5563;border-radius:.75rem;padding:.5rem .85rem;font-size:.95rem}.ghost-button:hover{color:#fff;background:#1f2937}.ghost-button:disabled,.icon-button:disabled{opacity:.45;cursor:not-allowed}.ghost-button:disabled:hover,.icon-button:disabled:hover{color:inherit;background:0 0}.compact-button{white-space:nowrap;align-items:center;gap:.25rem;min-height:2.35rem;padding:.42rem .7rem;display:inline-flex}.editor-textarea{resize:none;color:#f3f4f6;box-sizing:border-box;background:#1f2937;border:1px solid #374151;border-radius:1rem;outline:none;width:100%;height:100%;padding:1.25rem;font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.6}.editor-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f666}.start-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1.25rem;font-weight:700;display:inline-flex}.start-button:hover{background:#3b82f6}.save-status{color:#9ca3af;margin:0;font-size:.9rem}.active-card-panel{background:#0f172ab8;border:1px solid #334155;border-radius:.9rem;justify-content:space-between;align-items:center;gap:.85rem;padding:.75rem .85rem;display:flex}.active-card-panel>div:first-child{gap:.2rem;min-width:0;display:grid}.active-card-panel span{color:#94a3b8;font-size:.82rem}.active-card-panel strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.card-switcher{flex-shrink:0;align-items:center;gap:.55rem;display:inline-flex}.card-switcher>span{color:#cbd5e1;text-align:center;width:4.2rem;font-size:.9rem;font-weight:700}.md-guide{color:#cbd5e1;background:linear-gradient(#0f172ae6,#111827bf);border:1px solid #334155;border-radius:1rem;margin:0;padding:.85rem 1rem;font-size:.85rem;line-height:1.5}.md-guide-title{color:#f8fafc;margin-bottom:.35rem;display:inline-block}.md-guide p{margin:.2rem 0}.md-guide hr{border:none;border-top:1px dashed #475569;margin:.5rem 0}.card-header{color:#cbd5e1;justify-content:space-between;align-items:center;gap:.75rem;font-size:.95rem;display:flex}.card-header strong{color:#f3f4f6;font-size:1rem}.card-header span{color:#94a3b8;font-size:.85rem}.card-list{background:#0f172a8c;border:1px solid #334155;border-radius:1rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;max-height:24vh;padding:.6rem;display:grid;overflow-y:auto}.card-page-list{flex:1;align-content:start;min-height:0;max-height:none}.card-page-actions{justify-content:flex-start;display:flex}.card-empty{color:#9ca3af;margin:.5rem;font-size:.9rem}.card-item{color:#e2e8f0;text-align:left;cursor:pointer;background:linear-gradient(160deg,#0b1220 0%,#111827 55%,#1f2937 100%);border:1px solid #334155;border-radius:.8rem;flex-direction:column;gap:.3rem;width:100%;padding:.75rem .85rem;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.card-item:hover{border-color:#60a5fa;transform:translateY(-1px);box-shadow:0 8px 24px #02061759}.card-item-active{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f680}.card-title{color:#f8fafc;font-size:.95rem}.card-item span{color:#9ca3af;font-size:.8rem}.card-markdown{color:#cbd5e1;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:.83rem;line-height:1.45;display:-webkit-box;overflow:hidden}.card-markdown p,.card-markdown ul,.card-markdown ol,.card-markdown blockquote{margin:.15rem 0}.card-markdown code{color:#93c5fd;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem}.card-markdown strong{color:#f1f5f9}@media (width<=720px){.editor-layout{padding:.75rem}.editor-header,.active-card-panel{flex-direction:column;align-items:stretch}.header-actions,.card-switcher{width:100%}.header-actions .ghost-button,.card-switcher .compact-button{flex:1;justify-content:center}.card-switcher{justify-content:space-between}.card-list{grid-template-columns:1fr;max-height:30vh}.tele-card-switcher{max-width:none}.tele-card-readout{min-width:5.6rem;max-width:8rem}}.teleprompter-shell{background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.teleprompter-stage{transform-origin:50%;background:#000;flex-direction:column;width:100vw;height:100dvh;transition:transform .3s ease-in-out;display:flex;position:relative;overflow:hidden}.force-landscape{transform-origin:0 0;width:100dvh;height:100vw;position:absolute;top:0;left:100%;transform:rotate(90deg)}.controls-bar{z-index:50;-webkit-overflow-scrolling:touch;scrollbar-width:thin;background:linear-gradient(#000000e6,#00000073,#0000);align-items:center;padding-block:1rem;transition:opacity .5s;display:flex;position:absolute;top:0;left:0;right:0;overflow:auto hidden}.controls-inner{justify-content:space-between;align-items:center;gap:.6rem;width:100%;min-width:max-content;display:flex}.controls-visible{opacity:1}.controls-hidden{opacity:0;pointer-events:none}.pill-group,.actions-group{align-items:center;gap:.5rem;display:flex}.pill-group{background:#111827cc;border:1px solid #374151a6;border-radius:999px;padding:.375rem}.icon-button,.state-button,.exit-button{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:.8rem;display:inline-flex}.icon-button{color:#d1d5db;background:0 0}.icon-button:hover{color:#fff;background:#374151}.tele-card-switcher{color:#e5e7eb;background:#111827cc;border:1px solid #374151a6;border-radius:999px;align-items:center;gap:.25rem;max-width:min(56vw,25rem);height:3.4rem;padding:.25rem;display:inline-flex}.tele-card-readout{text-align:center;gap:.05rem;min-width:7rem;max-width:14rem;display:grid}.tele-card-readout strong,.tele-card-readout small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tele-card-readout strong{color:#f8fafc;font-size:.95rem}.tele-card-readout small{color:#cbd5e1;font-size:.78rem}.font-size-readout{text-align:center;width:3.2rem;font-size:1.25rem;font-weight:700}.state-button{color:#d1d5db;background:#111827cc;border:1px solid #374151a6}.state-button:hover{color:#fff;background:#374151}.active-green{color:#fff;background:#16a34a;border:none}.active-blue{color:#fff;background:#2563eb;border:none}.rotated-90{transform:rotate(90deg)}.exit-button{color:#fff;background:#dc2626}.exit-button:hover{background:#ef4444}.teleprompter-scroll{scroll-behavior:smooth;justify-content:center;width:100%;height:100%;display:flex;overflow-y:auto}.teleprompter-text{color:#fff;white-space:pre-wrap;letter-spacing:.02em;padding-bottom:100px;font-weight:600;line-height:1.5;transition:all .3s}