@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Serif+Display&family=Fredoka:wght@600&family=Cabin+Sketch:wght@700&family=Dancing+Script:wght@700&display=swap";:root{--glass-bg:#ffffffd9;--glass-header:linear-gradient(to right, #ffffffe6, #fff6);--glass-actions:#ffffff80;--glass-border:#ffffff4d;--brown:#8b6914;--brown-light:#a07d4e;--brown-subtle:#8b6f4726;--beige:#f0e8da;--beige-light:#f7f3ec;--beige-dark:#d4c7b1;--noir:#1a1714;--noir-soft:#2c2824;--noir-muted:#4a453f;--blanc:#fffdf9;--blanc-warm:#fbf8f3;--primary:var(--brown);--primary-hover:var(--brown-light);--primary-dark:#5a3e2b;--sidebar-bg:var(--beige-dark);--bg-color:var(--beige-light);--surface:var(--blanc);--surface-bg:#f5f3f0;--surface-hover:#8b6f470f;--surface-color:var(--text-main);--surface-border:#8b6f4726;--text-main:var(--noir);--text-muted:#5e5851;--text-light:#8e877f;--success:#5a8a5e;--danger:#b85c5c;--radius-xl:20px;--radius-lg:14px;--radius-md:10px;--radius-sm:6px;--font-display:"DM Serif Display", serif;--font-body:"DM Sans", sans-serif;--font-main:var(--font-body);--primary-rgb:139, 105, 20;--bg-main:var(--beige-light);--text-secondary:var(--text-muted);--shadow-xs:0 1px 2px #1a17140a;--shadow-sm:0 1px 3px #1a17140f, 0 1px 2px #1a17140a;--shadow-md:0 4px 12px #1a17140d, 0 1px 3px #1a17140a;--shadow-lg:0 10px 30px #1a171412, 0 4px 10px #1a17140a;--shadow-hover:0 14px 36px #1a171417, 0 4px 10px #1a17140a;--ease-out:cubic-bezier(.16, 1, .3, 1);--transition-fast:.2s var(--ease-out);--transition-slow:.4s var(--ease-out)}[data-theme=dark]{--glass-bg:#1e1a17d9;--glass-header:linear-gradient(to right, #1e1a17e6, #1e1a1766);--glass-actions:#1e1a1780;--glass-border:#ffffff0d;--brown:#c7a35e;--brown-light:#d4b67a;--brown-subtle:#c7a35e26;--beige:#1a1714;--beige-light:#120f0d;--beige-dark:#1e1a17;--noir:#fbf8f3;--noir-soft:#e4d9c9;--noir-muted:#a49c94;--blanc:#24201c;--blanc-warm:#2a2521;--primary:var(--brown);--primary-hover:var(--brown-light);--primary-dark:#e2c48e;--sidebar-bg:var(--beige-dark);--bg-color:var(--beige-light);--surface:var(--blanc);--surface-bg:var(--blanc-warm);--surface-hover:#c7a35e14;--surface-color:var(--text-main);--surface-border:#ffffff14;--text-main:var(--noir);--text-muted:var(--noir-muted);--text-light:#7e7770;--success:#6ba470;--danger:#d66b6b}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#3a332c}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-color)}[data-theme=dark]{--brown:#c9a456;--brown-light:#d4b876;--brown-subtle:#c9a45633;--beige:#2a2520;--beige-light:#1e1b18;--beige-dark:#3a342e;--noir:#f5ede0;--noir-soft:#e8ddd0;--noir-muted:#c4bdb5;--blanc:#252220;--blanc-warm:#1e1b18;--sidebar-bg:#1a1816;--bg-color:#161412;--surface:#252220;--surface-bg:#1e1c1a;--surface-hover:#c9a45614;--surface-color:var(--text-main);--surface-border:#c9a45626;--text-main:#f5ede0;--text-muted:#a8a098;--text-light:#7a746e;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d, 0 1px 3px #0003;--shadow-lg:0 10px 30px #00000059, 0 4px 10px #0003;--shadow-hover:0 14px 36px #0006, 0 4px 10px #0003}[data-accent-theme=mint]{--brown:#059669;--brown-light:#10b981;--brown-subtle:#0596691f;--primary-rgb:5, 150, 105}[data-theme=dark][data-accent-theme=mint]{--brown:#34d399;--brown-light:#6ee7b7;--brown-subtle:#34d39926}[data-accent-theme=neon]{--brown:#65a30d;--brown-light:#84cc16;--brown-subtle:#65a30d1f;--primary-rgb:101, 163, 13}[data-theme=dark][data-accent-theme=neon]{--brown:#a3e635;--brown-light:#bef264;--brown-subtle:#a3e63526}[data-accent-theme=crimson]{--brown:#be123c;--brown-light:#e11d48;--brown-subtle:#be123c1f;--primary-rgb:190, 18, 60;--primary-dark:#8b0000}[data-theme=dark][data-accent-theme=crimson]{--brown:#fb7185;--brown-light:#fda4af;--brown-subtle:#fb718526}[data-accent-theme=cerulean]{--brown:#0369a1;--brown-light:#0284c7;--brown-subtle:#0369a11f;--primary-rgb:3, 105, 161}[data-theme=dark][data-accent-theme=cerulean]{--brown:#38bdf8;--brown-light:#7dd3fc;--brown-subtle:#38bdf826}[data-accent-theme=navy]{--brown:#1e3a8a;--brown-light:#1d4ed8;--brown-subtle:#1e3a8a1f;--primary-rgb:30, 58, 138}[data-theme=dark][data-accent-theme=navy]{--brown:#60a5fa;--brown-light:#93c5fd;--brown-subtle:#60a5fa26}[data-bg-theme=mint]{--beige:#ecfdf5;--beige-light:#f4fdf9;--beige-dark:#d1fae5;--blanc:#fff;--noir:#064e3b;--text-muted:#34856d}[data-theme=dark][data-bg-theme=mint]{--beige:#06392d;--beige-light:#04261e;--beige-dark:#0f4c3f;--blanc:#084234;--noir:#ecfdf5;--text-muted:#7ecbaf}[data-bg-theme=neon]{--beige:#f4fce3;--beige-light:#f9fdee;--beige-dark:#d9f99d;--blanc:#fff;--noir:#1a2e05;--text-muted:#496b1c}[data-theme=dark][data-bg-theme=neon]{--beige:#151c09;--beige-light:#0f1406;--beige-dark:#1e2b0d;--blanc:#1c250e;--noir:#f4fce3;--text-muted:#9eb382}[data-bg-theme=frost]{--beige:#f0f4f8;--beige-light:#f8fafc;--beige-dark:#dce4ec;--blanc:#fff;--noir:#0f172a;--text-muted:#475569}[data-theme=dark][data-bg-theme=frost]{--beige:#0f172a;--beige-light:#0b1120;--beige-dark:#1e293b;--blanc:#162032;--noir:#f8fafc;--text-muted:#94a3b8}[data-bg-theme=studio]{--beige:#f5f5f5;--beige-light:#fafafa;--beige-dark:#e0e0e0;--blanc:#fff;--noir:#111;--text-muted:#666}[data-theme=dark][data-bg-theme=studio]{--beige:#111;--beige-light:#0a0a0a;--beige-dark:#222;--blanc:#1a1a1a;--noir:#fafafa;--text-muted:#a0a0a0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.apercu-page{font-family:var(--font-body);color:var(--text-main);background:#fff;border-radius:4px;margin-bottom:1.5rem;padding:3rem 3.5rem;font-size:.95rem;line-height:1.8;box-shadow:0 1px 4px #0000000f,0 4px 12px #0000000a}.apercu-page-title{font-family:var(--font-display);color:var(--text-main);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e2dd;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.3rem;font-weight:400}.apercu-main-title{font-family:var(--font-display);color:var(--text-main);margin:0;font-size:2.5rem}@media (width<=768px){.apercu-page{padding:1.5rem 1rem}.apercu-main-title{font-size:1.8rem}.apercu-page-title{margin-bottom:1rem;font-size:1.1rem}}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-main);letter-spacing:-.01em;font-weight:400;line-height:1.25}.glass-panel{background:var(--surface);border:1.5px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-panel:before{content:"";pointer-events:none;opacity:.025;border-radius:inherit;z-index:0;background-image:url(/section-watermark.png),url(/section-watermark.png),url(/section-watermark.png),url(/section-watermark.png),url(/section-watermark.png);background-position:calc(100% + 180px) -100px,-120px calc(100% + 120px),-60px 25%,calc(100% + 80px) 75%,50%;background-repeat:no-repeat;background-size:500px,600px,250px,350px,160%;position:absolute;inset:0}[data-theme=dark] .glass-panel:before{filter:invert();opacity:.015}.glass-panel>*{z-index:1;position:relative}.glass-panel:hover{box-shadow:var(--shadow-lg), 0 0 0 1.5px var(--brown-subtle);border-color:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.animate-fade-in{animation:fadeIn .5s var(--ease-out) forwards}.section-header{text-align:center;border-bottom:1px solid var(--surface-border);margin-bottom:2.5rem;padding-bottom:1.5rem}.section-header h2{font-family:var(--font-display);color:var(--text-main);font-size:1.85rem;font-weight:400}.input-group{flex-direction:column;gap:.4rem;margin-bottom:1.25rem;display:flex;position:relative}.input-label{font-family:var(--font-body);color:var(--text-muted);letter-spacing:.02em;transition:color var(--transition-fast);font-size:.82rem;font-weight:600}.input-field{background:var(--beige-light);border-radius:var(--radius-md);color:var(--text-main);font-size:.95rem;font-family:var(--font-body);transition:all var(--transition-fast);border:1.5px solid #0000;outline:none;width:100%;padding:.8rem 1.1rem}.input-field:hover{background:var(--beige)}.input-field:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px var(--brown-subtle)}.input-field::placeholder{color:var(--text-light);font-weight:400}.input-with-unit{position:relative}.input-with-unit .input-field{padding-right:3.5rem}.unit-label{color:var(--text-light);pointer-events:none;font-size:.82rem;font-weight:600;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.checkbox-container{cursor:pointer;border-radius:var(--radius-md);background:var(--beige-light);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:1.5px solid #0000;align-items:center;gap:.7rem;padding:.65rem .9rem;display:flex}.checkbox-container:hover{background:var(--beige);border-color:var(--surface-border);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.hidden-checkbox{opacity:0;width:0;height:0;margin:0;position:absolute}.custom-checkbox-indicator{border:2px solid var(--text-light);border-radius:var(--radius-sm);background:var(--surface);width:1.25rem;height:1.25rem;transition:all var(--transition-fast);cursor:pointer;flex-shrink:0;place-content:center;display:grid}.custom-checkbox-indicator:before{content:"";width:.65em;height:.65em;transition:transform .2s var(--ease-out);transform-origin:50%;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);background-color:#fff;transform:scale(0);box-shadow:inset 1em 1em #fff}.hidden-checkbox:checked+.custom-checkbox-indicator{background-color:var(--noir);border-color:var(--noir)}.hidden-checkbox:checked+.custom-checkbox-indicator:before{animation:checkPop .25s var(--ease-out);transform:scale(1)}.radio-card-label{cursor:pointer;border-radius:var(--radius-md);background:var(--beige-light);transition:all var(--transition-fast);color:var(--text-muted);border:1.5px solid #0000;flex:1;align-items:center;gap:.75rem;padding:.9rem 1.1rem;font-weight:500;display:flex}.radio-card-label:hover{box-shadow:var(--shadow-sm);background:var(--beige);border-color:var(--surface-border);transform:translateY(-2px)}.radio-card-label.active{background:var(--noir);border-color:var(--noir);color:var(--blanc);box-shadow:var(--shadow-md)}.radio-card-label.chip-btn:hover{background:var(--brown-subtle);color:var(--primary);border-color:var(--primary);transform:translateY(-1px)}.ippa-tabs{border-bottom:2px solid var(--surface-border);scrollbar-width:none;gap:.5rem;margin-bottom:2rem;display:flex;overflow-x:auto}.ippa-tabs::-webkit-scrollbar{display:none}.ippa-tab{color:var(--text-muted);font-family:var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.8rem 1.2rem;font-size:.95rem;font-weight:600;transition:color .3s;position:relative}.ippa-tab:hover{color:var(--text-main)}.ippa-tab.active{color:var(--primary)}.ippa-tab.active:after{content:"";background:var(--primary);border-radius:2px 2px 0 0;width:100%;height:2px;position:absolute;bottom:-2px;left:0}.highlight-symptom{color:#9e7a15;text-underline-offset:2px;cursor:pointer;background-color:#d4af3733;border-bottom:2px dashed #d4af3780;border-radius:4px;padding:0 .3rem;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;transition:all .2s}.highlight-symptom:hover{color:#7a5c0b;background-color:#d4af3766}.symptom-card{transition:transform .2s,box-shadow .2s}.symptom-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn{border-radius:var(--radius-lg);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.75rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--noir);color:var(--blanc);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--noir-soft);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{background:var(--surface);color:var(--text-main);border:1.5px solid var(--surface-border)}.btn-secondary:hover{background:var(--beige-light);box-shadow:var(--shadow-sm);transform:translateY(-2px)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--beige-dark);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--brown-light)}select.input-field{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B6560' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.nav-container:hover .nav-item-btn{opacity:.6;transform:scale(.95)}.nav-container .nav-item-btn{transform-origin:0;will-change:transform, opacity;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s,background .2s,color .2s}.nav-container .nav-item-btn:not(.active):hover,.nav-container .nav-item-btn:not(.active):focus-visible{z-index:10;transform:scale(1.08)translate(3px);box-shadow:0 4px 12px #0000000d;opacity:1!important;background:var(--surface)!important;color:var(--text-main)!important}.nav-container .nav-item-btn.active:hover,.nav-container .nav-item-btn.active:focus-visible{z-index:10;transform:scale(1.08)translate(3px);box-shadow:0 4px 12px #00000026;opacity:1!important}.top-icon-btn{transition:all .2s cubic-bezier(.16,1,.3,1)}.top-icon-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px);background:var(--surface)!important;color:var(--text-main)!important}@keyframes rippleWave{0%{box-shadow:0 0 #b85c5c80}to{box-shadow:0 0 0 15px #b85c5c00}}.new-obs-btn:hover{animation:1.2s infinite rippleWave;border-color:var(--danger)!important;color:var(--danger)!important;background:#b85c5c26!important}.app-sidebar{transition:width .3s cubic-bezier(.16,1,.3,1),min-width .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.app-sidebar.collapsed{align-items:center;width:76px!important;min-width:76px!important;padding-left:.5rem!important;padding-right:.5rem!important}.app-sidebar.collapsed .brand-text,.app-sidebar.collapsed .sidebar-subtitle,.app-sidebar.collapsed .nav-group-label,.app-sidebar.collapsed .nav-label,.app-sidebar.collapsed .nav-chevron,.app-sidebar.collapsed .new-obs-text{display:none!important}.app-sidebar.collapsed nav button{justify-content:center;border-radius:12px!important;width:54px!important;margin:0 auto 4px!important;padding:.35rem 0!important}.app-sidebar.collapsed .sidebar-brand{justify-content:center!important;padding-left:0!important}.app-sidebar.collapsed .new-obs-btn{justify-content:center;padding:.6rem 0!important}.fab-menu{background:var(--noir);color:var(--blanc);width:44px;height:54px;box-shadow:var(--shadow-lg);z-index:100;opacity:0;pointer-events:none;cursor:pointer;border:none;border-radius:0 10px 10px 0;justify-content:flex-end;align-items:center;padding-right:10px;transition:opacity .4s,transform .3s,left .3s;display:flex;position:fixed;top:50%;left:-20px;transform:translateY(-50%)}.fab-menu.visible{opacity:.3;pointer-events:auto;left:0}.fab-menu.visible:hover{opacity:1;width:50px}.mobile-overlay{z-index:998;opacity:0;pointer-events:none;background:#0006;transition:opacity .3s;position:fixed;inset:0}.mobile-overlay.open{opacity:1;pointer-events:auto}@media (width<=1024px){.app-layout{overflow-x:hidden}.app-sidebar{z-index:999;box-shadow:var(--shadow-lg);top:0;left:0;transform:translate(-100%);width:280px!important;min-width:280px!important;height:100vh!important;max-height:100vh!important;position:fixed!important}.app-sidebar.mobile-open{transform:translate(0)}.app-main{padding:1.5rem!important}}@media (width<=640px){.app-main{padding:1rem!important}.glass-panel{border-radius:var(--radius-lg)!important;padding:1.5rem!important}.section-header h2{font-size:1.4rem!important}}@media print{.app-sidebar{display:none!important}.app-main{padding:0!important}.glass-panel{box-shadow:none!important;border:none!important;border-radius:0!important}}@keyframes micPulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.mic-btn{outline:none}.mic-btn:hover{background-color:#8b6f471a!important}.mic-pulse{animation:1.5s infinite micPulse;background-color:#ef44441a!important}.audio-visualizer{align-items:center;gap:3px;height:20px;margin-right:8px;display:flex}.visualizer-bar{background-color:var(--danger);border-radius:3px;width:3px;animation:1s ease-in-out infinite soundBounce}.visualizer-bar:first-child{height:30%;animation-delay:0s}.visualizer-bar:nth-child(2){height:60%;animation-delay:.2s}.visualizer-bar:nth-child(3){height:100%;animation-delay:.4s}.visualizer-bar:nth-child(4){height:80%;animation-delay:.1s}.visualizer-bar:nth-child(5){height:50%;animation-delay:.3s}@keyframes soundBounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1.2)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}body,.app-sidebar,.glass-panel,.input-field,.checkbox-container,.radio-card-label,.btn,select.input-field{transition:background-color .4s,color .4s,border-color .4s,box-shadow .4s}.app-main-watermark{opacity:.08;pointer-events:none;z-index:-1;background-image:url(/watermark.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}[data-theme=dark] .app-main-watermark{filter:invert();opacity:.05}.splash-screen{z-index:9999;background:var(--bg-color);flex-direction:column;justify-content:center;align-items:center;animation:.6s forwards splashFadeIn;display:flex;position:fixed;inset:0}.splash-screen.exiting{animation:.5s forwards splashFadeOut}.splash-logo{align-items:center;gap:.75rem;margin-bottom:1.5rem;animation:.8s cubic-bezier(.16,1,.3,1) .2s both splashLogoIn;display:flex}.splash-logo h1{font-size:3rem;font-family:var(--font-display);color:var(--text-main);font-weight:400}.splash-subtitle{color:var(--text-muted);margin-bottom:3rem;font-size:1.05rem;animation:.8s cubic-bezier(.16,1,.3,1) .4s both splashLogoIn}.splash-btn{border-radius:var(--radius-lg);background:var(--noir);color:var(--blanc);font-family:var(--font-body);cursor:pointer;border:none;padding:.9rem 2.5rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;animation:.8s cubic-bezier(.16,1,.3,1) .6s both splashLogoIn}.splash-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@keyframes splashFadeIn{0%{opacity:0}to{opacity:1}}@keyframes splashFadeOut{0%{opacity:1}to{opacity:0;pointer-events:none}}@keyframes splashLogoIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nav-footer-btn{background:var(--surface);border:1.5px solid var(--surface-border);color:var(--text-muted);cursor:pointer;font-family:var(--font-body);border-radius:30px;align-items:center;gap:.5rem;padding:.8rem 1.4rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.nav-footer-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:700;transform:translateY(-4px);box-shadow:0 10px 24px #00000026}.progress-bar-container{align-items:center;gap:1rem;width:100%;padding:.75rem 0 1.5rem;display:flex}.progress-track{background:var(--surface);border:1.5px solid var(--surface-border);border-radius:20px;flex:1;height:22px;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #0000000f}.progress-fill{background:var(--primary);border-radius:20px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:inset 0 -3px 6px #00000026,inset 0 3px 6px #ffffff40}.progress-fill:after{content:"";z-index:1;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 20 Q 10 5 20 20 T 40 20 V 40 H 0 Z' fill='rgba(255,255,255,0.18)'/%3E%3C/svg%3E") 0 -8px/40px 40px repeat-x;animation:1.2s linear infinite waveMotion;position:absolute;inset:0}.progress-fill:before{content:"";z-index:0;background:url("data:image/svg+xml,%3Csvg width='60' height='40' viewBox='0 0 60 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 20 Q 15 10 30 20 T 60 20 V 40 H 0 Z' fill='rgba(0,0,0,0.1)'/%3E%3C/svg%3E") 0 -5px/60px 40px repeat-x;animation:2.5s linear infinite reverse waveMotion;position:absolute;inset:0}@keyframes waveMotion{0%{background-position-x:0}to{background-position-x:120px}}.progress-label{color:var(--primary);font-size:.82rem;font-weight:700;font-family:var(--font-body);white-space:nowrap;text-align:right;min-width:44px}.section-indicators{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:8px;max-width:100%;margin-bottom:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.shortcut-circle{cursor:pointer;transform-origin:50%;border:2px solid #0000;border-radius:20px 8px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 10px #0000000d}.shortcut-circle.empty{background:var(--beige);color:var(--text-light);border-color:var(--surface-border)}.shortcut-circle.filled{background:var(--surface);color:var(--primary);border-color:var(--primary);box-shadow:0 0 12px var(--primary-light), inset 0 0 8px #00000005}.shortcut-circle.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 8px 20px #0003}.shortcut-circle:hover:not(.active){border-color:var(--primary);color:var(--primary);border-radius:14px}.circle-check-dot{display:none}.shortcut-active-title{white-space:nowrap;color:var(--primary);text-transform:uppercase;letter-spacing:.5px;pointer-events:none;font-size:.65rem;font-weight:800;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInTitle;position:absolute;bottom:-22px}@keyframes fadeInTitle{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.liquid-progress{position:relative;overflow:hidden}.liquid-wave{opacity:.8;background-image:radial-gradient(#fff6 0%,#0000 60%);background-repeat:repeat-x;background-size:30px 100%;width:200%;height:100%;animation:2s linear infinite waveAction;position:absolute;top:-6px;left:0}@keyframes waveAction{0%{transform:translate(0)}to{transform:translate(-30px)}}.page-enter{will-change:transform, opacity, filter;animation:.5s cubic-bezier(.16,1,.3,1) forwards pageSlideIn}@keyframes pageSlideIn{0%{opacity:0;filter:blur(4px);transform:translateY(15px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.save-indicator{color:var(--text-light);font-size:.75rem;font-family:var(--font-body);align-items:center;gap:.4rem;transition:opacity .3s;display:flex}.save-indicator .save-dot{background:var(--success);border-radius:50%;width:6px;height:6px;transition:transform .3s}.save-indicator.saving .save-dot{animation:.6s savePulse}@keyframes savePulse{0%{transform:scale(1)}50%{opacity:.5;transform:scale(1.8)}to{transform:scale(1)}}.nav-footer{border-top:1px solid var(--surface-border);justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding-top:2rem;display:flex}.nav-footer-btn.invisible{visibility:hidden}.theme-toggle{color:var(--text-light);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:6px;transition:color .2s,background .2s;display:flex}.theme-toggle:hover{color:var(--primary);background:var(--brown-subtle)}@media (width<=1024px){html,body,.app-layout{overflow-x:hidden!important}.app-sidebar{z-index:9998;transition:transform .4s cubic-bezier(.16,1,.3,1);top:0;left:0;transform:translate(-100%);box-shadow:4px 0 30px #00000026;height:100vh!important;max-height:100vh!important;position:fixed!important}.app-sidebar.mobile-open{transform:translate(0)!important}.app-sidebar.collapsed{width:280px!important;min-width:280px!important;transform:translate(-100%)!important}.app-sidebar.collapsed.mobile-open{transform:translate(0)!important}.app-main{min-width:0!important;padding:1.5rem!important}.desktop-only{display:none!important}.fab-menu,.mobile-floating-dashboard-btn{display:flex!important}}@media (width<=768px){html,body{-webkit-text-size-adjust:100%;overflow-x:hidden!important}.app-layout{flex-direction:column!important;overflow-x:hidden!important}.app-main{flex:1!important;min-width:0!important;padding:.75rem!important;overflow-x:hidden!important}.app-main>div{box-sizing:border-box!important;max-width:100%!important}.glass-panel{border-radius:12px!important;padding:1.25rem!important;overflow-x:hidden!important}h1{font-size:1.6rem!important}h2,.glass-panel h2{font-size:1.3rem!important}h3{font-size:1.1rem!important}p,span,li,label,td,th{word-break:break-word;overflow-wrap:anywhere}.shortcut-carousel-container{height:60px!important;margin-bottom:1rem!important}.section-indicators{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important;max-width:100%!important;padding-bottom:.5rem!important;overflow-x:auto!important}.section-indicators::-webkit-scrollbar{display:none}.progress-bar-container{flex-wrap:wrap!important;gap:.5rem!important;max-width:100%!important;padding-top:.5rem!important}.progress-label{white-space:nowrap!important}div[style*=grid-template-columns],div[style*=gridTemplateColumns]{grid-template-columns:1fr!important;gap:.75rem!important}.glass-panel div[style*="display: flex"],.glass-panel div[style*=display\:flex],.section-content div[style*="display: flex"],.section-content div[style*=display\:flex]{flex-wrap:wrap!important;min-width:0!important}.nav-footer{flex-direction:column!important;gap:.75rem!important}.nav-footer-btn{justify-content:center!important;width:100%!important;padding:.85rem 1rem!important;font-size:.95rem!important}.nav-footer-btn.invisible{display:none!important}.chip-btn,.btn,.btn-primary{font-size:.9rem!important}button[style*=width]{box-sizing:border-box!important;max-width:100%!important}.ippa-tabs,.account-tabs-wrapper,.coverflow-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none!important;flex-wrap:nowrap!important;gap:.25rem!important;max-width:100%!important;overflow-x:auto!important}.ippa-tabs::-webkit-scrollbar{display:none}.account-tabs-wrapper::-webkit-scrollbar{display:none}.symptom-card,.symptom-header{flex-wrap:wrap!important;gap:.5rem!important;padding:1rem!important}.symptom-dropdown-header{padding:.85rem 1rem!important;font-size:.95rem!important}.symptom-dropdown-content{padding:1rem!important}input,select,textarea,.input-field,.form-control,.premium-input{box-sizing:border-box!important;width:100%!important;max-width:100%!important;font-size:1rem!important}.vitals-row,.flex-row-mobile-wrap{flex-direction:column!important;gap:.75rem!important}.account-modal-content{border-radius:20px!important;width:96%!important;max-width:100%!important;height:92vh!important;max-height:95vh!important;margin:auto!important}.account-layout{flex-direction:column!important;min-height:0!important}.account-tabs-wrapper{border-right:none!important;border-bottom:1px solid var(--surface-border)!important;min-height:unset!important;flex-direction:row!important;flex-shrink:0!important;width:100%!important;padding:.75rem .5rem!important;overflow-x:auto!important}.account-body{padding:1.25rem 1rem!important;overflow-y:auto!important}.account-modal-header{flex-wrap:wrap!important;gap:.75rem!important;padding:1rem 1.25rem!important}.account-modal-header h2{font-size:1.15rem!important}.subscription-grid{grid-template-columns:1fr!important;gap:1.25rem!important}.subscription-card{border-radius:20px!important;padding:1.25rem 1rem!important}.subscription-card h4{font-size:1.15rem!important}.subscription-card p{font-size:.85rem!important}.subscription-card .price-display{font-size:1.75rem!important}.subscription-card ul li{font-size:.85rem!important}.folders-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.premium-header{border-radius:16px!important;margin:0 0 2rem!important;padding:.65rem 1rem!important}.header-brand-name{font-size:1.5rem!important}.search-pro{width:100%!important;max-width:100%!important}.btn-nouveau-dossier{border-radius:50%!important;padding:.6rem!important}.btn-nouveau-dossier span,.espace-personnel-text{display:none!important}.espace-personnel-btn{padding:.35rem!important}.header-right-actions{gap:.5rem!important}.stats-grid{grid-template-columns:1fr!important;gap:1rem!important}.export-actions-grid{grid-template-columns:1fr!important;gap:.75rem!important}.export-action-btn{justify-content:center!important;width:100%!important}.apercu-page{padding:1.5rem 1rem!important}.apercu-main-title{font-size:1.8rem!important}.apercu-page-title{margin-bottom:1rem!important;font-size:1.1rem!important}.premium-tag-bank{gap:.5rem!important}.premium-tag{padding:.5rem 1rem!important;font-size:.85rem!important}.tag-manager-modal{border-radius:16px!important;width:96%!important;max-height:90vh!important}[class*=command-palette]{border-radius:16px!important;width:96%!important;max-width:100%!important}[class*=version-history],[style*="width: 420px"]{border-radius:16px 16px 0 0!important;width:100%!important;max-width:100%!important;height:80vh!important;top:auto!important;bottom:0!important}[class*=tutorial],[class*=onboarding]{border-radius:16px!important;width:96%!important;max-width:100%!important}.ts-glass-panel{border-radius:16px!important;height:95vh!important}.ts-cards-grid{flex-direction:column!important;gap:1rem!important;padding:1rem 1.25rem 2rem!important}.ts-header{padding:1.5rem 1.25rem 1rem!important}.ts-title{font-size:1.6rem!important}.ts-card{padding:1.75rem 1.25rem!important}.icon-wrapper{width:70px!important;height:70px!important;margin-bottom:1.25rem!important}.ts-glass-panel div[style*="padding: '0 4rem"]{padding:0 1.25rem 2rem!important}}@media (width<=480px){.app-main{padding:.5rem!important}.glass-panel{border-radius:10px!important;padding:1rem!important}h2,.glass-panel h2{font-size:1.2rem!important}div[style*="padding: '2rem"]{padding:1rem!important}div[style*="display: flex"][style*=gap]{min-width:0!important}}.loading-spinner{color:var(--text-muted);font-family:var(--font-body);justify-content:center;align-items:center;padding:3rem;font-size:1.1rem;display:flex}[data-theme=dark] .brand-logo{filter:invert()}.splash-brand-logo{width:64px;height:64px}.sidebar-brand-logo{width:32px;height:32px}.theme-section-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 28px #00000014}.premium-tag-bank{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}.premium-tag{cursor:pointer;background:var(--surface);border:1.5px solid var(--surface-border);color:var(--text-main);border-radius:30px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.premium-tag:hover{border-color:var(--primary);background:var(--surface-hover);color:var(--primary);font-weight:700;transform:translateY(-3px);box-shadow:0 6px 16px #0000001a}.premium-tag.selected{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:700;box-shadow:0 4px 12px #00000026}.premium-tag.selected:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.tag-manager-btn{border:1.5px dashed var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:30px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.tag-manager-btn:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.symptom-dropdown-container{border:1px solid var(--surface-border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:1rem;transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.symptom-dropdown-header{cursor:pointer;background:var(--brown-subtle);color:var(--primary);justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:1rem;font-weight:700;transition:background .2s;display:flex}.symptom-dropdown-header:hover{background:var(--surface-hover)}.symptom-dropdown-content{border-top:1px solid var(--surface-border);background:var(--surface);padding:1.5rem}.tag-manager-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999999;background:#0006;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.tag-manager-modal{background:var(--surface);border-radius:16px;flex-direction:column;width:90%;max-width:600px;max-height:85vh;display:flex;overflow-y:auto;box-shadow:0 20px 40px #0003}.modal-header{border-bottom:1px solid var(--surface-border);background:var(--surface);z-index:10;justify-content:space-between;align-items:center;padding:1.5rem;display:flex;position:sticky;top:0}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}
