/* Create is an edge-to-edge working surface; idle is quiet, listening has rhythm. */
html body #dialog.create-mode81[open]{position:fixed!important;inset:0!important;margin:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;padding:0!important;border:0!important;border-radius:0!important;background:var(--panel,#fff)!important;overflow:auto!important;box-shadow:none!important}
body:has(#dialog.create-mode81[open]){overflow:hidden}body:has(#dialog.create-mode81[open]) #mobile-bottom{visibility:hidden}
#dialog.create-mode81 #dialogbody{min-height:100%;padding:0!important;margin:0!important;background:var(--panel,#fff)!important}
#dialog.create-mode81 .modalhead{position:sticky;top:0;z-index:2;max-width:880px;margin:auto;padding:calc(20px + env(safe-area-inset-top)) 24px 16px!important;border:0!important;background:var(--panel,#fff)!important;box-shadow:none!important;backdrop-filter:none!important}
#dialog.create-mode81 .modalhead h2{font-size:24px;letter-spacing:-.7px}#dialog.create-mode81 .modalhead button{border:0!important;box-shadow:none!important;color:var(--ink,#19364d);background:transparent!important}#dialog.create-mode81 .modalhead button:focus:not(:focus-visible){outline:none!important}
#dialog.create-mode81 .modalbody{max-width:780px;margin:auto;padding:12px 24px calc(36px + env(safe-area-inset-bottom))!important;border:0!important}
#dialog.create-mode81 .quickcreategrid{gap:12px;grid-template-columns:repeat(3,1fr)}#dialog.create-mode81 .quickcreategrid>.btn{min-height:70px!important;border:0!important;background:#f2f6fc!important;box-shadow:none!important;border-radius:18px!important;padding:16px!important;font-weight:600;font-size:16px;transition:transform .2s,background .2s}#dialog.create-mode81 .quickcreategrid>.btn svg{color:#225fd2}#dialog.create-mode81 .quickcreategrid>.btn:hover{background:#e8f0fe!important;transform:translateY(-2px)}
#dialog.create-mode81 #create-ai81{border:0!important;margin-top:clamp(96px,20dvh,185px)!important;padding:0!important}.ai-eyebrow82{font-size:12px;font-weight:700;letter-spacing:2.5px;color:#3262a5;display:block;margin-bottom:12px}#create-ai81 h3{font-size:26px!important;line-height:1.2;letter-spacing:-.7px;font-weight:650;margin:0 0 26px!important}
#dialog.create-mode81 button.mic81{width:88px!important;min-width:88px!important;height:88px!important;background:radial-gradient(circle at 28% 20%,#5f9eff,#2465e3 58%,#174aba)!important;box-shadow:0 12px 34px #2869de38,inset 0 1px 2px #ffffff77!important;isolation:isolate;transition:box-shadow .2s}.mic81 .voice-wave82{display:none}.ai-hint82{font-size:14px;color:var(--muted,#64758a);margin:22px 0 16px}.ai-ideas82{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;max-width:610px;margin:0 auto}.ai-ideas82 button{font-family:inherit;font-size:14px;line-height:1.4;font-weight:500;color:#43618c;background:#f2f6fc;border:0;border-radius:30px;padding:10px 15px;cursor:pointer}.ai-ideas82 button:hover{background:#e5eeff;color:#154baf}
#create-ai81 .mic81.listening81{animation:orbDance82 1.8s ease-in-out infinite!important;box-shadow:0 0 40px #397bff66,0 14px 38px #2461d933!important}#create-ai81 .mic81.listening81::after{inset:-13px;border:2px solid #82aeff;animation:ripple82 1.35s ease-out infinite}#create-ai81 .mic81.listening81::before{content:"";position:absolute;inset:-22px;border:1px solid #5997ff66;border-radius:50%;animation:ripple82 1.35s .45s ease-out infinite;z-index:-1}#create-ai81 .mic81.listening81>svg{display:none}#create-ai81 .mic81.listening81 .voice-wave82{display:flex;height:34px;align-items:center;gap:5px}.voice-wave82 i{width:5px;height:14px;background:white;border-radius:8px;animation:wave82 .65s ease-in-out infinite alternate}.voice-wave82 i:nth-child(2){animation-delay:-.2s}.voice-wave82 i:nth-child(3){animation-delay:-.4s}.voice-wave82 i:nth-child(4){animation-delay:-.15s}.voice-wave82 i:nth-child(5){animation-delay:-.35s}
@keyframes wave82{to{height:33px}}@keyframes ripple82{0%{transform:scale(.88);opacity:.8}100%{transform:scale(1.3);opacity:0}}@keyframes orbDance82{0%,100%{transform:translateY(0) rotate(-3deg) scale(1)}30%{transform:translateY(-5px) rotate(3deg) scale(1.04)}65%{transform:translateY(2px) rotate(-2deg) scale(.98)}}
.date-lock82{font-size:14px;color:var(--muted,#536780);background:var(--soft,#f0f5fc);padding:12px 16px;border-radius:12px;margin:12px 0}.work-capture-actions81{gap:10px}.activity-entry82{margin-top:24px}.activity-entry82>.btn{margin:8px 10px 0 0}.activity-head82{display:flex;align-items:center;justify-content:space-between;gap:16px}.activity-filters82{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end}.activity-row82{display:grid;grid-template-columns:1fr auto;gap:20px;border-bottom:1px solid var(--line,#e1e8f0);padding:18px 0}.activity-row82 small,.activity-row82 time{display:block;color:var(--muted,#627389);font-size:14px;margin-top:5px}.activity-row82 p{font-size:14px;margin:8px 0 0;overflow-wrap:anywhere}.activity-row82>div:last-child{text-align:right;font-size:14px}.office-settings82{display:grid;gap:18px}.activity-filters82 input{min-width:0;width:100%}
@media(max-width:600px){#dialog.create-mode81 .quickcreategrid{grid-template-columns:1fr 1fr}#dialog.create-mode81 .quickcreategrid>.btn{min-height:66px!important;font-size:15px;padding:14px!important;gap:10px!important}#dialog.create-mode81 .modalhead{padding-left:22px!important;padding-right:18px!important}#dialog.create-mode81 .modalbody{padding-left:20px!important;padding-right:20px!important}#dialog.create-mode81 #create-ai81{margin-top:20dvh!important}.ai-ideas82{max-width:340px}.ai-ideas82 button{padding:9px 12px;font-size:13px}.activity-filters82{grid-template-columns:1fr 1fr}.activity-filters82>label:first-child{grid-column:1/-1}.activity-row82{grid-template-columns:1fr;gap:8px}.activity-row82>div:last-child{text-align:left}.activity-head82{display:block}}
html[data-display=dark] #dialog.create-mode81 .quickcreategrid>.btn,html[data-display=dark] .ai-ideas82 button{background:#1e304b!important;color:#dce9ff}html[data-display=dark] .ai-eyebrow82{color:#8cb6ff}
@media(prefers-reduced-motion:reduce){#create-ai81 .mic81.listening81,#create-ai81 .mic81.listening81::before,#create-ai81 .mic81.listening81::after,.voice-wave82 i{animation:none!important}#create-ai81 .mic81.listening81 .voice-wave82 i:nth-child(2n){height:28px}}
