:root{--bg: #0a0a0c;--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .08);--primary: #007aff;--primary-glow: rgba(0, 122, 255, .4);--text: #f5f5f7;--text-muted: #8e8e93;--danger: #ff3b30;--danger-glow: rgba(255, 59, 48, .4);--success: #34c759}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}.app-container{display:flex;flex-direction:column;height:100vh;padding:env(safe-area-inset-top) 20px env(safe-area-inset-bottom) 20px;max-width:1200px;margin:0 auto}header{display:flex;justify-content:space-between;align-items:center;height:60px;border-bottom:1px solid var(--card-border)}.logo{font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#fff,#a1a1a1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.main-content{display:flex;flex:1;gap:20px;padding:20px 0;height:calc(100vh - 140px);overflow:hidden}.panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;overflow:hidden}.transcript-panel{flex:4}.summary-panel{flex:6;border-color:#007aff26;background:linear-gradient(180deg,#007aff05,#ffffff03)}.panel-header{padding:15px 20px;border-bottom:1px solid var(--card-border);font-size:.9rem;font-weight:600;color:var(--text-muted);display:flex;justify-content:space-between;align-items:center}.panel-body{flex:1;overflow-y:auto;padding:20px}.control-bar{height:80px;display:flex;justify-content:center;align-items:center;border-top:1px solid var(--card-border);position:relative}.recorder-container{display:flex;flex-direction:column;align-items:center}.record-btn{width:56px;height:56px;border-radius:50%;border:none;background:var(--danger);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 15px var(--danger-glow);transition:transform .2s,box-shadow .2s}.record-btn:active{transform:scale(.95)}.record-btn.recording{animation:pulse 1.5s infinite}.duration-label{font-size:.75rem;color:var(--text-muted);margin-top:6px}.side-actions{position:absolute;right:10px;display:flex;gap:12px}.action-icon-btn{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.action-icon-btn:hover{background:#ffffff14}@media (max-width: 767px){.main-content{flex-direction:column}.transcript-panel{order:2;flex:4}.summary-panel{order:1;flex:6}}@keyframes pulse{0%{box-shadow:0 0 #ff3b30b3}70%{box-shadow:0 0 0 12px #ff3b3000}to{box-shadow:0 0 #ff3b3000}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#16161a;border:1px solid var(--card-border);width:90%;max-width:500px;border-radius:20px;overflow:hidden}.modal-header{padding:20px;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;align-items:center}.close-btn{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer}.modal-body{padding:20px;max-height:400px;overflow-y:auto}.records-list{display:flex;flex-direction:column;gap:12px}.record-item{background:#ffffff05;border:1px solid var(--card-border);border-radius:12px;padding:15px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.record-item:hover{background:#ffffff0a}.record-info h4{margin-bottom:5px}.record-meta{display:flex;gap:15px;font-size:.75rem;color:var(--text-muted)}.delete-item-btn{background:none;border:none;color:var(--danger);cursor:pointer;padding:5px}