:root{--tc-hint-text: #ffffff;--tc-bar-bg: rgba(255, 255, 255, .5);--tc-bar-border: rgba(0, 0, 0, .1);--tc-bar-shadow: 0 8px 32px rgba(0, 0, 0, .06);--tc-toggle-bg: rgba(255, 255, 255, .88);--tc-toggle-bg-hover: rgba(255, 255, 255, .95);--tc-toggle-border: rgba(0, 0, 0, .08);--tc-toggle-shadow: 0 2px 12px rgba(0, 0, 0, .08);--tc-toggle-shadow-hover: 0 4px 16px rgba(0, 0, 0, .1);--tc-toggle-label: rgba(15, 23, 42, .42);--tc-toggle-label-muted: rgba(15, 23, 42, .38);--tc-toggle-label-strong: #0f172a;--tc-toggle-track: rgba(0, 0, 0, .15);--tc-toggle-thumb: #ffffff;--tc-toggle-track-active: #5199e1;--tc-toggle-thumb-shadow: 0 1px 2px rgba(0, 0, 0, .1);--tc-permission-overlay: rgba(13, 18, 26, .45);--tc-permission-panel-bg: rgba(255, 255, 255, .94);--tc-permission-panel-border: rgba(0, 0, 0, .08);--tc-permission-panel-shadow: 0 20px 50px rgba(0, 0, 0, .18);--tc-permission-heading: rgba(0, 0, 0, .88);--tc-permission-body: rgba(0, 0, 0, .62);--tc-permission-warn: #b45309;--tc-permission-btn-bg: #1e3a5f;--tc-permission-btn-bg-hover: #2a4d7a;--tc-permission-btn-text: #ffffff}@keyframes floatUp{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body.page-thought-clouds{font-family:var(--font-body, "Synonym-Regular", sans-serif);background:linear-gradient(-45deg,#0f3a72,#1a5ca6,#5ca4df,#5d92ce,#1e6099);background-size:400% 400%;animation:floatUp 30s ease infinite;margin:0;overflow:hidden;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;transition:background 3s ease,filter 3s ease}body.page-thought-clouds.time-dawn{background:linear-gradient(-45deg,#e8946b,#c44d52,#4a6eb8,#4967ad,#f0a080);background-size:400% 400%}body.page-thought-clouds.time-day{background:linear-gradient(-45deg,#0f3a72,#1a5ca6,#6ea8d6,#4476af,#1e6099);background-size:400% 400%}body.page-thought-clouds.time-dusk{background:linear-gradient(-45deg,#52396b,#5c3d52,#c86b48,#3d2e55,#7a4a5a);background-size:400% 400%}body.page-thought-clouds.time-night{background:linear-gradient(-45deg,#5a5d95,#0c1528,#131637,#1e2c50,#374a6b);background-size:400% 400%}body.page-thought-clouds.weather-rain{filter:brightness(.85) saturate(.9)}.page-thought-clouds #main-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.thought-clouds-bottom-cluster{position:fixed;left:50%;transform:translate(-50%);bottom:28px;z-index:20;width:min(720px,calc(100vw - 32px));max-width:calc(100vw - 32px);display:flex;flex-direction:column;align-items:stretch;gap:10px;pointer-events:none;box-sizing:border-box}.thought-clouds-bottom-cluster .thought-clouds-hint{align-self:center;position:static;z-index:auto;margin:0}.thought-clouds-bottom-cluster .thought-clouds-bar{pointer-events:auto}.thought-clouds-hint{font-family:var(--font-body, sans-serif);font-size:clamp(11px,3.1vw,14px);line-height:1.45;text-align:center;max-width:min(26rem,100%);padding:0 12px;box-sizing:border-box;pointer-events:none;color:var(--tc-hint-text)}.thought-clouds-bar{position:relative;display:flex;align-items:center;gap:16px;padding:12px 20px;border-radius:20px;background:var(--tc-bar-bg);border:1px solid var(--tc-bar-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--tc-bar-shadow)}.page-thought-clouds #thought-input{font-family:var(--font-body, "Synonym-Regular", sans-serif);font-weight:300;width:min(320px,70vw);min-width:0;flex:1 1 auto;border-bottom:1px solid var(--ui-border, rgba(0, 0, 0, .1));font-size:clamp(14px,3.8vw,18px);line-height:1.35}.thought-clouds-bar__mic-label{font-size:clamp(9px,2.8vw,11px);text-transform:uppercase;letter-spacing:.06em;color:#ffffffbf}.memory-toggle{display:flex;align-items:center;gap:clamp(4px,1.5vw,8px);background:var(--tc-toggle-bg);padding:clamp(5px,1.5vw,6px) clamp(8px,2.5vw,14px);border-radius:20px;font-size:clamp(9px,2.6vw,11px);text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--tc-toggle-border);box-shadow:var(--tc-toggle-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .3s ease,box-shadow .3s ease;z-index:10}.memory-toggle:hover{background:var(--tc-toggle-bg-hover);box-shadow:var(--tc-toggle-shadow-hover)}.memory-toggle .label-fleeting,.memory-toggle .label-permanent{transition:color .3s,font-weight .3s;color:var(--tc-toggle-label)}.memory-toggle:not(.permanent) .label-fleeting{font-weight:700;color:var(--tc-toggle-label-strong)}.memory-toggle:not(.permanent) .label-permanent{color:var(--tc-toggle-label-muted)}.memory-toggle.permanent .label-permanent{font-weight:700;color:var(--tc-toggle-label-strong)}.memory-toggle.permanent .label-fleeting{color:var(--tc-toggle-label-muted)}.memory-toggle .switch{position:relative;width:32px;height:18px;background:var(--tc-toggle-track);border-radius:9px;transition:background .3s}.memory-toggle .switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--tc-toggle-thumb);border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--tc-toggle-thumb-shadow)}.memory-toggle.permanent .switch{background:var(--tc-toggle-track-active)}.memory-toggle.permanent .switch:after{transform:translate(14px)}.thought-clouds-permission{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:var(--tc-permission-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.thought-clouds-permission.hidden{display:none}.thought-clouds-permission__panel{max-width:26rem;padding:1.5rem 1.5rem 1.25rem;border-radius:16px;background:var(--tc-permission-panel-bg);border:1px solid var(--tc-permission-panel-border);box-shadow:var(--tc-permission-panel-shadow)}.thought-clouds-permission__panel h2{margin:0 0 .65rem;font-family:var(--font-heading, "Synonym-Bold", sans-serif);font-size:1.15rem;font-weight:400;letter-spacing:-.02em;color:var(--tc-permission-heading)}.thought-clouds-permission__lead{margin:0 0 1rem;font-size:14px;line-height:1.55;color:var(--tc-permission-body)}.thought-clouds-permission__warn{margin:0 0 1rem;font-size:13px;line-height:1.45;color:var(--tc-permission-warn)}.thought-clouds-permission__btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border:none;border-radius:999px;font-size:14px;font-weight:600;font-family:var(--font-body, "Synonym-Regular", sans-serif);cursor:pointer;color:var(--tc-permission-btn-text);background:var(--tc-permission-btn-bg);transition:background .2s,transform .15s}.thought-clouds-permission__btn:hover{background:var(--tc-permission-btn-bg-hover)}.thought-clouds-permission__btn:active{transform:scale(.98)}@media (max-width: 720px){.thought-clouds-bottom-cluster{left:max(12px,var(--safe-left));right:max(12px,var(--safe-right));transform:none;width:auto;bottom:max(16px,var(--safe-bottom))}.thought-clouds-bar{flex-wrap:wrap;justify-content:center;padding:12px 14px;gap:12px}.thought-clouds-bar #thought-input{width:100%;flex:1 1 100%}.thought-clouds-hint{font-size:clamp(10px,3.2vw,13px);line-height:1.45;padding:0 8px}}@media (max-width: 480px){.thought-clouds-permission{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.thought-clouds-permission__panel{max-width:100%;padding:1.25rem 1rem 1rem}.thought-clouds-permission__panel h2{font-size:1.05rem}.thought-clouds-permission__lead{font-size:13px}.thought-clouds-permission__btn{width:100%;justify-content:center;padding:12px 20px}}@media (max-width: 400px){.thought-clouds-hint{font-size:clamp(10px,3.5vw,12px);line-height:1.42;padding:0 10px}}@media (min-width: 1400px){.thought-clouds-permission__panel{max-width:28rem}}@media (min-width: 1600px){.thought-clouds-bottom-cluster{max-width:min(720px,calc(100vw - 48px))}.thought-clouds-hint{max-width:min(28rem,100%)}}