*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0a;color:#fff;min-height:100vh;padding-bottom:max(80px,calc(env(safe-area-inset-bottom) + 60px));overscroll-behavior-y:none}.header{padding:max(40px,calc(env(safe-area-inset-top) + 12px)) 24px 20px}@media (max-width:640px){.header{padding:max(24px,calc(env(safe-area-inset-top) + 12px)) 16px 16px}.welcome-container{padding-top:max(56px,calc(env(safe-area-inset-top) + 32px))!important}}.header-top{justify-content:space-between;gap:16px;margin-bottom:8px}.date-row,.header-top{display:flex;align-items:center}.date-row{gap:8px;color:#888;font-size:14px}.auth-button{background:#1a1a1a;border:1px solid #333;color:#fff;padding:8px 12px;border-radius:10px;font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.auth-button:hover{border-color:#7c3aed;background:#1f1a2e}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-controls{position:relative;display:flex;align-items:center}.auth-buttons-desktop{display:none;gap:8px;align-items:center}.auth-dropdown-mobile,.recordings-month-popover{display:flex;position:relative}.recordings-month-popover{align-items:center}.recordings-month-trigger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#1a1a1a;border:1px solid #333;color:#fff;cursor:pointer;transition:all .2s ease}.recordings-month-trigger:hover,.recordings-month-trigger[aria-expanded=true]{border-color:#7c3aed;background:#1f1a2e}.recordings-month-trigger-icon{font-size:19px;line-height:1}.recordings-month-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(356px,calc(100vw - 24px));background:#161616;border:1px solid #303030;border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.45);padding:14px;z-index:120}.recordings-month-panel-header{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;grid-gap:6px;gap:6px;margin-bottom:10px}.recordings-month-title{text-align:center;font-size:13px;font-weight:700;color:#f5f5f5}.recordings-month-nav-btn{width:32px;height:32px;border-radius:10px;background:#1f1f1f;border:1px solid #333;color:#ddd;cursor:pointer;font-size:18px;line-height:1}.recordings-month-nav-btn:hover{border-color:#7c3aed;color:#fff}.recordings-month-weekdays{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px;margin-bottom:8px}.recordings-month-weekdays span{text-align:center;font-size:11px;color:#888;font-weight:600;padding:4px 0}.recordings-month-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px}.recordings-month-day{position:relative;height:40px;border-radius:12px;border:1px solid transparent;background:#1c1c1c;color:#ddd;cursor:pointer;padding:0;transition:all .15s ease}.recordings-month-day:hover{border-color:#444;background:#232323}.recordings-month-day.is-outside{opacity:.35}.recordings-month-day.is-selected{border-color:#7c3aed;background:#262626;color:#fff}.recordings-month-day.is-today .recordings-month-day-num{text-decoration:underline;text-underline-offset:2px}.recordings-month-day-num{position:absolute;top:7px;left:9px;font-size:13px;font-weight:600}.recordings-month-panda{position:absolute;right:5px;bottom:3px;font-size:14px;line-height:1}.recordings-month-day.has-recording:not(.is-selected){border-color:transparent}.recordings-month-legend{margin-top:12px;padding-top:10px;border-top:1px solid #262626;color:#9d9d9d;font-size:12px;display:flex;align-items:center;gap:6px}.recordings-month-today-btn{margin-left:auto;background:transparent;border:1px solid #3a3a3a;color:#cfcfcf;border-radius:999px;padding:5px 10px;font-size:11px;cursor:pointer;transition:all .15s ease}.recordings-month-today-btn:hover{border-color:#7c3aed;color:#fff;background:rgba(124,58,237,.12)}@media (max-width:640px){.recordings-month-panel{position:fixed;top:72px;left:12px;right:12px;width:auto;padding:12px}.recordings-month-day{height:38px}.recordings-month-panda{font-size:13px}}@media (min-width:641px){.recordings-month-panel{width:420px;padding:16px}.recordings-month-day{height:48px}.recordings-month-day-num{font-size:14px;top:8px;left:10px}.recordings-month-panda{font-size:16px;right:5px;bottom:4px}.recordings-month-weekdays span{font-size:12px;padding:5px 0}.recordings-month-title{font-size:14px}}.auth-dropdown-trigger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#1a1a1a;border:1px solid #333;color:#fff;cursor:pointer;transition:all .2s ease}.auth-dropdown-trigger:hover,.auth-dropdown-trigger[aria-expanded=true]{border-color:#7c3aed;background:#1f1a2e}.auth-dropdown-trigger--logged-in{border-color:rgba(34,197,94,.5);position:relative}.auth-dropdown-trigger--logged-in:after{content:"";position:absolute;top:6px;right:6px;width:8px;height:8px;background:#22c55e;border-radius:50%;border:2px solid #141414}.feedback-fab{position:fixed;top:16px;right:24px;background-color:#667eea;color:#fff;padding:10px 18px;border-radius:50px;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 4px 16px rgba(102,126,234,.4);transition:all .3s ease;z-index:9999;display:flex;align-items:center;gap:6px}@media (max-width:640px){.feedback-fab{top:max(16px,env(safe-area-inset-top));right:16px;padding:8px 14px;font-size:13px}}.auth-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;padding:8px;margin:0;list-style:none;background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:100}.auth-dropdown-item{display:flex;align-items:center;width:100%;padding:14px 16px;text-align:left;font-size:15px;color:#fff;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .15s ease;touch-action:manipulation;min-height:44px}.auth-dropdown-item:hover:not(:disabled){background:#252525}.auth-dropdown-item:disabled{opacity:.7;cursor:not-allowed}@media (min-width:768px){.auth-buttons-desktop{display:flex}.auth-dropdown-mobile{display:none}}.title{font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:4px}@media (max-width:640px){.title{font-size:26px}.subtitle{font-size:14px}}.subtitle{color:#666;font-size:15px}.record-section{padding:40px 0}.record-controls,.record-section{display:flex;flex-direction:column;align-items:center}.record-controls{gap:20px;width:100%}@media (max-width:640px){.record-section{padding:16px 0}.record-controls{flex-direction:column;gap:28px}.record-button{width:80px;height:80px;border-radius:20px}.record-button.recording:before{width:96px;height:96px;border-radius:22px}.record-hint{font-size:12px;margin-top:8px}.upload-button{width:56px;height:56px;border-radius:14px}}.record-button{width:100px;height:100px;border-radius:24px;background:#1a1a1a;border:2px solid #333;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;touch-action:manipulation}.record-button.recording,.record-button:hover{border-color:#7c3aed;background:#1f1a2e}.record-button.recording{animation:pulse 1.6s ease-in-out infinite}.record-button.recording:before{content:"";position:absolute;width:120px;height:120px;border-radius:28px;background:#7c3aed;opacity:.4;z-index:-1;animation:glow 1.6s ease-in-out infinite}@keyframes migration-spin{to{transform:rotate(1turn)}}.migration-banner-spinner{width:18px;height:18px;border:2px solid;border-top:2px solid transparent;border-radius:50%;animation:migration-spin .8s linear infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.mic-icon{width:32px;height:32px;fill:none;stroke:#fff;stroke-width:2}.stop-icon{width:20px;height:20px;background:#ef4444;border-radius:4px}.record-hint{color:#666;font-size:14px;margin-top:20px}.upload-area{display:flex;flex-direction:column;align-items:center;gap:8px}.upload-label{font-size:12px;color:#666}.upload-button{width:60px;height:60px;border-radius:16px;background:#1a1a1a;border:2px solid #333;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;touch-action:manipulation}.upload-button:hover{border-color:#7c3aed;background:#1f1a2e}.upload-icon{width:24px;height:24px;color:#fff}.recordings-section{padding:0 24px}.recordings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.recordings-title{font-size:16px;font-weight:600}.recordings-actions{display:flex;gap:8px;align-items:center}.recordings-delete-btn{background:#1a1a1a;border:1px solid #333;color:#fff;padding:10px 14px;border-radius:12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.recordings-delete-btn:hover{border-color:#ef4444;background:rgba(239,68,68,.1)}.extract-button{display:flex;align-items:center;gap:6px;background:#7c3aed;padding:10px 16px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;border:none;color:#fff;min-height:44px;touch-action:manipulation}.extract-button:hover{background:#6d28d9}@media (max-width:640px){.recordings-section{padding:0 16px;margin-top:24px}.recordings-header{flex-direction:column;align-items:stretch;gap:12px}.recordings-title{font-size:18px}.recordings-actions{flex-direction:column;gap:8px}.extract-button,.recordings-delete-btn{width:100%;justify-content:center}.recording-item{padding:14px 12px;border-radius:14px;margin-bottom:10px}.play-button{width:48px;height:48px;margin-right:12px}.recording-meta{flex-wrap:wrap;gap:8px}.recording-time{font-size:13px}.empty-state{padding:40px 0;font-size:15px}}.empty-state{padding:60px 0;text-align:center;color:#444;font-size:15px;line-height:1.5}.recording-item{background:#141414;border-radius:16px;padding:16px;margin-bottom:12px;border:1px solid #222}.play-button,.recording-item{display:flex;align-items:center}.play-button{width:44px;height:44px;border-radius:22px;background:#1a1a1a;border:1px solid #333;justify-content:center;cursor:pointer;margin-right:14px;flex-shrink:0;touch-action:manipulation}.play-button:hover{border-color:#7c3aed}.play-icon{width:0;height:0;border-left:10px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}.audio-loading-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.pause-icon{display:flex;gap:3px}.pause-bar{width:3px;height:12px;background:#fff;border-radius:1px}.recording-info{flex:1 1;min-width:0}.recording-meta{display:flex;align-items:center;gap:12px;margin-bottom:10px}.recording-time{color:#888;font-size:13px}.recording-duration{color:#555;font-size:13px}.progress-bar{height:4px;background:#2a2a2a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:#7c3aed;border-radius:2px;width:0;transition:width .1s linear}.tab-bar{position:fixed;bottom:0;width:100%;max-width:100vw;display:flex;border-radius:0;padding:12px 16px max(16px,calc(env(safe-area-inset-bottom) + 8px));border-top:1px solid #222;box-shadow:0 -4px 12px rgba(0,0,0,.3);z-index:100;-moz-user-select:none;user-select:none;-webkit-user-select:none}.tab-bar,.tab-bar:after{left:0;right:0;background:#141414}.tab-bar:after{content:"";position:absolute;top:100%;height:120px}.tab{flex:1 1;display:flex;align-items:center;justify-content:center;padding:12px 8px;border-radius:18px;cursor:pointer;color:#aaa;font-size:14px;font-weight:600;border:none;background:transparent}.tab.active{background:#7c3aed;color:#fff}@media (max-width:640px){.tab-bar{padding:12px 12px max(16px,calc(env(safe-area-inset-bottom) + 8px))}.tab{font-size:14px;padding:12px 6px}}.delete-btn{background:none;border:none;color:#666;cursor:pointer;padding:8px;margin-left:8px;font-size:18px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.delete-btn:hover{color:#ef4444}.transcribe-btn{background:none;border:none;color:#888;cursor:pointer;padding:4px 8px;font-size:16px;transition:transform .2s ease}.transcribe-btn:hover{transform:scale(1.2);color:#7c3aed}.transcription-text{margin-top:8px;padding:8px 12px;background:#1a1a1a;border-radius:8px;font-size:13px;line-height:1.5;color:#ccc;border:1px solid #2a2a2a}.transcription-text.transcribing{color:#7c3aed;font-style:italic;animation:pulse-text 1.5s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:.6}50%{opacity:1}}.date-navigator{gap:8px;padding:8px 0 12px}.date-nav-btn,.date-navigator{display:flex;align-items:center;justify-content:center}.date-nav-btn{width:40px;height:40px;border-radius:50%;border:1px solid #333;background:#1a1a1a;color:#fff;font-size:22px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.date-nav-btn:hover{border-color:#7c3aed;background:#1f1a2e}.date-nav-btn:active{transform:scale(.92)}.date-nav-center{display:flex;flex-direction:column;align-items:center;min-width:160px}.date-nav-label{font-size:16px;font-weight:600;color:#fff}.date-nav-sublabel{font-size:12px;color:#888;margin-top:2px}.date-nav-today-btn{font-size:12px;color:#7c3aed;background:none;border:none;cursor:pointer;margin-top:2px;text-decoration:underline;padding:0}.date-nav-today-btn:hover{color:#9f67ff}.no-data-card{text-align:center;padding:48px 24px;color:#888;font-size:15px}.no-data-card .no-data-icon{font-size:48px;margin-bottom:12px;opacity:.5}.panda-inline-loader{width:100%;background:#fff;border:1px solid #eceff3;border-radius:18px;padding:14px 14px 16px;box-shadow:0 6px 18px rgba(15,23,42,.06)}.panda-inline-scene{border-radius:14px;border:1px solid #eef1f5;background:#fff;overflow:hidden}.panda-image-stage{position:relative;width:100%;max-width:420px;margin:0 auto;background:#fff}.panda-image-art{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.panda-image-art,.panda-video-art{display:block;width:100%;height:auto;background:#fff}.panda-bite-layer{position:absolute;left:52.2%;top:47.6%;width:15%;height:7%;transform:translate(-50%,-50%);pointer-events:none}.panda-bite-bamboo{position:absolute;right:18%;top:42%;width:120%;height:34%;border-radius:999px;background:linear-gradient(180deg,#79cf56,#58b23f);border:2px solid #3a8c2b;box-shadow:inset 0 1px 0 rgba(255,255,255,.25);transform-origin:100% 50%;transform:rotate(-56deg) scaleX(1);animation:panda-bamboo-chew .95s ease-in-out infinite;z-index:1}.panda-bite-bamboo-shine{position:absolute;left:8%;top:2px;width:72%;height:26%;border-radius:999px;background:rgba(255,255,255,.35)}.panda-bite-node{position:absolute;top:-1px;width:4px;height:calc(100% + 2px);border-radius:4px;background:rgba(44,118,35,.9)}.panda-bite-node.node-1{left:22%}.panda-bite-node.node-2{left:46%}.panda-bite-node.node-3{left:70%}.panda-bite-mask{position:absolute;left:60%;top:38%;width:26%;height:38%;background:#fff;border-radius:50%;transform:rotate(-18deg) scale(1);animation:panda-bite-mask .95s ease-in-out infinite;z-index:2;opacity:.92}.panda-bite-leaf{position:absolute;border-radius:18px 18px 18px 2px;background:linear-gradient(180deg,#74cc52,#4fa53a);border:2px solid #3a8c2b;transform-origin:0 50%;animation:panda-mouth-leaf-wiggle .95s ease-in-out infinite;z-index:3}.panda-bite-leaf.leaf-a{width:18%;height:16%;left:18%;top:38%;transform:rotate(-18deg)}.panda-bite-leaf.leaf-b{width:20%;height:17%;left:28%;top:56%;transform:rotate(18deg);animation-delay:.12s}.panda-bite-leaf.leaf-c{width:17%;height:14%;left:40%;top:52%;transform:rotate(-38deg);animation-delay:.2s}.panda-bite-crumb{position:absolute;width:6px;height:6px;border-radius:50%;background:#66bf49;opacity:0;z-index:4}.panda-bite-crumb.crumb-1{left:70%;top:45%;animation:panda-crumb-pop 1s ease-in-out infinite}.panda-bite-crumb.crumb-2{left:74%;top:54%;animation:panda-crumb-pop 1s ease-in-out .18s infinite}.panda-bite-crumb.crumb-3{left:66%;top:58%;animation:panda-crumb-pop 1s ease-in-out .32s infinite}.panda-loading-text{margin-top:14px;text-align:center}.panda-loading-title{color:#111827;font-weight:700;font-size:16px;line-height:1.35}.panda-loading-subtitle{color:#64748b;font-size:13px;line-height:1.4;margin-top:6px}@keyframes panda-bamboo-chew{0%,to{transform:rotate(-56deg) scaleX(1);filter:saturate(1)}35%{transform:rotate(-56deg) scaleX(.86)}55%{transform:rotate(-56deg) scaleX(.74);filter:saturate(1.08)}75%{transform:rotate(-56deg) scaleX(.9)}}@keyframes panda-bite-mask{0%,to{transform:rotate(-18deg) scale(1);opacity:.9}55%{transform:rotate(-18deg) translate(2px,-1px) scale(1.12);opacity:1}}@keyframes panda-mouth-leaf-wiggle{0%,to{translate:0 0}50%{translate:1px 1px}}@keyframes panda-crumb-pop{0%{opacity:0;transform:translate(0) scale(.7)}18%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(10px,16px) scale(.6)}}@media (prefers-reduced-motion:reduce){.panda-bite-bamboo,.panda-bite-crumb,.panda-bite-leaf,.panda-bite-mask{animation:none!important}}@media (max-width:640px){.panda-loading-title{font-size:15px}}.text-memo-popup{position:fixed;bottom:0;left:0;right:0;border-radius:20px 20px 0 0;padding:24px 20px max(24px,calc(env(safe-area-inset-bottom) + 16px));background:#fff;box-shadow:0 -4px 24px rgba(0,0,0,.18);z-index:9998}.text-memo-backdrop{position:fixed;inset:0;z-index:9997;background:rgba(0,0,0,.4)}@media (min-width:641px){.text-memo-popup{top:50%;left:50%;bottom:auto;right:auto;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 48px));border-radius:14px;padding:14px;border:1px solid #eceff3;box-shadow:0 14px 36px rgba(15,23,42,.16)}.text-memo-backdrop{background:transparent}}