@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";*{-webkit-tap-highlight-color:transparent!important}.hover-bg-secondary:hover{background-color:var(--hover-bg,var(--bg-secondary))!important}.hover-bg-danger-light:hover{color:var(--danger)!important;background-color:#ef44441a!important}.nav-hover-effect{transition:background-color .2s}.nav-hover-effect:not(.active):hover{background-color:var(--hover-bg,var(--bg-secondary))!important}canvas{background:0 0!important;outline:none!important}.pet-page{padding-bottom:80px}@media (width<=768px){.pet-page{padding-bottom:100px}}:root{--primary:#f97316;--primary-glow:#f9731633;--accent:#ea580c;--success:#10b981;--success-bg:#d1fae5;--warning:#f59e0b;--danger:#f43f5e;--danger-bg:#ffe4e6;--bg-app:#f8fafc;--bg-card:#fff;--text-hero:#0f172a;--text-body:#475569;--text-muted:#94a3b8;--shadow-soft:0 10px 40px -10px #0000000a;--shadow-float:0 20px 40px -10px #00000014;--radius-card:24px;--radius-btn:16px;--radius-pill:999px;--border-color:#e2e8f0;--bg-secondary:#f1f5f9;--bg-sidebar:var(--bg-card);--bg-navbar:var(--bg-app);--btn-primary-bg:var(--primary);--btn-primary-text:#fff;--btn-secondary-bg:var(--bg-secondary);--btn-secondary-text:var(--text-hero);--hover-bg:var(--bg-secondary)}[data-theme=dark]{--bg-app:#000;--bg-card:#0f0f0f;--text-hero:#fff;--text-body:#e2e8f0;--text-muted:#94a3b8;--border-color:#262626;--bg-secondary:#000;--shadow-soft:0 10px 40px -10px #000c;--success-bg:#10b98126;--danger:#ef4444;--danger-bg:#ef444426;--bg-sidebar:#0f0f0f;--bg-navbar:#000;--btn-primary-bg:var(--primary);--btn-primary-text:#fff;--btn-secondary-bg:var(--bg-secondary);--btn-secondary-text:var(--text-hero);--hover-bg:#1a1a1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}body{background-color:var(--bg-app);color:var(--text-body);overscroll-behavior-y:none;overflow-x:clip}.v2-hero{color:var(--text-hero);letter-spacing:-.04em;font-size:42px;font-weight:800;line-height:1.1}.v2-heading{color:var(--text-hero);letter-spacing:-.02em;font-size:28px;font-weight:700}.v2-title{color:var(--text-hero);font-size:20px;font-weight:600}.v2-body{font-size:16px;font-weight:400;line-height:1.5}.v2-caption{color:var(--text-muted);font-size:13px;font-weight:500}.v2-btn-primary{background:linear-gradient(135deg, var(--btn-primary-bg,var(--primary)), var(--accent));color:var(--btn-primary-text,white);border-radius:var(--radius-pill);cursor:pointer;box-shadow:var(--shadow-float);border:none;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.v2-btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 25px 50px -12px #f973164d}.v2-btn-secondary{background:var(--btn-secondary-bg,var(--bg-secondary));color:var(--btn-secondary-text,var(--text-hero));border:1px solid var(--border-color);border-radius:var(--radius-pill);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.v2-btn-secondary:hover{background:var(--bg-card);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.v2-input{background:var(--bg-secondary);border-radius:var(--radius-btn);width:100%;color:var(--text-hero);border:2px solid #0000;outline:none;padding:16px 24px;font-size:16px;font-weight:500;transition:all .2s}.v2-input:focus{background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeUp}@keyframes skeletonPulse{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}.skeleton-pulse{animation:1.5s ease-in-out infinite skeletonPulse}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-slide-in-right{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight}.auth-container{background:var(--bg-card);width:100%;max-width:440px;box-shadow:var(--shadow-soft);border-radius:32px;padding:40px}@media (width<=600px){.auth-container{border-radius:24px;width:92%;padding:24px}}.show-on-mobile{display:none!important}.layout-wrapper{background:var(--bg-app);width:100vw;height:100dvh;display:flex;overflow:hidden}.layout-sidebar{background:var(--bg-sidebar,var(--bg-card));border-inline-end:1px solid var(--border-color);z-index:10;flex-direction:column;align-items:center;width:80px;padding:32px 0;display:flex;overflow:hidden auto}.layout-sidebar::-webkit-scrollbar{display:none}.sidebar-nav{flex-direction:column;flex:1;gap:24px;display:flex}.sidebar-logo{width:40px;height:40px;box-shadow:var(--shadow-float);border:2px solid var(--accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:48px;font-size:20px;font-weight:800;display:flex;overflow:hidden}.sidebar-profile{flex-direction:column;gap:12px;margin-top:auto;margin-bottom:16px;display:flex}@media (height<=800px){.layout-sidebar{padding:16px 0}.sidebar-logo{margin-bottom:24px}.sidebar-nav{gap:12px}.sidebar-profile{margin-bottom:8px}}.layout-main{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex:1;padding:40px 64px;overflow-y:auto}.genz-header{background:var(--bg-navbar,var(--bg-app));border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.dashboard-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:48px;display:grid}.header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;display:flex}.responsive-grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.responsive-grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.responsive-grid-auto{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:32px;display:grid}.responsive-flex-row{align-items:center;gap:40px;display:flex}.responsive-flex-wrap{flex-wrap:wrap;gap:16px;display:flex}.card-padding{padding:32px}.goal-card-container{justify-content:space-between;align-items:center;gap:24px;display:flex}.goal-card-left{flex:1;align-items:center;gap:24px;min-width:0;display:flex}.goal-card-right{flex-shrink:0;align-items:center;gap:24px;display:flex}.goal-actions{align-items:center;gap:8px;display:flex}.goal-progress-container{width:220px}.due-date-badge{background:var(--bg-secondary);color:var(--text-muted);white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}@media (width<=768px){.goal-card-container{flex-direction:column;align-items:stretch;gap:16px}.goal-card-left{gap:16px}.goal-card-right{background:var(--bg-secondary);border-radius:16px;justify-content:space-between;gap:12px;width:100%;padding:12px 16px}.goal-progress-container{flex:1;min-width:120px}.goal-actions{background:0 0}.card-padding{padding:16px!important}}.task-card-wrapper{border-radius:12px;width:100%;display:flex;position:relative;overflow:hidden}.planner-layout{gap:24px;padding-bottom:24px;display:flex;overflow-x:auto}.planner-column{flex-direction:column;flex:1;gap:16px;min-width:300px;display:flex}.planner-column-container{background:var(--bg-card);box-shadow:var(--shadow-soft);border-radius:24px;flex:1;height:100%;min-height:120px;padding:24px}.planner-column-header{margin:0}.planner-task-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;transition:all .2s;position:relative;overflow:hidden}.planner-task-card-desktop{border-radius:inherit}@media (width>=1024px){.planner-layout{grid-template-columns:repeat(4,1fr);display:grid;overflow-x:visible}.planner-column-container{box-shadow:none;background:0 0;padding:0}.planner-column-header{z-index:10;background:var(--bg-app);margin-bottom:4px;padding:12px 0;position:sticky;top:0}.planner-task-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000f}.planner-task-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 16px #00000014}}.task-card-content{flex:1;align-items:flex-start;gap:12px;min-width:0;padding:16px;display:flex}.task-card-actions{flex-shrink:0;align-items:center;gap:4px;padding:16px 16px 16px 0;display:flex}.responsive-greeting{font-size:40px}@media (width<=1024px){.responsive-greeting{font-size:32px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.responsive-grid-3,.responsive-grid-4{grid-template-columns:repeat(2,1fr)}.responsive-grid-auto{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (width<=768px){.layout-wrapper{flex-direction:column}.layout-sidebar{border-inline-end:none;border-top:1px solid var(--border-color);insetInlineStart:0;z-index:200;flex-direction:row;justify-content:space-between;width:100%;height:70px;padding:0 20px;position:fixed;bottom:0}.sidebar-nav{flex-direction:row;justify-content:space-around;gap:0;width:100%}.hide-on-mobile{display:none!important}.show-on-mobile{display:flex!important}.layout-main{padding:24px 16px 90px}.header-row{flex-direction:column;align-items:flex-start;margin-bottom:32px}.v2-hero{font-size:32px!important}.v2-heading,.responsive-greeting{font-size:24px!important}.responsive-grid-3,.responsive-grid-4{grid-template-columns:1fr}.responsive-grid-auto{grid-template-columns:1fr;gap:20px}.responsive-flex-row{flex-direction:column;align-items:flex-start;gap:24px}.responsive-flex-wrap{flex-direction:column;width:100%}.task-card-wrapper{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.task-card-wrapper::-webkit-scrollbar{display:none}.task-card-content{scroll-snap-align:start;flex:0 0 100%!important}.task-card-actions{scroll-snap-align:end}.responsive-flex-wrap>*{flex:none!important;width:100%!important}.card-padding{padding:20px!important}.planner-layout{flex-direction:column;overflow-x:hidden}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.focus-timer-text{font-variant-numeric:tabular-nums;letter-spacing:-2px;text-shadow:0 8px 32px var(--primary-glow);font-size:120px;font-weight:800}.focus-title-text{font-size:32px;font-weight:800;line-height:1.2}.focus-hero-text{font-size:48px;font-weight:800}.focus-subtitle-text{color:var(--text-muted);font-size:20px}.focus-checkin-text{font-size:40px;font-weight:800}.focus-container{padding-top:15vh}.focus-btn-row{justify-content:center;gap:16px;width:100%;display:flex}.focus-time-btns{justify-content:center;gap:16px;margin-bottom:20px;display:flex}.focus-time-btns button{fontSize:20px;width:100px;padding:16px 24px}@media (width<=768px){.focus-timer-text{letter-spacing:-1px;font-size:80px;margin-bottom:32px!important}.focus-title-text{font-size:24px;margin-bottom:12px!important}.focus-hero-text{font-size:32px;margin-bottom:12px!important}.focus-subtitle-text{font-size:16px;margin-bottom:24px!important}.focus-checkin-text{font-size:28px;margin-bottom:12px!important}.focus-btn-large{border-radius:100px!important;width:100%!important;padding:16px 24px!important;font-size:16px!important}.focus-btn-row{flex-direction:column;gap:12px!important}.focus-btn-row>*{flex:none!important;width:100%!important}.focus-time-btns{flex-wrap:wrap;width:100%;gap:8px!important}.focus-time-btns button{border-radius:12px!important;width:calc(33.33% - 6px)!important;padding:12px 8px!important;font-size:16px!important}.focus-container{padding-top:10vh!important}.focus-inner{padding:16px!important}}@media (width<=480px){.focus-timer-text{font-size:64px}.focus-title-text{font-size:20px}.focus-time-btns button{padding:10px 4px!important;font-size:14px!important}}.v2-tooltip-container{cursor:help;align-items:center;display:inline-flex;position:relative}.v2-tooltip-container .v2-tooltip-text{visibility:hidden;opacity:0;background-color:var(--text-hero);width:max-content;max-width:200px;color:var(--bg-card);text-align:center;z-index:9999;pointer-events:none;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:500;line-height:1.4;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;bottom:150%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 20px #0000001a}.v2-tooltip-container .v2-tooltip-text:after{content:"";border-style:solid;border-width:5px;border-color:var(--text-hero) transparent transparent transparent;margin-inline-start:-5px;position:absolute;top:100%;left:50%}.v2-tooltip-container:hover .v2-tooltip-text{visibility:visible;opacity:1;transform:translate(-50%)translateY(0)}@media (width<=768px){.hide-on-mobile{display:none!important}}[dir=rtl] .layout-sidebar{border-inline-end:none;border-inline-start:1px solid var(--border-color)}[dir=rtl] .task-card-actions{padding:16px 0 16px 16px}[dir=rtl] .v2-tooltip-container .v2-tooltip-text{left:auto;right:50%;transform:translate(50%)translateY(10px)}[dir=rtl] .v2-tooltip-container:hover .v2-tooltip-text{transform:translate(50%)translateY(0)}[dir=rtl] .mobile-tray{margin-insetInlineStart:0;margin-inline-end:auto;box-shadow:10px 0 40px #0000001a}.diary-container{width:100%;max-width:1400px;margin:0 auto;padding:0}.diary-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.diary-title{color:var(--text-hero);align-items:center;gap:12px;font-size:32px;font-weight:800;display:flex}.diary-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.diary-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px -1px #0000000d}.diary-stat-card:hover{box-shadow:var(--shadow-float);transform:translateY(-2px)}.diary-stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.diary-stat-content h3{color:var(--text-hero);margin:0;font-size:24px;font-weight:700}.diary-stat-content p{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:13px;font-weight:600}.diary-main-content{gap:32px;margin-top:24px;display:flex}@media (width<=1024px){.diary-main-content{flex-direction:column}}.diary-cover-preview{flex-direction:column;flex:0 0 300px;gap:16px;display:flex}.diary-book-3d{text-align:center;color:#fff;cursor:pointer;border-radius:4px 16px 16px 4px;flex-direction:column;justify-content:center;align-items:center;width:260px;height:380px;padding:32px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:-4px 0 10px #0003,inset 4px 0 10px #0000001a,10px 10px 30px #00000026;-webkit-tap-highlight-color:transparent!important;outline:none!important}.diary-book-3d:before,.hardcover-front:before{content:"";z-index:10;background:linear-gradient(90deg,#fff0 0%,#fff3 20%,#0003 40%,#fff0 100%);width:24px;position:absolute;top:0;bottom:0;left:0}.diary-book-3d:hover{transform:perspective(1000px)rotateY(-5deg)scale(1.02)}.diary-book-title{z-index:2;text-shadow:1px 1px 2px #0000004d;word-break:break-word;overflow-wrap:break-word;margin-bottom:8px;font-family:Playfair Display,serif,sans-serif;font-size:28px;font-weight:700}.diary-book-subtitle{opacity:.8;z-index:2;white-space:nowrap;text-overflow:ellipsis;width:100%;padding:0 10px;font-size:13px;overflow:hidden}.diary-book-author{text-transform:uppercase;letter-spacing:1.5px;z-index:2;white-space:nowrap;text-overflow:ellipsis;width:100%;margin-top:auto;padding:0 10px;font-size:11px;font-weight:600;overflow:hidden}.texture-leather{background-image:url(https://www.transparenttextures.com/patterns/leather.png)}.texture-paper{background-image:url(https://www.transparenttextures.com/patterns/cream-paper.png)}.diary-entries-list{flex-direction:column;flex:1;gap:16px;display:flex}.diary-entry-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;flex-direction:column;gap:8px;padding:20px;transition:all .2s;display:flex}.diary-entry-card:hover{border-color:var(--primary);transform:translate(4px);box-shadow:0 4px 12px #0000000d}.diary-entry-header{justify-content:space-between;align-items:center;display:flex}.diary-entry-title{color:var(--text-hero);margin:0;font-size:18px;font-weight:600}.diary-entry-date{color:var(--text-muted);font-size:13px}.diary-entry-preview{color:var(--text-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.diary-editor-container{background:var(--bg-secondary);flex-direction:column;align-items:center;min-height:100vh;padding:24px 32px 120px;display:flex;overflow-y:auto}.diary-paper{background:var(--page-color,#fdfbf7);border-radius:4px;flex-direction:column;width:100%;max-width:600px;height:900px;max-height:900px;padding:50px 60px 90px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000014}.template-lined .diary-editor-content,.template-lined .page-text{background-image:repeating-linear-gradient(transparent, transparent 29px, var(--line-color,#00000026) 29px, var(--line-color,#00000026) 30px);background-position:0 -2px}.template-planner .diary-editor-content,.template-planner .page-text{background-image:repeating-linear-gradient(#0000,#0000 29px,#f3f4f6 30px);background-position:0 -2px}.diary-editor-title{color:#1f2937;background:0 0;border:none;outline:none;flex-shrink:0;width:100%;margin-bottom:24px;font-family:Merriweather,serif;font-size:32px;font-weight:700}.diary-editor-content{resize:none;color:#374151;background:0 0;border:none;outline:none;flex:1;width:100%;font-size:16px;line-height:30px;overflow:hidden}.diary-editor-content h1,.page-text h1{margin:1.5rem 0 1rem;font-family:Playfair Display,serif;font-size:2.25rem;font-weight:700}.diary-editor-content h2,.page-text h2{margin:1.25rem 0 .75rem;font-family:Playfair Display,serif;font-size:1.875rem;font-weight:700}.diary-editor-content h3,.page-text h3{margin:1rem 0 .5rem;font-size:1.5rem;font-weight:600}.diary-editor-content h4,.page-text h4{margin:1rem 0 .5rem;font-size:1.25rem;font-weight:600}.diary-editor-content h5,.page-text h5{margin:.75rem 0 .5rem;font-size:1.125rem;font-weight:600}.diary-editor-content h6,.page-text h6{margin:.75rem 0 .5rem;font-size:1rem;font-weight:600}.diary-editor-content p,.page-text p{margin-bottom:0}.diary-toolbar{z-index:100;-ms-overflow-style:none;scrollbar-width:none;background:#1f2937;border-radius:100px;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px;max-width:90vw;padding:12px 24px;display:flex;position:fixed;bottom:40px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 10px 40px #00000040}.diary-toolbar::-webkit-scrollbar{display:none}.toolbar-btn{cursor:pointer;color:#e5e7eb;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.toolbar-btn:hover{color:#f3f4f6;background:#374151}.toolbar-btn:active{background:var(--primary,#f97316);color:#fff;transform:scale(.9)}.book-container{background:#2a2a2a;justify-content:center;align-items:center;height:100%;min-height:calc(100vh - 80px);display:flex;position:relative;overflow:hidden}.page{color:#333;background-color:#fcfaf2;font-family:Lora,serif;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #0000001a}.page-content{flex-direction:column;height:100%;padding:80px 70px 40px;display:flex}.page-number{color:#888;font-size:12px;position:absolute;bottom:20px}.page-number-left{left:30px}.page-number-right{right:30px}.book-hardcover{color:#fff;background-color:#4a3b32;border-radius:4px;justify-content:center;align-items:center;display:flex;box-shadow:inset 4px 0 10px #0000001a}.hardcover-front{border-radius:4px 16px 16px 4px}.hardcover-back{border-radius:16px 4px 4px 16px}.book-spine-shadow{z-index:10;background:linear-gradient(90deg,#0003 0%,#0000 100%);width:20px;position:absolute;top:0;bottom:0}.page-right .book-spine-shadow{background:linear-gradient(90deg,#0003 0%,#0000 100%);left:0}.page-left .book-spine-shadow{background:linear-gradient(270deg,#0003 0%,#0000 100%);left:auto;right:0}.page-title{border-bottom:1px solid #ddd;margin-bottom:20px;padding-bottom:10px;font-family:Playfair Display,serif;font-size:24px;font-weight:700}.page-text{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;flex:1;font-size:16px;line-height:1.8;overflow:hidden}.book-nav-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.book-top-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;border:none;border-radius:20px;justify-content:center;align-items:center;height:40px;padding:0 16px;font-weight:500;transition:all .3s;display:flex}.book-top-btn:hover{background:#000c;transform:scale(1.05)}.book-nav-btn:hover{background:#000c;transform:translateY(-50%)scale(1.1)}.book-nav-prev{left:40px}.book-nav-next{right:40px}.book-controls-top{z-index:100;gap:12px;display:flex;position:absolute;top:24px;left:24px}.designer-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.designer-modal{background:var(--bg-card);border-radius:24px;width:90%;max-width:900px;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}.designer-sidebar{border-right:1px solid var(--border-color);background:var(--bg-secondary);width:350px;max-height:80vh;padding:32px;overflow-y:auto}.designer-preview{background:#f0f0f0;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.book-top-controls{z-index:100;gap:12px;display:flex;position:absolute;top:24px;left:24px;right:24px}@media (width<=1024px){.diary-container{padding:20px 24px}.diary-main-content{flex-direction:column}.diary-cover-preview{flex:unset;align-items:center}.diary-book-3d{width:200px;height:290px;padding:16px}.diary-book-title{font-size:20px;line-height:1.2}.diary-book-subtitle{font-size:13px}.diary-book-author{font-size:11px}.diary-editor-container{padding:20px 16px 120px}.diary-paper{max-width:100%;padding:40px 40px 70px}.page-content{padding:50px 40px 30px}.book-nav-btn{width:40px;height:40px}.book-nav-prev{left:12px}.book-nav-next{right:12px}.book-controls-top{top:16px;left:16px}.designer-modal{flex-direction:column;max-height:90vh}.designer-sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;max-height:55vh}.designer-preview{min-height:200px;padding:24px}.designer-preview .diary-book-3d{transform:perspective(1000px)rotateY(-10deg)scale(.9)!important}}@media (width<=768px){.diary-container{padding:16px}.diary-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}.diary-header h1{font-size:26px!important}.diary-header-actions{grid-template-columns:1fr 1fr;width:100%;gap:12px!important;display:grid!important}.diary-header-actions>button{border:1px solid var(--border-color);justify-content:center;font-weight:600;box-shadow:0 4px 12px #0000000d;border-radius:12px!important;padding:12px!important;font-size:14px!important}.diary-header-actions .btn-new-entry{border:none;grid-column:1/-1;background:linear-gradient(135deg, var(--primary), var(--accent))!important;color:#fff!important;box-shadow:0 8px 20px var(--primary-glow)!important;padding:14px 20px!important;font-size:15px!important}.diary-header-actions .btn-read-diary,.diary-header-actions .btn-design-cover{background:var(--bg-card)!important;color:var(--text-hero)!important;border:1px solid var(--border-color)!important}.diary-stats-grid{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.diary-stat-card{padding:16px}.diary-stat-icon{width:40px;height:40px}.diary-stat-content h3{font-size:20px}.diary-cover-preview{align-items:center}.diary-cover-preview .diary-book-3d{width:160px;height:230px;padding:20px}.diary-cover-preview .diary-book-title{font-size:18px}.diary-cover-preview .diary-book-author{font-size:10px}.diary-entry-title{font-size:15px}.diary-entry-card{padding:16px}.diary-editor-container{padding:12px 8px 110px}.diary-paper{border-radius:0;height:auto;min-height:600px;max-height:none;padding:30px 24px 60px;box-shadow:0 4px 20px #0000000f}.diary-editor-title{margin-bottom:16px;font-size:24px}.diary-editor-content{font-size:15px}.diary-toolbar{border-radius:20px;gap:4px;max-width:96vw;padding:10px 16px;bottom:12px}.toolbar-btn{width:32px;height:32px}.book-container{height:100%;min-height:calc(100dvh - 80px);position:relative}.book-nav-btn{width:36px;height:36px}.book-nav-prev{left:4px}.book-nav-next{right:4px}.book-top-controls{gap:8px;top:12px;left:12px;right:12px}.book-top-btn{border-radius:16px;height:36px;padding:0 12px;font-size:13px}.page-content{padding:40px 30px 30px}.page-title{margin-bottom:14px;font-size:20px}.page-text{font-size:14px;line-height:1.7}.designer-modal{border-radius:16px;width:95%;max-height:92vh}.designer-sidebar{max-height:50vh;padding:24px}.designer-preview{min-height:180px;padding:20px}.designer-preview .diary-book-3d{width:180px;height:260px;transform:perspective(1000px)rotateY(-10deg)scale(.85)!important}}@media (width<=480px){.diary-container{padding:12px}.diary-header h1{font-size:22px!important}.diary-stat-card{gap:12px;padding:14px}.diary-stat-icon{border-radius:10px;width:36px;height:36px}.diary-stat-content h3{font-size:18px}.diary-stat-content p{font-size:11px}.diary-cover-preview .diary-book-3d{width:130px;height:190px;padding:16px}.diary-cover-preview .diary-book-3d .diary-book-title{font-size:16px}.diary-cover-preview .diary-book-3d .diary-book-subtitle{padding:0 6px;font-size:8.5px}.diary-cover-preview .diary-book-3d .diary-book-author{letter-spacing:.5px;padding:0 6px;font-size:7.5px}.diary-cover-preview .diary-book-title{font-size:15px}.diary-entry-card{border-radius:10px;padding:14px}.diary-entry-header{flex-direction:column;align-items:flex-start;gap:6px}.diary-entry-title{font-size:14px}.diary-entry-preview{font-size:13px}.diary-editor-container{padding:8px 4px 100px}.diary-paper{min-height:500px;padding:24px 16px 50px}.diary-editor-title{margin-bottom:12px;font-size:20px}.diary-editor-content{font-size:14px;line-height:28px}.diary-toolbar{border-radius:16px;gap:2px;max-width:98vw;padding:8px 12px;bottom:8px}.toolbar-btn{width:30px;min-width:30px;height:30px}.book-container{height:100dvh}.book-nav-btn{width:32px;height:32px}.book-nav-prev{left:2px}.book-nav-next{right:2px}.book-top-controls{gap:6px;top:8px;left:8px;right:8px}.book-top-btn{border-radius:14px;height:32px;padding:0 10px;font-size:12px}.page-content{padding:24px 16px 20px}.page-title{margin-bottom:10px;padding-bottom:8px;font-size:17px}.page-text{font-size:13px;line-height:1.6}.page-number{font-size:10px;bottom:10px}.page-number-left{left:16px}.page-number-right{right:16px}.designer-modal{border-radius:12px;width:98%}.designer-sidebar{max-height:45vh;padding:16px}.designer-preview{min-height:150px;padding:16px}.designer-preview .diary-book-3d{width:140px;height:200px;padding:16px;transform:perspective(1000px)rotateY(-10deg)scale(.8)!important}.designer-preview .diary-book-title{font-size:16px}.designer-preview .diary-book-subtitle,.designer-preview .diary-book-author{font-size:10px}}