#canvas{touch-action:none;user-select:none;-webkit-user-select:none}.tool-active{background:#6c4cff!important;color:#fff!important}.color-circle{transition:transform .15s ease,outline .15s ease}.color-circle:hover{transform:scale(1.1)}.color-circle.active{outline:3px solid #6c4cff}*{box-sizing:border-box}.profile-page{min-height:100vh;background:#f7f7f7;color:#333;font-family:Arial,Helvetica,sans-serif}.profile-header{height:70px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:0 25px;position:sticky;top:0;z-index:10}.profile-header h1{font-size:22px;margin:0;font-weight:700}.back-button,.save-top{border:none;background:none;cursor:pointer;font-size:18px}.save-top{color:#16883f;font-weight:700}.profile-container{width:100%;max-width:650px;margin:auto;padding:25px 20px 50px}.profile-card{background:#fff;border-radius:20px;padding:30px;text-align:center;box-shadow:0 4px 15px #0000000f;margin-bottom:20px}.avatar-wrapper{position:relative;display:inline-block}.main-avatar{width:125px;height:125px;border-radius:50%;border:5px solid #58cc02;background:#e8f8df;object-fit:cover}.camera-button{position:absolute;right:0;bottom:0;width:42px;height:42px;border-radius:50%;border:3px solid white;background:#58cc02;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000026;transition:transform .15s,background-color .15s}.camera-button:hover{transform:scale(1.08);background:#4fbb02}.profile-card h2{margin:15px 0 5px;font-size:22px;font-weight:700;color:#222}.username{color:#777;margin:0 0 12px;font-size:14px}.level-badge{display:inline-block;background:#fff3c4;padding:8px 14px;border-radius:20px;font-size:14px;font-weight:700;color:#855b00}.settings-section{background:#fff;border-radius:18px;padding:22px;margin-bottom:18px;box-shadow:0 3px 12px #0000000d}.settings-section h3{margin-top:0;margin-bottom:20px;font-size:18px;font-weight:700;color:#222}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.avatar-option{border:3px solid transparent;background:#f1f1f1;border-radius:50%;padding:4px;cursor:pointer;transition:.2s;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar-option:hover{transform:scale(1.08)}.avatar-option.selected{border-color:#58cc02;background:#e7f8dd;box-shadow:0 0 0 2px #58cc02}.avatar-option img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.settings-section label{display:block;font-weight:700;margin-bottom:18px;font-size:14px;color:#333}.settings-section input,.settings-section textarea,.settings-section select{width:100%;margin-top:8px;padding:13px 14px;border:2px solid #ddd;border-radius:12px;font-size:15px;outline:none;background:#fff;font-family:inherit;transition:border-color .2s}.settings-section input:focus,.settings-section textarea:focus,.settings-section select:focus{border-color:#58cc02}.settings-section textarea{min-height:100px;resize:vertical}.privacy-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.privacy-row p{color:#777;font-size:13px;margin-top:4px;margin-bottom:0}.switch{position:relative;width:52px;height:30px;margin:0!important;flex-shrink:0;display:inline-block}.switch input{display:none!important}.slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ccc;border-radius:30px;cursor:pointer;transition:.3s}.slider:before{content:"";position:absolute;width:22px;height:22px;left:4px;top:4px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 4px #0003}.switch input:checked+.slider{background:#58cc02}.switch input:checked+.slider:before{transform:translate(22px)}.save-button{width:100%;padding:16px;border:none;border-radius:14px;background:#58cc02;color:#fff;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 4px #46a602;transition:.15s}.save-button:hover{background:#4fbb02}.save-button:active{transform:translateY(3px);box-shadow:0 1px #46a602}@media(max-width:600px){.profile-header{padding:0 15px}.profile-container{padding:15px 12px 40px}.avatar-grid{grid-template-columns:repeat(3,1fr)}.profile-card{padding:25px 15px}}.reader{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;flex:1;min-height:0;perspective:2200px;-webkit-perspective:2200px;user-select:text;-webkit-user-select:text;padding:6px 12px}.reader ::selection{background-color:#fde047;color:#1c1917}.page,.page-content,.custom-page,.book-page-text{user-select:text!important;-webkit-user-select:text!important}.reader-top-progress{width:min(1140px,95vw);margin-bottom:10px;background:#110904c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(240,195,106,.32);border-radius:14px;padding:7px 14px;box-shadow:0 8px 22px #00000073;z-index:75;box-sizing:border-box}.reader-top-progress-info{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px;font-size:11.5px;font-weight:700;color:#fef3c7}.reader-top-progress-badge{display:inline-flex;align-items:center;gap:5px}.reader-top-progress-remaining{color:#fcd34d;font-weight:800}.reader-top-progress-track{width:100%;height:7px;background:#ffffff24;border-radius:9999px;overflow:hidden;position:relative}.reader-top-progress-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,#f59e0b,#fbbf24 55%,#34d399);box-shadow:0 0 10px #fbbf248c;transition:width .38s cubic-bezier(.22,1,.36,1)}.book{position:relative;width:min(1140px,95vw);height:min(720px,78vh);display:grid;grid-template-columns:1fr 1fr;perspective:1500px;-webkit-perspective:1500px;perspective-origin:50% 50%;-webkit-perspective-origin:50% 50%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;border-radius:14px;background:#fdf8ec;box-shadow:0 30px 65px #000000b3,0 0 0 6px #3b2112,0 0 0 8px #ecc06b73}.book:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:56px;transform:translate(-50%) translateZ(1px);-webkit-transform:translateX(-50%) translateZ(1px);background:linear-gradient(90deg,#23120800,#23120824 30%,#14090361 48%,#0a04018c,#14090361 52%,#23120824 70%,#23120800);pointer-events:none;z-index:35}.page{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 20%,#fffef9,#fcf6e8 70%,#f1e6cf);color:#2c1d11;box-sizing:border-box;cursor:pointer;transform:translateZ(0);-webkit-transform:translateZ(0px)}.left-page{border-radius:12px 0 0 12px;border-right:1px solid rgba(80,48,22,.22);box-shadow:inset -32px 0 46px #301c0c29,inset 4px 0 10px #ffffffa6}.right-page{border-radius:0 12px 12px 0;box-shadow:inset 32px 0 46px #301c0c29,inset -4px 0 10px #ffffffa6}.left-page:before{content:"";position:absolute;bottom:0;left:0;width:34px;height:34px;background:linear-gradient(45deg,rgba(50,28,12,.28) 0%,rgba(255,252,242,.95) 46%,rgba(60,35,16,.18) 50%,transparent 54%);border-radius:0 10px 0 12px;box-shadow:2px -2px 6px #0000001f;pointer-events:none;z-index:30;transition:width .2s ease,height .2s ease}.left-page:hover:before{width:42px;height:42px}.right-page:before{content:"";position:absolute;bottom:0;right:0;width:34px;height:34px;background:linear-gradient(315deg,rgba(50,28,12,.28) 0%,rgba(255,252,242,.95) 46%,rgba(60,35,16,.18) 50%,transparent 54%);border-radius:10px 0 12px;box-shadow:-2px -2px 6px #0000001f;pointer-events:none;z-index:30;transition:width .2s ease,height .2s ease}.right-page:hover:before{width:42px;height:42px}.page-corner-Zone{position:absolute;top:0;bottom:0;width:48%;z-index:32;cursor:pointer}.page-corner-Zone.corner-left{left:0}.page-corner-Zone.corner-right{right:0}.page-content{width:100%;height:100%;position:relative;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.turning-page{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:visible;-webkit-backface-visibility:visible;will-change:transform,box-shadow;z-index:60;pointer-events:none}.turning-page.turn-next{left:50%;transform-origin:left center;-webkit-transform-origin:left center;animation:bookTurnNext3D .65s cubic-bezier(.32,.08,.24,1) forwards}.turning-page.turn-prev{left:0;transform-origin:right center;-webkit-transform-origin:right center;animation:bookTurnPrev3D .65s cubic-bezier(.32,.08,.24,1) forwards}.paper-front,.paper-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:radial-gradient(circle at 50% 20%,#fffef9,#fbf3e1 72%,#efe2c6);color:#2c1d11;box-sizing:border-box}.paper-front{transform:rotateY(0) translateZ(1px);-webkit-transform:rotateY(0deg) translateZ(1px);z-index:2}.paper-back{transform:rotateY(180deg) translateZ(1px);-webkit-transform:rotateY(180deg) translateZ(1px);z-index:1}.paper-front:after,.paper-back:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}.turning-page.turn-next .paper-front{border-radius:0 12px 12px 0;border-left:1px solid rgba(70,42,18,.28);box-shadow:inset 24px 0 36px #301c0c29}.turning-page.turn-next .paper-front:after{background:linear-gradient(90deg,#1c0e0557,#fffcf085 18%,#2814081a 55%,#190c044d);animation:foldShadeFront .65s ease-in-out forwards}.turning-page.turn-next .paper-back{border-radius:12px 0 0 12px;border-right:1px solid rgba(70,42,18,.28);box-shadow:inset -24px 0 36px #301c0c29}.turning-page.turn-next .paper-back:after{background:linear-gradient(270deg,#1c0e055c,#fffcf08c 22%,#28140814 65%,#190c0442);animation:foldShadeBack .65s ease-in-out forwards}.turning-page.turn-prev .paper-front{border-radius:12px 0 0 12px;border-right:1px solid rgba(70,42,18,.28);box-shadow:inset -24px 0 36px #301c0c29}.turning-page.turn-prev .paper-front:after{background:linear-gradient(270deg,#1c0e0557,#fffcf085 18%,#2814081a 55%,#190c044d);animation:foldShadeFront .65s ease-in-out forwards}.turning-page.turn-prev .paper-back{border-radius:0 12px 12px 0;border-left:1px solid rgba(70,42,18,.28);box-shadow:inset 24px 0 36px #301c0c29}.turning-page.turn-prev .paper-back:after{background:linear-gradient(90deg,#1c0e055c,#fffcf08c 22%,#28140814 65%,#190c0442);animation:foldShadeBack .65s ease-in-out forwards}@keyframes bookTurnNext3D{0%{transform:translateZ(2px) rotateY(0) rotate(0);box-shadow:-2px 0 8px #0000001a}25%{transform:translateZ(18px) rotateY(-45deg) rotate(-1.2deg);box-shadow:-26px 12px 38px #0000005c}50%{transform:translateZ(28px) rotateY(-90deg) rotate(-1.8deg);box-shadow:-42px 18px 56px #0000007a}75%{transform:translateZ(18px) rotateY(-135deg) rotate(-.9deg);box-shadow:26px 12px 38px #0000005c}to{transform:translateZ(2px) rotateY(-180deg) rotate(0);box-shadow:2px 0 8px #0000001a}}@keyframes bookTurnPrev3D{0%{transform:translateZ(2px) rotateY(0) rotate(0);box-shadow:2px 0 8px #0000001a}25%{transform:translateZ(18px) rotateY(45deg) rotate(1.2deg);box-shadow:26px 12px 38px #0000005c}50%{transform:translateZ(28px) rotateY(90deg) rotate(1.8deg);box-shadow:42px 18px 56px #0000007a}75%{transform:translateZ(18px) rotateY(135deg) rotate(.9deg);box-shadow:-26px 12px 38px #0000005c}to{transform:translateZ(2px) rotateY(180deg) rotate(0);box-shadow:-2px 0 8px #0000001a}}@keyframes foldShadeFront{0%{opacity:.15}50%{opacity:.95}to{opacity:.25}}@keyframes foldShadeBack{0%{opacity:.95}50%{opacity:.75}to{opacity:.15}}.reader-controls{margin-top:14px;display:inline-flex;align-items:center;gap:12px;background:#000000d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 18px;border-radius:9999px;color:#fde68a;font-size:13px;font-weight:800;border:1px solid rgba(252,211,77,.28);box-shadow:0 10px 28px #0000008c;z-index:70}.reader-controls button{width:30px;height:30px;border-radius:9999px;background:#ffffff14;color:#fde68a;font-size:18px;font-weight:900;line-height:1;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.reader-controls button:hover:not(:disabled){background:#ffffff3d;transform:scale(1.08)}.reader-controls button:disabled{opacity:.25;cursor:not-allowed}.reader.night-mode .book{background:#181411;box-shadow:0 30px 70px #000000e0,0 0 0 6px #1c130d,0 0 0 8px #b48c4b47}.reader.night-mode .page,.reader.night-mode .paper-front,.reader.night-mode .paper-back{background:radial-gradient(circle at 50% 20%,#24201c,#1d1916 72%,#15120f);color:#e6dac6}.reader.night-mode .left-page{border-right-color:#ffe1af1a;box-shadow:inset -32px 0 46px #00000073,inset 4px 0 10px #ffecc80a}.reader.night-mode .right-page{box-shadow:inset 32px 0 46px #00000073,inset -4px 0 10px #ffecc80a}.reader.night-mode .left-page:before{background:linear-gradient(45deg,rgba(0,0,0,.55) 0%,rgba(62,52,42,.92) 46%,rgba(255,225,175,.14) 50%,transparent 54%)}.reader.night-mode .right-page:before,.reader.night-mode .left-page:after{background:linear-gradient(315deg,rgba(0,0,0,.55) 0%,rgba(62,52,42,.92) 46%,rgba(255,225,175,.14) 50%,transparent 54%)}.reader.night-mode .page h2,.reader.night-mode .paper-front h2,.reader.night-mode .paper-back h2{color:#f5ebd6!important}.reader.night-mode .page p,.reader.night-mode .paper-front p,.reader.night-mode .paper-back p{color:#e2d5be!important}.reader.night-mode .reader-top-progress{background:#0a0807e0;border-color:#d9aa5a40}@media(max-width:639px){.book{grid-template-columns:1fr;width:95vw;height:76vh;border-radius:10px 16px 16px 10px;perspective:1100px;-webkit-perspective:1100px}.book:after{left:0;width:34px;transform:translateZ(1px);-webkit-transform:translateZ(1px);border-radius:10px 0 0 10px;background:linear-gradient(90deg,rgba(12,5,1,.52) 0%,rgba(35,18,8,.28) 34%,rgba(255,248,228,.28) 58%,rgba(35,18,8,.06) 82%,transparent 100%)}.right-page{display:none}.left-page{border-radius:10px 14px 14px 10px;border-right:none;box-shadow:inset 28px 0 42px #2a160838,inset -18px 0 28px #361f0e24}.left-page:before{width:38px;height:38px;border-radius:0 12px 0 10px}.left-page:after{content:"";position:absolute;bottom:0;right:0;width:38px;height:38px;background:linear-gradient(315deg,rgba(50,28,12,.28) 0%,rgba(255,252,242,.95) 46%,rgba(60,35,16,.18) 50%,transparent 54%);border-radius:12px 0 14px;box-shadow:-2px -2px 6px #0000001f;pointer-events:none;z-index:30}.book,.page{touch-action:pan-y}.turning-page{top:0!important;left:0!important;width:100%!important;height:100%!important;transform-style:preserve-3d!important;-webkit-transform-style:preserve-3d!important}.turning-page.turn-next{left:0!important;transform-origin:left center!important;-webkit-transform-origin:left center!important;animation:mobileBookTurnNext3D .65s cubic-bezier(.32,.08,.24,1) forwards!important}.turning-page.turn-prev{left:0!important;transform-origin:right center!important;-webkit-transform-origin:right center!important;animation:mobileBookTurnPrev3D .65s cubic-bezier(.32,.08,.24,1) forwards!important}.turning-page.dragging{animation:none!important;transition:none!important}.turning-page.dragging .paper-front:after,.turning-page.dragging .paper-back:after{animation:none!important}.turning-page.settling{animation:none!important;transition:transform .34s cubic-bezier(.22,1,.36,1),box-shadow .34s ease!important}.turning-page.turn-next .paper-front,.turning-page.turn-next .paper-back,.turning-page.turn-prev .paper-front,.turning-page.turn-prev .paper-back{border-radius:10px 14px 14px 10px;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important}@keyframes mobileBookTurnNext3D{0%{transform:translateZ(2px) rotateY(0) rotate(0);box-shadow:-2px 0 8px #0000001f}30%{transform:translateZ(20px) rotateY(-52deg) rotate(-1.5deg);box-shadow:-28px 14px 42px #0000006b}65%{transform:translateZ(24px) rotateY(-115deg) rotate(-1deg);box-shadow:-22px 10px 36px #0000005c}to{transform:translateZ(2px) rotateY(-180deg) rotate(0);box-shadow:0 0 #0000}}@keyframes mobileBookTurnPrev3D{0%{transform:translateZ(2px) rotateY(0) rotate(0);box-shadow:2px 0 8px #0000001f}30%{transform:translateZ(20px) rotateY(52deg) rotate(1.5deg);box-shadow:28px 14px 42px #0000006b}65%{transform:translateZ(24px) rotateY(115deg) rotate(1deg);box-shadow:22px 10px 36px #0000005c}to{transform:translateZ(2px) rotateY(180deg) rotate(0);box-shadow:0 0 #0000}}}.smart-reading-panel{width:100%;box-sizing:border-box}.smart-reading-card{width:100%;background:#fff;border-radius:28px;padding:30px;box-shadow:0 10px 40px #32285014;border:2px solid #ede8f5;box-sizing:border-box}.smart-reading-card .topo{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.smart-reading-card .tag{color:#8b5cf6;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.smart-reading-card h1{margin:8px 0 0;font-size:26px;color:#29252f;font-weight:800}.smart-reading-card .status{display:flex;align-items:center;gap:8px;background:#f1eff5;padding:10px 15px;border-radius:30px;font-size:14px;font-weight:700;color:#555;white-space:nowrap}.smart-reading-card .status span{width:9px;height:9px;border-radius:50%;background:#999}.smart-reading-card .status.gravando{color:#dc2626;background:#fee2e2}.smart-reading-card .status.gravando span{background:#dc2626;animation:pulsar-smart 1s infinite}.smart-reading-card .status.reproduzindo{color:#7c3aed;background:#ede9fe}.smart-reading-card .status.reproduzindo span{background:#7c3aed;animation:pulsar-smart 1s infinite}@keyframes pulsar-smart{50%{transform:scale(1.5);opacity:.5}}.smart-reading-card .historia{margin-top:25px;padding:25px;background:#faf9fc;border-radius:20px;font-size:24px;line-height:2;border:1px solid #f0ecf8;max-height:380px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:auto}.smart-reading-card .palavra{display:inline-block;margin-right:8px;color:#1e293b;font-weight:500}.smart-reading-card .palavra.falada{color:#0f172a;font-weight:600;text-decoration:none}.smart-reading-card .palavra.atual{color:#0f172a;font-weight:700;background-color:transparent;transform:none;animation:none}.smart-reading-card .progresso-area{margin-top:25px}.smart-reading-card .progresso-info{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#555;font-weight:600}.smart-reading-card .progresso-info strong{color:#8b5cf6;font-size:16px}.smart-reading-card .barra{height:12px;background:#eeeaf5;border-radius:20px;overflow:hidden}.smart-reading-card .barra-preenchida{height:100%;background:linear-gradient(90deg,#8b5cf6,#7c3aed);border-radius:20px;transition:width .25s ease}.smart-reading-card .controle{display:flex;align-items:center;gap:15px;margin-top:25px;flex-wrap:wrap}.smart-reading-card .controle button{border:none;cursor:pointer;border-radius:14px;padding:14px 22px;font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.smart-reading-card .controle button:hover{transform:translateY(-1px);filter:brightness(1.05)}.smart-reading-card .controle button:active{transform:translateY(0)}.smart-reading-card .botao-gravar{background:#8b5cf6;color:#fff;box-shadow:0 4px 14px #8b5cf659}.smart-reading-card .botao-parar{background:#dc2626;color:#fff;box-shadow:0 4px 14px #dc262659}.smart-reading-card .botao-reiniciar{background:#f1eff5;color:#4b4652}.smart-reading-card .tempo{font-weight:700;margin-left:auto;font-size:16px;color:#29252f;background:#f8f6fc;padding:8px 14px;border-radius:12px;border:1px solid #eee8f8}.smart-reading-card .erro{margin-top:20px;padding:15px;background:#fff1f2;color:#be123c;border-radius:12px;font-weight:600;font-size:14px;border:1px solid #fecdd3}.smart-reading-card .transcricao{margin-top:22px;padding:18px;border-radius:18px;background:#f8f7fb;border:1px solid #eee9f7}.smart-reading-card .transcricao-titulo{display:flex;gap:8px;align-items:center;margin-bottom:8px;color:#4c1d95;font-size:14px}.smart-reading-card .transcricao p{margin:0;color:#555;line-height:1.6;font-size:14px}.smart-reading-card .audio-area{margin-top:20px;padding:20px;background:#faf9fc;border-radius:18px;border:1px solid #ede9f5}.smart-reading-card .audio-area h3{margin-top:0;margin-bottom:12px;font-size:16px;color:#29252f;font-weight:700}.smart-reading-card .audio{width:100%;border-radius:12px}.smart-reading-card .legenda{display:flex;gap:25px;margin-top:25px;color:#666;font-size:13px;flex-wrap:wrap}.smart-reading-card .legenda div{display:flex;align-items:center;gap:8px}.smart-reading-card .exemplo-roxo,.smart-reading-card .exemplo-normal{width:25px;height:4px;display:inline-block;border-radius:2px}.smart-reading-card .exemplo-roxo{background:#8b5cf6}.smart-reading-card .exemplo-normal{background:#d1d5db}@media(max-width:650px){.smart-reading-card{padding:18px;border-radius:20px}.smart-reading-card .topo{flex-direction:column;align-items:stretch}.smart-reading-card h1{font-size:20px}.smart-reading-card .historia{font-size:18px;padding:16px;line-height:1.8}.smart-reading-card .controle{flex-wrap:wrap}.smart-reading-card .tempo{margin-left:0;width:100%;text-align:center}.smart-reading-card .legenda{flex-direction:column;gap:10px}}