:root,[data-theme=midnight]{--bg-app: #0E1015;--bg-surface: #161922;--bg-subtle: #1F2430;--bg-hover: #262C3A;--bg-navbar: rgba(14, 16, 21, .85);--text-main: #EAE6DF;--text-muted: #8C96A8;--text-light: #5C667A;--accent-color: #E8A857;--accent-hover: #D49543;--accent-light: rgba(232, 168, 87, .15);--accent-text: #161922;--border-subtle: #262C3A;--border-strong: #384154;--danger-color: #E06C75;--danger-hover: #C95B64;--danger-light: rgba(224, 108, 117, .15);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 30px rgba(0, 0, 0, .45);--shadow-overlay: 0 12px 40px rgba(0, 0, 0, .6);--font-serif: "Newsreader", Georgia, serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--max-width-app: 80vw;--header-height: 72px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--transition-fast: all .2s ease;--transition-normal: all .3s cubic-bezier(.16, 1, .3, 1)}[data-theme=parchment]{--bg-app: #FBF9F5;--bg-surface: #FFFFFF;--bg-subtle: #F3EFE8;--bg-hover: #EAE4DA;--bg-navbar: rgba(251, 249, 245, .85);--text-main: #2D2825;--text-muted: #78726A;--text-light: #A59E95;--accent-color: #658172;--accent-hover: #546D5F;--accent-light: #EBF1ED;--accent-text: #FFFFFF;--border-subtle: #EAE4DA;--border-strong: #D6CEC3;--danger-color: #C86D6D;--danger-hover: #B25858;--danger-light: #FDF2F2;--shadow-sm: 0 2px 8px rgba(45, 43, 42, .04);--shadow-md: 0 8px 30px rgba(45, 43, 42, .07);--shadow-overlay: 0 12px 40px rgba(0, 0, 0, .12)}[data-theme=matcha]{--bg-app: #F4F6F0;--bg-surface: #FFFFFF;--bg-subtle: #E7ECE1;--bg-hover: #DCE2D4;--bg-navbar: rgba(244, 246, 240, .85);--text-main: #222E25;--text-muted: #647568;--text-light: #92A196;--accent-color: #4B7858;--accent-hover: #3C6347;--accent-light: #E5EFE7;--accent-text: #FFFFFF;--border-subtle: #D8E0D2;--border-strong: #C3CDC7;--danger-color: #C86D6D;--danger-hover: #B25858;--danger-light: #FDF2F2;--shadow-sm: 0 2px 8px rgba(34, 46, 37, .04);--shadow-md: 0 8px 30px rgba(34, 46, 37, .07);--shadow-overlay: 0 12px 40px rgba(0, 0, 0, .12)}[data-theme=terracotta]{--bg-app: #FAF4EE;--bg-surface: #FFFFFF;--bg-subtle: #F3E6D9;--bg-hover: #E9D8C8;--bg-navbar: rgba(250, 244, 238, .85);--text-main: #33231D;--text-muted: #866E64;--text-light: #B09B91;--accent-color: #C66542;--accent-hover: #AC5434;--accent-light: #F9EBE6;--accent-text: #FFFFFF;--border-subtle: #E7D6C6;--border-strong: #D1BCAB;--danger-color: #C86D6D;--danger-hover: #B25858;--danger-light: #FDF2F2;--shadow-sm: 0 2px 8px rgba(51, 35, 29, .04);--shadow-md: 0 8px 30px rgba(51, 35, 29, .07);--shadow-overlay: 0 12px 40px rgba(0, 0, 0, .12)}[data-theme=nordic]{--bg-app: #F0F4F8;--bg-surface: #FFFFFF;--bg-subtle: #E1E9F2;--bg-hover: #D3DFEC;--bg-navbar: rgba(240, 244, 248, .85);--text-main: #1A2533;--text-muted: #60738A;--text-light: #91A3B8;--accent-color: #3F72AF;--accent-hover: #305B90;--accent-light: #E5EEF9;--accent-text: #FFFFFF;--border-subtle: #CBD8E6;--border-strong: #B2C3D6;--danger-color: #D16262;--danger-hover: #B84E4E;--danger-light: #FDF2F2;--shadow-sm: 0 2px 8px rgba(26, 37, 51, .04);--shadow-md: 0 8px 30px rgba(26, 37, 51, .07);--shadow-overlay: 0 12px 40px rgba(0, 0, 0, .12)}[data-theme=celestial]{--bg-app: #12101C;--bg-surface: #1B172B;--bg-subtle: #26213D;--bg-hover: #312A4F;--bg-navbar: rgba(18, 16, 28, .85);--text-main: #EDE7F6;--text-muted: #9B91B8;--text-light: #6A6085;--accent-color: #9F7AEA;--accent-hover: #8A62D7;--accent-light: rgba(159, 122, 234, .18);--accent-text: #FFFFFF;--border-subtle: #2F274B;--border-strong: #453A6B;--danger-color: #E06C75;--danger-hover: #C95B64;--danger-light: rgba(224, 108, 117, .15);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 8px 30px rgba(0, 0, 0, .5);--shadow-overlay: 0 12px 40px rgba(0, 0, 0, .65)}[data-theme=monochrome]{--bg-app: #F6F6F6;--bg-surface: #FFFFFF;--bg-subtle: #ECECEC;--bg-hover: #DFDFDF;--bg-navbar: rgba(246, 246, 246, .85);--text-main: #111111;--text-muted: #666666;--text-light: #999999;--accent-color: #111111;--accent-hover: #333333;--accent-light: #EAEAEA;--accent-text: #FFFFFF;--border-subtle: #DDDDDD;--border-strong: #BFBFBF;--danger-color: #D9383A;--danger-hover: #BF2C2E;--danger-light: #FEECEB;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 8px 30px rgba(0, 0, 0, .08);--shadow-overlay: 0 12px 40px rgba(0, 0, 0, .14)}[data-theme=obsidian]{--bg-app: #141216;--bg-surface: #1D1922;--bg-subtle: #282230;--bg-hover: #342C3E;--bg-navbar: rgba(20, 18, 22, .85);--text-main: #EFE8EC;--text-muted: #9E929E;--text-light: #6E6470;--accent-color: #D68598;--accent-hover: #C57286;--accent-light: rgba(214, 133, 152, .18);--accent-text: #141216;--border-subtle: #2E2636;--border-strong: #453A52;--danger-color: #E06C75;--danger-hover: #C95B64;--danger-light: rgba(224, 108, 117, .15);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 8px 30px rgba(0, 0, 0, .5);--shadow-overlay: 0 12px 40px rgba(0, 0, 0, .65)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;flex-direction:column;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3{font-family:var(--font-serif);font-weight:500;color:var(--text-main);line-height:1.25}p{color:var(--text-main)}a{color:var(--accent-color);text-decoration:none;transition:var(--transition-fast)}button{font-family:var(--font-sans);font-size:.95rem;cursor:pointer;border:none;outline:none;background:none;transition:var(--transition-fast)}textarea,input{font-family:var(--font-sans);font-size:1rem;color:var(--text-main);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);outline:none;transition:var(--transition-fast)}textarea:focus,input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-light)}.app-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;background-color:var(--bg-app)}.main-content{width:80vw;max-width:1400px;margin:0 auto;padding:3rem 1.5rem 5rem;flex:1;display:flex;flex-direction:column;box-sizing:border-box}.view-transition-wrapper{width:100%;flex:1;display:flex;flex-direction:column}.fluid-glide{animation:fluidGlideIn .3s cubic-bezier(.16,1,.3,1) forwards;will-change:transform,opacity}@keyframes fluidGlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.navbar{width:100%;height:var(--header-height);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-subtle);background-color:var(--bg-navbar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:40}.navbar-inner{width:80vw;max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}@media(max-width:768px){.main-content,.navbar-inner{width:92vw;padding-left:1rem;padding-right:1rem}}.navbar-left{display:flex;align-items:center;gap:1rem}.icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--text-muted);background:transparent;transition:all .2s cubic-bezier(.16,1,.3,1),box-shadow .25s ease-out}.icon-btn:hover{background-color:var(--bg-subtle);color:var(--text-main)}.icon-btn:active{transform:scale(.92);box-shadow:0 0 0 5px var(--accent-light);background-color:var(--accent-light);color:var(--accent-color)}.brand-title{font-family:var(--font-serif);font-size:1.4rem;font-weight:500;letter-spacing:-.01em;color:var(--text-main);display:flex;align-items:center;gap:.5rem}.brand-dot{width:7px;height:7px;background-color:var(--accent-color);border-radius:50%;display:inline-block}.auth-nav-btn{font-weight:500;font-size:.9rem;padding:.5rem 1.1rem;border-radius:99px;color:var(--text-muted);border:1px solid var(--border-strong);background:var(--bg-surface);transition:all .2s cubic-bezier(.16,1,.3,1),box-shadow .25s ease-out}.auth-nav-btn:hover{background-color:var(--bg-subtle);color:var(--text-main);border-color:var(--text-muted)}.auth-nav-btn:active{transform:scale(.96);box-shadow:0 0 0 5px var(--accent-light);border-color:var(--accent-color)}.user-profile-nav{display:flex;align-items:center;gap:.75rem}.theme-circle-btn,.theme-circle-placeholder{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--accent-color);background:var(--bg-surface);box-shadow:0 0 0 2px var(--accent-light),var(--shadow-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease;padding:0;overflow:hidden;flex-shrink:0}.theme-circle-btn:hover,.theme-circle-placeholder:hover{transform:scale(1.1);box-shadow:0 0 0 4px var(--accent-light),0 4px 14px #00000047;border-color:var(--accent-hover)}.theme-circle-btn:active,.theme-circle-placeholder:active{transform:scale(.94)}.theme-circle-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;transition:transform .3s cubic-bezier(.16,1,.3,1)}.theme-circle-btn:hover .theme-circle-img{transform:scale(1.08)}.theme-circle-inner{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));opacity:.85;transition:var(--transition-fast)}.theme-circle-placeholder:hover .theme-circle-inner{opacity:1}.navbar-username-btn{display:inline-flex;align-items:center;padding:.4rem .75rem;border-radius:var(--radius-sm);background:transparent;color:var(--text-main);font-weight:500;font-size:.92rem;max-width:180px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);border:1px solid transparent}.navbar-username-btn:hover{background-color:var(--bg-subtle);border-color:var(--border-subtle);color:var(--accent-color)}.navbar-username-btn:active{transform:scale(.97)}.username-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.logout-nav-btn{display:inline-flex;align-items:center;padding:.45rem .9rem;font-size:.88rem}.account-name-modal{max-width:420px}.account-modal-badge{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent-color);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem}@media(max-width:600px){.user-profile-nav{gap:.4rem}.navbar-username-btn{padding:.35rem .5rem;max-width:110px;font-size:.85rem}.username-text{max-width:90px}.logout-nav-btn{padding:.4rem .65rem;font-size:.82rem}.theme-circle-placeholder{width:28px;height:28px}.theme-circle-inner{width:15px;height:15px}}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;opacity:0;pointer-events:none;transition:opacity .3s ease}.menu-backdrop.open{opacity:1;pointer-events:auto}.side-menu{position:fixed;top:0;left:0;bottom:0;width:280px;background-color:var(--bg-surface);box-shadow:var(--shadow-overlay);z-index:100;transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;padding:1.5rem}.side-menu.open{transform:translate(0)}.menu-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.menu-items{display:flex;flex-direction:column;gap:.5rem}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-radius:var(--radius-sm);color:var(--text-main);font-size:.95rem;font-weight:500;width:100%;text-align:left;transition:var(--transition-fast)}.menu-item:hover:not(.disabled){background-color:var(--bg-subtle)}.menu-item.active{background-color:var(--accent-light);color:var(--accent-color)}.menu-item.disabled{opacity:.5;cursor:default}.menu-badge{font-size:.75rem;font-weight:400;padding:.15rem .5rem;border-radius:99px;background-color:var(--bg-subtle);color:var(--text-muted)}.menu-theme-indicator{display:flex;align-items:center;gap:.35rem;font-size:.82rem;padding:.2rem .5rem;background-color:var(--bg-subtle);border-radius:99px;color:var(--text-main);border:1px solid var(--border-subtle)}.theme-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;animation:fadeIn .25s ease forwards}@keyframes fadeIn{to{opacity:1}}.modal-card{width:100%;max-width:440px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);padding:2.25rem;position:relative;transform:translateY(10px);animation:slideUp .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{to{transform:translateY(0)}}.modal-header{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.75rem}.modal-title{font-size:1.6rem}.modal-subtitle{font-size:.9rem;color:var(--text-muted)}.close-modal-btn{position:absolute;top:1.25rem;right:1.25rem}.theme-modal-card{width:80vw;max-width:1240px;max-height:92vh;display:flex;flex-direction:column;overflow-y:auto;padding:2.75rem 3rem 2.5rem;box-sizing:border-box}.theme-modal-card .modal-header{margin-bottom:1.85rem}.theme-modal-header-badge{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent-color);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem}.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,auto);gap:1.35rem;margin-top:.25rem;width:100%;box-sizing:border-box}@media(max-width:900px){.theme-modal-card{width:90vw;padding:2rem 1.5rem}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}@media(max-width:500px){.theme-modal-card{width:94vw}.theme-grid{grid-template-columns:1fr}}.theme-card{display:flex;flex-direction:column;justify-content:space-between;height:165px;min-width:0;box-sizing:border-box;padding:1.35rem;background-color:var(--bg-app);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1),box-shadow .25s ease-out;position:relative;overflow:hidden}.theme-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.theme-card:active{transform:scale(.97)}.theme-card-midnight{background:radial-gradient(circle at 90% 10%,rgba(232,168,87,.16) 0%,transparent 60%),linear-gradient(145deg,#0e1015,#171a24)!important;border-color:#e8a85740;box-shadow:inset 0 1px #ffffff0d,0 2px 8px #0000004d}.theme-card-midnight .theme-word{color:#eae6df}.theme-card-midnight .theme-mode-badge{background-color:#ffffff14;color:#8c96a8;border-color:#ffffff1f}.theme-card-midnight.selected{border-color:#e8a857!important;box-shadow:0 0 0 2px #e8a857,0 8px 24px #e8a8574d}.theme-card-parchment{background:radial-gradient(circle at 90% 10%,rgba(101,129,114,.18) 0%,transparent 60%),linear-gradient(145deg,#fbf9f5,#efe8dc)!important;border-color:#6581724d;box-shadow:inset 0 1px #fffc,0 2px 8px #2d28250a}.theme-card-parchment .theme-word{color:#2d2825}.theme-card-parchment .theme-mode-badge{background-color:#0000000a;color:#78726a;border-color:#00000014}.theme-card-parchment.selected{border-color:#658172!important;box-shadow:0 0 0 2px #658172,0 8px 24px #65817240}.theme-card-matcha{background:radial-gradient(circle at 90% 10%,rgba(75,120,88,.18) 0%,transparent 60%),linear-gradient(145deg,#f4f6f0,#dfe7d7)!important;border-color:#4b78584d;box-shadow:inset 0 1px #fffc,0 2px 8px #222e250a}.theme-card-matcha .theme-word{color:#222e25}.theme-card-matcha .theme-mode-badge{background-color:#0000000a;color:#647568;border-color:#00000014}.theme-card-matcha.selected{border-color:#4b7858!important;box-shadow:0 0 0 2px #4b7858,0 8px 24px #4b785840}.theme-card-terracotta{background:radial-gradient(circle at 90% 10%,rgba(198,101,66,.2) 0%,transparent 60%),linear-gradient(145deg,#faf4ee,#f3e0d1)!important;border-color:#c665424d;box-shadow:inset 0 1px #fffc,0 2px 8px #33231d0a}.theme-card-terracotta .theme-word{color:#33231d}.theme-card-terracotta .theme-mode-badge{background-color:#0000000a;color:#7a5e53;border-color:#00000014}.theme-card-terracotta.selected{border-color:#c66542!important;box-shadow:0 0 0 2px #c66542,0 8px 24px #c6654240}.theme-card-nordic{background:radial-gradient(circle at 90% 10%,rgba(63,114,175,.2) 0%,transparent 60%),linear-gradient(145deg,#f0f4f8,#d8e4ef)!important;border-color:#3f72af4d;box-shadow:inset 0 1px #fffc,0 2px 8px #1a25330a}.theme-card-nordic .theme-word{color:#1a2533}.theme-card-nordic .theme-mode-badge{background-color:#0000000a;color:#5e7188;border-color:#00000014}.theme-card-nordic.selected{border-color:#3f72af!important;box-shadow:0 0 0 2px #3f72af,0 8px 24px #3f72af40}.theme-card-celestial{background:radial-gradient(circle at 90% 10%,rgba(159,122,234,.22) 0%,transparent 60%),linear-gradient(145deg,#12101c,#201934)!important;border-color:#9f7aea4d;box-shadow:inset 0 1px #ffffff0d,0 2px 8px #0000004d}.theme-card-celestial .theme-word{color:#ede7f6}.theme-card-celestial .theme-mode-badge{background-color:#ffffff14;color:#a999c7;border-color:#ffffff1f}.theme-card-celestial.selected{border-color:#9f7aea!important;box-shadow:0 0 0 2px #9f7aea,0 8px 24px #9f7aea4d}.theme-card-obsidian{background:radial-gradient(circle at 90% 10%,rgba(214,133,152,.22) 0%,transparent 60%),linear-gradient(145deg,#141216,#251b27)!important;border-color:#d685984d;box-shadow:inset 0 1px #ffffff0d,0 2px 8px #0000004d}.theme-card-obsidian .theme-word{color:#efe8ec}.theme-card-obsidian .theme-mode-badge{background-color:#ffffff14;color:#a692a0;border-color:#ffffff1f}.theme-card-obsidian.selected{border-color:#d68598!important;box-shadow:0 0 0 2px #d68598,0 8px 24px #d685984d}.theme-card-monochrome{background:radial-gradient(circle at 90% 10%,rgba(0,0,0,.08) 0%,transparent 60%),linear-gradient(145deg,#fff,#e8e8e8)!important;border-color:#0000002e;box-shadow:inset 0 1px #ffffffe6,0 2px 8px #0000000d}.theme-card-monochrome .theme-word{color:#111}.theme-card-monochrome .theme-mode-badge{background-color:#0000000a;color:#666;border-color:#00000014}.theme-card-monochrome.selected{border-color:#111!important;box-shadow:0 0 0 2px #111,0 8px 24px #0003}.theme-card-top{display:flex;align-items:center;justify-content:space-between;width:100%}.theme-card-art{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.15);box-shadow:var(--shadow-sm);background:var(--bg-surface)}.theme-card-art-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;transition:transform .3s cubic-bezier(.16,1,.3,1)}.theme-card:hover .theme-card-art-img{transform:scale(1.12)}.theme-icon{font-size:1.4rem;line-height:1;flex-shrink:0}.menu-theme-thumb{width:22px;height:22px;border-radius:50%;object-fit:cover;display:block;border:1px solid var(--border-subtle)}.theme-name{display:flex;flex-direction:column;gap:4px;margin:.5rem 0}.theme-word{display:block;font-size:1.02rem;font-weight:600;color:var(--text-main);line-height:1.25;white-space:nowrap}.theme-badges{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.theme-mode-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border-subtle)}.theme-active-indicator{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:var(--accent-color);color:var(--accent-text);flex-shrink:0}.theme-swatch-row{display:flex;align-items:center;gap:5px}.theme-swatch{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000026;transition:transform .2s ease}.theme-card:hover .theme-swatch{transform:scale(1.18)}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.form-label{font-size:.85rem;font-weight:500;color:var(--text-muted)}.form-input{width:100%;padding:.75rem 1rem;border-radius:var(--radius-sm);background:var(--bg-app)}.primary-btn{width:100%;padding:.85rem 1.25rem;background-color:var(--accent-color);color:var(--accent-text);font-weight:500;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.16,1,.3,1),box-shadow .25s ease-out}.primary-btn:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.primary-btn:active{transform:scale(.97) translateY(0);box-shadow:0 0 0 6px var(--accent-light),0 0 20px var(--accent-light);filter:brightness(1.06)}.secondary-btn{padding:.75rem 1.25rem;background-color:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s cubic-bezier(.16,1,.3,1),box-shadow .25s ease-out}.secondary-btn:hover{background-color:var(--bg-subtle);border-color:var(--border-strong);transform:translateY(-1px)}.secondary-btn:active{transform:scale(.97) translateY(0);box-shadow:0 0 0 5px var(--accent-light);border-color:var(--accent-color)}.danger-btn{padding:.75rem 1.25rem;background-color:var(--danger-color);color:#fff;border-radius:var(--radius-sm);font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s cubic-bezier(.16,1,.3,1),box-shadow .25s ease-out}.danger-btn:hover{background-color:var(--danger-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--danger-light)}.danger-btn:active{transform:scale(.97) translateY(0);box-shadow:0 0 0 5px var(--danger-light),0 0 16px var(--danger-light);filter:brightness(1.08)}.google-auth-btn{width:100%;padding:.8rem 1.25rem;background-color:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-weight:500;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:var(--shadow-sm);transition:var(--transition-fast)}.google-auth-btn:hover:not(:disabled){background-color:var(--bg-subtle);border-color:var(--text-muted);transform:translateY(-1px)}.google-auth-btn:active:not(:disabled){transform:translateY(0)}.google-auth-btn:disabled{opacity:.6;cursor:not-allowed}.google-auth-btn-prominent{width:100%;padding:1rem 1.5rem;background-color:var(--bg-surface);color:var(--text-main);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.85rem;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1)}.google-auth-btn-prominent:hover:not(:disabled){background-color:var(--bg-subtle);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.google-auth-btn-prominent:active:not(:disabled){transform:translateY(0)}.google-auth-btn-prominent:disabled{opacity:.65;cursor:not-allowed}.auth-modal-card-google{width:90vw;max-width:490px;padding:2.75rem 2.5rem 2.25rem}.auth-google-privacy-box{display:flex;align-items:center;gap:.85rem;padding:.95rem 1.15rem;background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.82rem;line-height:1.5;color:var(--text-muted);text-align:left}.google-icon{display:inline-block;flex-shrink:0}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.25rem 0;color:var(--text-light);font-size:.82rem;text-transform:lowercase;letter-spacing:.02em}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-subtle)}.auth-divider span{padding:0 .85rem;color:var(--text-muted)}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-switch{text-align:center;margin-top:1.5rem;font-size:.88rem;color:var(--text-muted)}.auth-switch-btn{color:var(--accent-color);font-weight:500;margin-left:.35rem}.auth-switch-btn:hover{text-decoration:underline}.auth-error{padding:.75rem 1rem;background-color:var(--danger-light);color:var(--danger-color);border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:1.25rem}.feed-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem}.daily-quote-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-left:3px solid var(--accent-color);border-radius:var(--radius-md);padding:1.25rem 1.6rem;margin-bottom:1.75rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;box-shadow:var(--shadow-sm);transition:var(--transition-fast)}.daily-quote-card:hover{border-color:var(--border-strong);border-left-color:var(--accent-color)}.quote-left{display:flex;align-items:center;gap:1.25rem;flex:1;min-width:0}.quote-badge{display:inline-flex;align-items:center;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--accent-color);background-color:var(--accent-light);padding:.3rem .8rem;border-radius:99px;flex-shrink:0}.quote-body{display:flex;align-items:baseline;gap:.85rem;flex:1;min-width:0;flex-wrap:wrap}.quote-text{font-family:var(--font-serif);font-size:1.22rem;font-style:italic;color:var(--text-main);line-height:1.55;margin:0}.quote-author{font-size:.92rem;color:var(--text-muted);font-weight:500;white-space:nowrap}.quote-cycle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-subtle);transition:var(--transition-fast);cursor:pointer;flex-shrink:0}.quote-cycle-btn:hover{background-color:var(--bg-subtle);border-color:var(--border-strong);color:var(--accent-color);transform:translate(2px)}.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2.25rem}@media(max-width:768px){.stats-strip{grid-template-columns:1fr;gap:.85rem}}.stat-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem 1.4rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-sm);transition:var(--transition-fast)}.stat-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.stat-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-primary{background-color:var(--accent-light);color:var(--accent-color)}.stat-icon-amber{background-color:#eb783c24;color:#eb783c}.stat-icon-teal{background-color:#46a0a024;color:#46a0a0}.stat-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.stat-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}.stat-value{font-size:1.18rem;font-weight:600;color:var(--text-main);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-title{font-size:2.2rem}.feed-actions{display:flex;align-items:center;gap:.85rem}.view-toggle{display:inline-flex;align-items:center;padding:3px;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:99px}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:var(--text-muted);background:transparent;transition:all .2s cubic-bezier(.16,1,.3,1),box-shadow .25s ease-out;cursor:pointer}.view-toggle-btn:hover{color:var(--text-main)}.view-toggle-btn.active{background-color:var(--bg-subtle);color:var(--accent-color);box-shadow:var(--shadow-sm)}.view-toggle-btn:active{transform:scale(.92);box-shadow:0 0 0 4px var(--accent-light)}.new-entry-btn{display:flex;align-items:center;gap:.5rem;background-color:var(--accent-color);color:var(--accent-text);padding:.65rem 1.35rem;border-radius:99px;font-weight:500;font-size:.92rem;box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.16,1,.3,1),box-shadow .25s ease-out}.new-entry-btn:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.new-entry-btn:active{transform:scale(.97) translateY(0);box-shadow:0 0 0 6px var(--accent-light),0 0 20px var(--accent-light);filter:brightness(1.06)}.entries-list.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem}.entries-list.list-view{display:flex;flex-direction:column;gap:1.25rem}.entry-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.85rem 2rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1),box-shadow .25s ease-out;display:flex;flex-direction:column;justify-content:space-between;gap:1.15rem;box-shadow:var(--shadow-sm);min-height:180px;position:relative}.entry-card:hover{border-color:var(--accent-color);box-shadow:0 12px 30px #0000001f,var(--shadow-md);transform:translateY(-3px)}.entry-card:active,.entry-card.is-clicked{transform:scale(.975) translateY(0);box-shadow:0 0 0 6px var(--accent-light),0 0 24px var(--accent-light),var(--shadow-md);border-color:var(--accent-color);filter:brightness(1.05)}.entry-card-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.75rem}.entry-date{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}.entry-meta-badges{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-muted)}.entry-meta-item{display:inline-flex;align-items:center;gap:.3rem}.entry-meta-divider{opacity:.5}.entry-snippet{font-family:var(--font-serif);font-size:1.12rem;color:var(--text-main);line-height:1.65;white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;flex:1}.entry-card-footer{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;padding-top:.75rem;border-top:1px dashed var(--border-subtle);color:var(--accent-color);font-size:.84rem;font-weight:500;opacity:.65;transition:var(--transition-fast)}.entry-card:hover .entry-card-footer{opacity:1;transform:translate(2px)}.entry-open-icon{transition:transform .2s ease}.entry-card:hover .entry-open-icon{transform:translate(2px,-2px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4.5rem 1.5rem;background:var(--bg-surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);margin-top:1rem}.empty-icon{width:56px;height:56px;border-radius:50%;background-color:var(--accent-light);color:var(--accent-color);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.empty-title{font-size:1.6rem;margin-bottom:.5rem}.empty-desc{font-size:.95rem;color:var(--text-muted);max-width:380px;margin-bottom:1.75rem}.editor-container{display:flex;flex-direction:column;gap:1.5rem;flex:1;max-width:960px;width:100%;margin:0 auto}.editor-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.25rem;border-bottom:1px solid var(--border-subtle)}.editor-header-meta{display:flex;align-items:center;gap:1rem}.editor-date{font-size:.92rem;color:var(--text-muted);font-weight:500}.editor-live-badge{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;padding:.3rem .85rem;border-radius:99px;background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted)}.editor-live-badge strong{color:var(--text-main)}.badge-dot{opacity:.4;margin:0 .1rem}.editor-form{display:flex;flex-direction:column;flex:1;gap:1.5rem}.editor-paper{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2.25rem;box-shadow:var(--shadow-sm);transition:var(--transition-fast);min-height:420px;display:flex;flex-direction:column}.editor-paper:focus-within{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.editor-textarea{width:100%;flex:1;min-height:380px;font-family:var(--font-serif);font-size:1.25rem;line-height:1.8;color:var(--text-main);border:none;background:transparent;resize:vertical;padding:0;outline:none}.editor-textarea:focus{box-shadow:none}.editor-textarea::placeholder{color:var(--text-light);font-style:italic;font-size:1.15rem}.editor-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;gap:1rem}.editor-stats{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.stat-pill strong{color:var(--text-main);font-weight:600}.stat-divider{opacity:.4}.editor-actions{display:flex;align-items:center;gap:1rem}.shortcut-hint{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--text-light)}.shortcut-hint kbd{display:inline-block;padding:.15rem .45rem;font-size:.75rem;font-family:var(--font-sans);font-weight:600;color:var(--text-muted);background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;box-shadow:0 1px 2px #00000026}.save-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.4rem;border-radius:99px;font-weight:500;font-size:.92rem;box-shadow:var(--shadow-sm)}.view-entry-container{display:flex;flex-direction:column;gap:1.5rem;max-width:960px;width:100%;margin:0 auto}.view-entry-actions{display:flex;align-items:center;gap:.75rem}.view-entry-meta{display:flex;align-items:center;justify-content:space-between;padding-bottom:.5rem}.view-entry-date{font-size:.95rem;color:var(--text-muted);font-weight:500}.view-entry-stats-badge{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--text-muted);background-color:var(--bg-surface);border:1px solid var(--border-subtle);padding:.3rem .8rem;border-radius:99px}.view-entry-paper{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:3rem;box-shadow:var(--shadow-sm)}.view-entry-body{font-family:var(--font-serif);font-size:1.32rem;line-height:1.85;white-space:pre-wrap;word-break:break-word;color:var(--text-main)}.toast-container{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:150;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{pointer-events:auto;padding:.85rem 1.5rem;border-radius:99px;background-color:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-strong);font-size:.88rem;font-weight:500;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:.65rem;animation:toastIn .3s cubic-bezier(.16,1,.3,1) forwards}.toast.success{background-color:var(--accent-color);color:var(--accent-text);border-color:var(--accent-color)}.toast.error{background-color:var(--danger-color);color:#fff;border-color:var(--danger-color)}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.skeleton-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.75rem;display:flex;flex-direction:column;gap:1rem}.skeleton-line{height:16px;background:linear-gradient(90deg,var(--bg-subtle) 25%,var(--bg-hover) 50%,var(--bg-subtle) 75%);background-size:200% 100%;animation:skeletonLoading 1.5s infinite;border-radius:4px}.skeleton-line.short{width:30%}.skeleton-line.medium{width:65%}.skeleton-line.full{width:100%}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.landing-welcome-container{display:flex;flex-direction:column;align-items:center;gap:3.5rem;max-width:1000px;width:100%;margin:0 auto;position:relative}.landing-ambient-glow{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:900px;height:520px;background:radial-gradient(ellipse at 50% 40%,var(--accent-color) 0%,var(--accent-light) 40%,rgba(0,0,0,0) 75%);filter:blur(95px);opacity:.34;pointer-events:none;z-index:0;animation:breathGlow 7s ease-in-out infinite alternate}@keyframes breathGlow{0%{opacity:.28;transform:translate(-50%) scale(.95)}to{opacity:.46;transform:translate(-50%) scale(1.08)}}.landing-hero{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;max-width:840px;padding-top:2rem}.landing-hero-title{font-family:var(--font-serif);font-size:3.5rem;font-weight:500;line-height:1.18;color:var(--text-main);letter-spacing:-.02em;margin-bottom:1.25rem;text-shadow:0 0 24px rgba(255,255,255,.12),0 0 45px var(--accent-light)}.headline-accent{color:var(--accent-color);font-style:italic;display:inline-block;position:relative;text-shadow:0 0 16px var(--accent-color),0 0 36px var(--accent-light)}.landing-hero-subtitle{font-size:1.15rem;line-height:1.65;color:var(--text-muted);max-width:620px;margin:0 auto 2.25rem}.landing-hero-actions{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.landing-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.95rem 1.85rem;background-color:var(--accent-color);color:var(--accent-text);font-size:1rem;font-weight:600;border-radius:var(--radius-sm);box-shadow:0 4px 20px var(--accent-light);transition:all .25s cubic-bezier(.16,1,.3,1)}.landing-primary-btn:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 28px var(--accent-light)}.landing-primary-btn:active{transform:scale(.97) translateY(0)}.landing-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.95rem 1.65rem;background-color:var(--bg-surface);color:var(--text-main);font-size:.98rem;font-weight:500;border-radius:var(--radius-sm);border:1px solid var(--border-strong);transition:all .25s cubic-bezier(.16,1,.3,1)}.landing-secondary-btn:hover{background-color:var(--bg-subtle);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px)}.landing-secondary-btn:active{transform:scale(.97) translateY(0)}.landing-theme-showcase{width:100%;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem 1.4rem;display:flex;flex-direction:column;gap:.85rem;box-shadow:var(--shadow-sm);box-sizing:border-box}.theme-showcase-header{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-main);flex-wrap:wrap}.theme-showcase-title{font-weight:600;font-size:.98rem}.theme-showcase-hint{color:var(--text-muted);font-size:.84rem}.landing-theme-showcase .theme-grid{gap:.75rem;margin-top:0}.landing-theme-showcase .theme-card{height:126px;padding:.85rem 1rem;border-radius:var(--radius-sm)}.landing-theme-showcase .theme-icon{font-size:1.25rem}.landing-theme-showcase .theme-name{margin:.2rem 0;gap:2px}.landing-theme-showcase .theme-word{font-size:.88rem}.landing-theme-showcase .theme-swatch{width:12px;height:12px}.landing-theme-showcase .theme-mode-badge{width:20px;height:20px}.landing-theme-showcase .theme-active-indicator{width:18px;height:18px}.landing-sandbox-section{width:100%}.sandbox-card{background:var(--bg-surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;transition:border-color .3s ease,box-shadow .3s ease}.sandbox-card:focus-within{border-color:var(--accent-color);box-shadow:0 8px 32px var(--accent-light)}.sandbox-card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;padding-bottom:.85rem;border-bottom:1px solid var(--border-subtle)}.sandbox-meta-left,.sandbox-meta-right{display:flex;align-items:center;gap:.65rem}.sandbox-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;color:var(--accent-color);background:var(--accent-light);padding:.2rem .65rem;border-radius:99px}.sandbox-date,.sandbox-stat{font-size:.82rem;color:var(--text-muted)}.sandbox-stat-divider{color:var(--border-strong)}.sandbox-textarea{width:100%;border:none!important;outline:none!important;background:transparent;font-family:var(--font-serif);font-size:1.25rem;line-height:1.75;color:var(--text-main);resize:vertical;min-height:120px;box-shadow:none!important;padding:.5rem 0}.sandbox-card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}.sandbox-footer-tip{font-size:.82rem;color:var(--text-muted);max-width:480px}.sandbox-save-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.35rem;background-color:var(--accent-color);color:var(--accent-text);border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.sandbox-save-btn:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%}.landing-feature-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.75rem;display:flex;flex-direction:column;gap:.75rem;transition:all .25s ease}.landing-feature-card:hover{transform:translateY(-3px);border-color:var(--accent-color);box-shadow:var(--shadow-md)}.feature-icon-box{width:46px;height:46px;border-radius:var(--radius-sm);background:var(--accent-light);color:var(--accent-color);display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.feature-title{font-size:1.15rem;font-weight:600;color:var(--text-main)}.feature-desc{font-size:.9rem;line-height:1.6;color:var(--text-muted)}.landing-quote-section{width:100%}.landing-footer-cta{width:100%;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.footer-cta-title{font-family:var(--font-serif);font-size:2.1rem;color:var(--text-main)}.footer-cta-subtitle{font-size:1rem;color:var(--text-muted);max-width:520px;margin-bottom:.5rem}@media(max-width:768px){.landing-hero-title{font-size:2.35rem}.landing-hero-subtitle{font-size:1rem}.landing-features-grid{grid-template-columns:1fr}.landing-theme-pills-row{grid-template-columns:repeat(2,1fr)}.footer-cta-title{font-size:1.6rem}}.error-boundary-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;background-color:var(--bg-app);color:var(--text-main);position:relative;overflow:hidden}.error-boundary-container:before{content:"";position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);width:450px;height:450px;background:radial-gradient(circle,var(--accent-light) 0%,transparent 70%);pointer-events:none;opacity:.6}.error-boundary-card{max-width:520px;width:100%;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2.75rem 2.25rem;text-align:center;box-shadow:var(--shadow-overlay);position:relative;z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.error-boundary-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);background-color:var(--bg-subtle);padding:.35rem .85rem;border-radius:999px;margin-bottom:1.5rem;border:1px solid var(--border-subtle)}.error-boundary-title{font-family:var(--font-serif);font-size:1.9rem;line-height:1.3;color:var(--text-main);margin-bottom:.85rem;font-weight:500}.error-boundary-subtitle{font-size:.95rem;line-height:1.6;color:var(--text-muted);margin-bottom:2rem}.error-boundary-actions{display:flex;align-items:center;justify-content:center;gap:.85rem;flex-wrap:wrap;margin-bottom:1.75rem}.error-boundary-footer{border-top:1px solid var(--border-subtle);padding-top:1.25rem;margin-top:.5rem}.error-details-toggle{background:transparent;border:none;color:var(--text-light);font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:color .2s ease}.error-details-toggle:hover{color:var(--text-muted)}.error-details-box{margin-top:1rem;padding:1rem;background-color:var(--bg-subtle);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);text-align:left;font-size:.8rem;color:var(--danger-color);overflow-x:auto;font-family:monospace}.btn-text-subtle{background:transparent;border:none;color:var(--text-muted);font-size:.75rem;text-decoration:underline;cursor:pointer;padding:0;transition:color .2s ease}.btn-text-subtle:hover{color:var(--text-main)}.export-modal-card{width:75vw;max-width:860px;max-height:90vh;overflow-y:auto;padding:2.75rem 3rem;box-sizing:border-box}.export-status-banner{margin-top:.5rem;margin-bottom:1.75rem;padding:.9rem 1.25rem;background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;align-items:center;gap:.85rem;font-size:.95rem;color:var(--text-main)}.export-guest-card{margin-top:.5rem;margin-bottom:1.75rem;padding:2.25rem 2rem;background-color:var(--bg-app);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.export-guest-icon{width:52px;height:52px;border-radius:50%;background-color:var(--bg-surface);color:var(--accent-color);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle)}.export-guest-title{font-size:1.2rem;font-weight:600;color:var(--text-main);margin-bottom:.35rem}.export-guest-desc{font-size:.9rem;line-height:1.6;color:var(--text-muted);max-width:480px}.export-guest-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.5rem;margin-top:.5rem}.export-empty-card{margin-top:.5rem;margin-bottom:1.75rem;padding:2rem;background-color:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.95rem;line-height:1.6}.export-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-bottom:1.75rem}.export-option-card{background-color:var(--bg-app);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.75rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.25rem;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);position:relative}.export-option-card:hover{border-color:var(--accent-color);transform:translateY(-3px);box-shadow:var(--shadow-md)}.export-option-top{display:flex;align-items:center;justify-content:space-between}.export-option-icon{width:48px;height:48px;border-radius:var(--radius-sm);background-color:var(--bg-surface);color:var(--accent-color);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle)}.export-badge-tag{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.3rem .65rem;border-radius:999px;background-color:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border-subtle)}.export-option-body{flex:1}.export-option-title{font-size:1.1rem;font-weight:600;color:var(--text-main);margin-bottom:.5rem}.export-option-desc{font-size:.88rem;line-height:1.6;color:var(--text-muted)}.export-download-btn{width:100%;padding:.8rem 1.2rem;border-radius:var(--radius-sm);background-color:var(--bg-surface);border:1px solid var(--border-strong);color:var(--text-main);font-size:.9rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.6rem;cursor:pointer;transition:var(--transition-fast)}.export-download-btn:hover{background-color:var(--accent-color);color:var(--accent-text);border-color:var(--accent-color)}.export-download-btn.downloaded{background-color:var(--accent-light);color:var(--accent-color);border-color:var(--accent-color)}.export-privacy-note{display:flex;align-items:center;gap:.85rem;padding:1rem 1.25rem;background-color:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border-subtle);font-size:.85rem;line-height:1.5;color:var(--text-muted)}.about-modal-card{width:80vw;max-width:920px;max-height:90vh;overflow-y:auto;padding:2.75rem 3rem;box-sizing:border-box}.about-desktop-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:2rem;margin-top:.5rem;margin-bottom:2rem}.about-hero-box{padding:1.75rem 1.5rem;background-color:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:space-between}.about-hero-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}.about-hero-tag{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-color)}.about-hero-title{font-family:var(--font-serif);font-size:1.35rem;font-weight:500;line-height:1.4;color:var(--text-main);margin-bottom:.85rem;font-style:italic}.about-hero-desc{font-size:.9rem;line-height:1.65;color:var(--text-muted);margin-bottom:1.5rem}.about-highlights-list{display:flex;flex-direction:column;gap:.65rem;border-top:1px solid var(--border-subtle);padding-top:1.25rem}.about-highlight-item{display:flex;align-items:center;gap:.65rem;font-size:.85rem;color:var(--text-main)}.about-pillars-list{display:flex;flex-direction:column;gap:1rem}.about-pillar-item{display:flex;align-items:flex-start;gap:1rem;padding:1.15rem 1.25rem;background-color:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color .2s ease}.about-pillar-item:hover{border-color:var(--border-strong)}.about-pillar-icon{width:38px;height:38px;flex-shrink:0;border-radius:var(--radius-sm);background-color:var(--bg-surface);color:var(--accent-color);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle)}.about-pillar-title{font-size:.98rem;font-weight:600;color:var(--text-main);margin-bottom:.3rem}.about-pillar-desc{font-size:.84rem;line-height:1.55;color:var(--text-muted)}.about-footer-section{border-top:1px solid var(--border-subtle);padding-top:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.about-version-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-light)}@media(max-width:900px){.export-modal-card,.about-modal-card{width:90vw;padding:2rem 1.5rem}.about-desktop-grid{grid-template-columns:1fr;gap:1.25rem}.export-options-grid{grid-template-columns:1fr}}