[data-theme=classic]{--bg-main: radial-gradient(circle at top left, rgba(224, 194, 146, .45), transparent 30%), radial-gradient(circle at right center, rgba(135, 169, 146, .28), transparent 28%), linear-gradient(135deg, #f5ead9 0%, #efe1cb 45%, #e8d5b5 100%);--font-family: "Noto Serif SC", "Songti SC", "STSong", serif;--color-text: #1f1a17;--color-text-secondary: #5d4838;--color-text-muted: #7b6757;--color-accent: #8b5e3c;--color-heading: #3d2a1a;--color-field-label: #614535;--card-bg: rgba(255, 249, 239, .8);--card-border: rgba(108, 82, 58, .12);--card-shadow: 0 18px 50px rgba(84, 53, 20, .12);--chip-bg: #fff5e8;--chip-border: rgba(139, 94, 60, .16);--chip-color: #72492d;--input-bg: rgba(255, 252, 247, .95);--input-border: rgba(109, 80, 59, .18);--input-focus-border: rgba(140, 92, 53, .72);--input-focus-shadow: 0 0 0 4px rgba(205, 159, 116, .18);--btn-primary-bg: linear-gradient(135deg, #8a5b37 0%, #bb7a4e 100%);--btn-primary-color: #fff7f0;--btn-primary-shadow: 0 14px 24px rgba(138, 91, 55, .24);--btn-secondary-bg: #fff5e8;--btn-secondary-border: rgba(139, 94, 60, .16);--btn-secondary-color: #72492d;--btn-secondary-shadow: 0 12px 24px rgba(84, 53, 20, .12);--icon-btn-bg: rgba(255, 249, 239, .82);--icon-btn-bg-hover: rgba(255, 252, 247, .92);--icon-btn-border: rgba(139, 94, 60, .2);--icon-btn-shadow: 0 12px 28px rgba(84, 53, 20, .1);--icon-btn-shadow-hover: 0 16px 30px rgba(84, 53, 20, .14);--modal-overlay-bg: rgba(61, 42, 26, .22);--modal-bg: rgba(255, 249, 239, .92);--modal-border: rgba(108, 82, 58, .12);--modal-shadow: 0 24px 60px rgba(84, 53, 20, .18);--history-card-bg: linear-gradient(180deg, rgba(255, 251, 245, .95), rgba(248, 238, 222, .92));--history-meta-color: #6d4e38;--history-border: rgba(109, 78, 56, .12);--detail-modal-bg: rgba(255, 249, 239, .98);--detail-modal-border: rgba(109, 78, 56, .1);--status-success-bg: rgba(92, 140, 108, .12);--status-success-color: #295736;--status-error-bg: rgba(181, 87, 68, .12);--status-error-color: #7a2d1f;--empty-state-color: #86644b;--theme-btn-active-bg: #8b5e3c;--theme-btn-active-color: #fff7f0}[data-theme=dark]{--bg-main: radial-gradient(ellipse at 25% 0%, rgba(80, 80, 100, .08), transparent 50%), radial-gradient(ellipse at 75% 100%, rgba(60, 60, 80, .06), transparent 50%), linear-gradient(160deg, #18181b 0%, #1c1c22 40%, #212127 100%);--font-family: "Inter", "SF Pro Display", "PingFang SC", system-ui, sans-serif;--color-text: #d4d4d8;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--color-accent: #a78bfa;--color-heading: #e4e4e7;--color-field-label: #a1a1aa;--card-bg: rgba(39, 39, 42, .75);--card-border: rgba(63, 63, 70, .5);--card-shadow: 0 18px 50px rgba(0, 0, 0, .3);--chip-bg: rgba(167, 139, 250, .08);--chip-border: rgba(167, 139, 250, .2);--chip-color: #a78bfa;--input-bg: rgba(24, 24, 27, .8);--input-border: rgba(63, 63, 70, .5);--input-focus-border: rgba(167, 139, 250, .6);--input-focus-shadow: 0 0 0 4px rgba(167, 139, 250, .1);--btn-primary-bg: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);--btn-primary-color: #ffffff;--btn-primary-shadow: 0 14px 24px rgba(124, 58, 237, .25);--btn-secondary-bg: rgba(63, 63, 70, .3);--btn-secondary-border: rgba(63, 63, 70, .5);--btn-secondary-color: #d4d4d8;--btn-secondary-shadow: 0 12px 24px rgba(0, 0, 0, .2);--icon-btn-bg: rgba(39, 39, 42, .8);--icon-btn-bg-hover: rgba(63, 63, 70, .5);--icon-btn-border: rgba(63, 63, 70, .5);--icon-btn-shadow: 0 12px 28px rgba(0, 0, 0, .25);--icon-btn-shadow-hover: 0 16px 30px rgba(0, 0, 0, .35);--modal-overlay-bg: rgba(0, 0, 0, .55);--modal-bg: rgba(39, 39, 42, .96);--modal-border: rgba(63, 63, 70, .5);--modal-shadow: 0 24px 60px rgba(0, 0, 0, .45);--history-card-bg: linear-gradient(180deg, rgba(39, 39, 42, .9), rgba(30, 30, 34, .85));--history-meta-color: #a1a1aa;--history-border: rgba(63, 63, 70, .4);--detail-modal-bg: rgba(24, 24, 27, .98);--detail-modal-border: rgba(63, 63, 70, .3);--status-success-bg: rgba(74, 222, 128, .1);--status-success-color: #4ade80;--status-error-bg: rgba(248, 113, 113, .1);--status-error-color: #f87171;--empty-state-color: #71717a;--theme-btn-active-bg: #a78bfa;--theme-btn-active-color: #18181b}[data-theme=cyber]{--bg-main: radial-gradient(ellipse at 20% 0%, rgba(0, 198, 255, .1), transparent 50%), radial-gradient(ellipse at 80% 100%, rgba(120, 80, 255, .08), transparent 50%), radial-gradient(ellipse at 50% 50%, rgba(0, 255, 200, .04), transparent 60%), linear-gradient(160deg, #0a0e1a 0%, #0d1224 40%, #111833 100%);--font-family: "Inter", "SF Pro Display", "PingFang SC", system-ui, sans-serif;--color-text: #c8d6e5;--color-text-secondary: #8899aa;--color-text-muted: #637282;--color-accent: #00d2ff;--color-heading: #e0eaf4;--color-field-label: #8899aa;--card-bg: rgba(14, 21, 40, .75);--card-border: rgba(0, 210, 255, .1);--card-shadow: 0 18px 50px rgba(0, 0, 0, .35), 0 0 30px rgba(0, 210, 255, .04);--chip-bg: rgba(0, 210, 255, .08);--chip-border: rgba(0, 210, 255, .2);--chip-color: #00d2ff;--input-bg: rgba(10, 16, 32, .8);--input-border: rgba(0, 210, 255, .12);--input-focus-border: rgba(0, 210, 255, .6);--input-focus-shadow: 0 0 0 4px rgba(0, 210, 255, .1);--btn-primary-bg: linear-gradient(135deg, #0088cc 0%, #00c8ff 100%);--btn-primary-color: #ffffff;--btn-primary-shadow: 0 14px 24px rgba(0, 140, 220, .3);--btn-secondary-bg: rgba(0, 210, 255, .06);--btn-secondary-border: rgba(0, 210, 255, .18);--btn-secondary-color: #00d2ff;--btn-secondary-shadow: 0 12px 24px rgba(0, 0, 0, .2);--icon-btn-bg: rgba(14, 21, 40, .8);--icon-btn-bg-hover: rgba(0, 210, 255, .1);--icon-btn-border: rgba(0, 210, 255, .15);--icon-btn-shadow: 0 12px 28px rgba(0, 0, 0, .3);--icon-btn-shadow-hover: 0 16px 30px rgba(0, 210, 255, .12);--modal-overlay-bg: rgba(4, 6, 14, .6);--modal-bg: rgba(14, 21, 40, .95);--modal-border: rgba(0, 210, 255, .12);--modal-shadow: 0 24px 60px rgba(0, 0, 0, .5), 0 0 40px rgba(0, 210, 255, .06);--history-card-bg: linear-gradient(180deg, rgba(14, 21, 40, .9), rgba(10, 16, 32, .85));--history-meta-color: #8899aa;--history-border: rgba(0, 210, 255, .08);--detail-modal-bg: rgba(10, 14, 26, .98);--detail-modal-border: rgba(0, 210, 255, .08);--status-success-bg: rgba(0, 230, 160, .1);--status-success-color: #00e6a0;--status-error-bg: rgba(255, 80, 80, .1);--status-error-color: #ff6060;--empty-state-color: #506070;--theme-btn-active-bg: #00d2ff;--theme-btn-active-color: #0a0e1a}[data-theme=hacker]{--bg-main: radial-gradient(ellipse at 30% 10%, rgba(0, 255, 65, .06), transparent 50%), radial-gradient(ellipse at 70% 90%, rgba(0, 200, 50, .04), transparent 50%), linear-gradient(170deg, #050505 0%, #0a0a0a 40%, #0d0d0d 100%);--font-family: "Fira Code", "JetBrains Mono", "SF Mono", "Menlo", monospace;--color-text: #b0ffb0;--color-text-secondary: #6aaf6a;--color-text-muted: #3d7a3d;--color-accent: #00ff41;--color-heading: #d0ffd0;--color-field-label: #6aaf6a;--card-bg: rgba(5, 12, 5, .8);--card-border: rgba(0, 255, 65, .1);--card-shadow: 0 18px 50px rgba(0, 0, 0, .4), 0 0 20px rgba(0, 255, 65, .03);--chip-bg: rgba(0, 255, 65, .06);--chip-border: rgba(0, 255, 65, .2);--chip-color: #00ff41;--input-bg: rgba(0, 4, 0, .85);--input-border: rgba(0, 255, 65, .12);--input-focus-border: rgba(0, 255, 65, .55);--input-focus-shadow: 0 0 0 4px rgba(0, 255, 65, .08);--btn-primary-bg: linear-gradient(135deg, #006b1a 0%, #00cc33 100%);--btn-primary-color: #000000;--btn-primary-shadow: 0 14px 24px rgba(0, 180, 50, .25);--btn-secondary-bg: rgba(0, 255, 65, .04);--btn-secondary-border: rgba(0, 255, 65, .16);--btn-secondary-color: #00ff41;--btn-secondary-shadow: 0 12px 24px rgba(0, 0, 0, .25);--icon-btn-bg: rgba(5, 12, 5, .85);--icon-btn-bg-hover: rgba(0, 255, 65, .08);--icon-btn-border: rgba(0, 255, 65, .15);--icon-btn-shadow: 0 12px 28px rgba(0, 0, 0, .35);--icon-btn-shadow-hover: 0 16px 30px rgba(0, 255, 65, .1);--modal-overlay-bg: rgba(0, 0, 0, .65);--modal-bg: rgba(5, 12, 5, .96);--modal-border: rgba(0, 255, 65, .12);--modal-shadow: 0 24px 60px rgba(0, 0, 0, .55), 0 0 30px rgba(0, 255, 65, .04);--history-card-bg: linear-gradient(180deg, rgba(5, 12, 5, .92), rgba(2, 8, 2, .88));--history-meta-color: #6aaf6a;--history-border: rgba(0, 255, 65, .08);--detail-modal-bg: rgba(3, 6, 3, .98);--detail-modal-border: rgba(0, 255, 65, .08);--status-success-bg: rgba(0, 255, 65, .1);--status-success-color: #00ff41;--status-error-bg: rgba(255, 50, 50, .1);--status-error-color: #ff4040;--empty-state-color: #2d5a2d;--theme-btn-active-bg: #00ff41;--theme-btn-active-color: #000000}[data-theme=white]{--bg-main: #ffffff;--font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;--color-text: #1a1a1a;--color-text-secondary: #4a4a4a;--color-text-muted: #8a8a8a;--color-accent: #2563eb;--color-heading: #0a0a0a;--color-field-label: #525252;--card-bg: #ffffff;--card-border: rgba(0, 0, 0, .08);--card-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .04);--chip-bg: #f5f5f5;--chip-border: rgba(0, 0, 0, .06);--chip-color: #525252;--input-bg: #ffffff;--input-border: rgba(0, 0, 0, .12);--input-focus-border: rgba(37, 99, 235, .6);--input-focus-shadow: 0 0 0 4px rgba(37, 99, 235, .12);--btn-primary-bg: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);--btn-primary-color: #ffffff;--btn-primary-shadow: 0 8px 20px rgba(37, 99, 235, .2);--btn-secondary-bg: #f5f5f5;--btn-secondary-border: rgba(0, 0, 0, .08);--btn-secondary-color: #404040;--btn-secondary-shadow: 0 4px 12px rgba(0, 0, 0, .04);--icon-btn-bg: #ffffff;--icon-btn-bg-hover: #f5f5f5;--icon-btn-border: rgba(0, 0, 0, .1);--icon-btn-shadow: 0 4px 12px rgba(0, 0, 0, .04);--icon-btn-shadow-hover: 0 6px 16px rgba(0, 0, 0, .08);--modal-overlay-bg: rgba(0, 0, 0, .32);--modal-bg: #ffffff;--modal-border: rgba(0, 0, 0, .08);--modal-shadow: 0 24px 60px rgba(0, 0, 0, .16);--history-card-bg: #ffffff;--history-meta-color: #6b6b6b;--history-border: rgba(0, 0, 0, .08);--detail-modal-bg: #ffffff;--detail-modal-border: rgba(0, 0, 0, .08);--status-success-bg: rgba(34, 197, 94, .1);--status-success-color: #166534;--status-error-bg: rgba(239, 68, 68, .1);--status-error-color: #991b1b;--empty-state-color: #9ca3af;--theme-btn-active-bg: #2563eb;--theme-btn-active-color: #ffffff}:root{line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-family:var(--font-family);color:var(--color-text);background:var(--bg-main);background-attachment:fixed}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.page-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px}.page-toolbar{display:flex;justify-content:flex-end;margin-bottom:16px;margin-top:16px}.icon-button{width:46px;height:46px;border:1px solid var(--icon-btn-border);border-radius:16px;background:var(--icon-btn-bg);color:var(--chip-color);font-size:1.15rem;box-shadow:var(--icon-btn-shadow);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.icon-button:hover{transform:translateY(-1px);box-shadow:var(--icon-btn-shadow-hover);background:var(--icon-btn-bg-hover)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:var(--modal-overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-modal{width:min(560px,100%);padding:22px 24px;border-radius:24px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--modal-bg);border:1px solid var(--modal-border);box-shadow:var(--modal-shadow)}.settings-modal-header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:8px}.settings-copy{margin:0 0 16px;color:var(--color-text-secondary)}.settings-actions{display:flex;gap:12px;flex-wrap:wrap}.secondary-button{border:1px solid var(--btn-secondary-border);border-radius:16px;padding:12px 16px;background:var(--btn-secondary-bg);color:var(--btn-secondary-color);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.secondary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--btn-secondary-shadow)}.secondary-button:disabled{opacity:.7;cursor:wait}.close-button{width:40px;height:40px;border:1px solid var(--btn-secondary-border);border-radius:14px;background:var(--btn-secondary-bg);color:var(--chip-color);font-size:1.4rem;line-height:1}.hidden-input{display:none}.hero-card,.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.hero-card{display:flex;justify-content:space-between;gap:24px;padding:28px;border-radius:28px;margin-top:24px}.eyebrow,.panel-kicker{margin:0 0 8px;font-size:.8rem;text-transform:uppercase;color:var(--color-accent)}.hero-card h1,.panel-header h2,.entry-preview h3{margin:0}.hero-card h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.05}.hero-copy{margin:14px 0 0;max-width:52ch;color:var(--color-text-secondary)}.date-chip,.badge{height:fit-content;white-space:nowrap;padding:10px 14px;border-radius:999px;background:var(--chip-bg);border:1px solid var(--chip-border);color:var(--chip-color)}.content-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}.panel{border-radius:24px;padding:24px;min-width:0}.panel-header{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:20px}.field{display:grid;gap:10px;margin-bottom:18px}.field span{font-size:.95rem;color:var(--color-field-label)}.field input,.field textarea{width:100%;border:1px solid var(--input-border);border-radius:18px;padding:14px 16px;background:var(--input-bg);color:var(--color-text);resize:vertical;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.field input:focus,.field textarea:focus{outline:none;border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow);transform:translateY(-1px)}.editor-wrapper{border:1px solid var(--input-border);border-radius:18px;padding:14px 16px;background:var(--input-bg);color:var(--color-text);transition:border-color .18s ease,box-shadow .18s ease;min-height:80px}.editor-wrapper:focus-within{border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow)}.editor-wrapper .milkdown{outline:none}.editor-wrapper .ProseMirror{outline:none;min-height:60px}.editor-wrapper .ProseMirror>*:first-child{margin-top:0}.editor-wrapper .ProseMirror>*:last-child{margin-bottom:0}.editor-wrapper .ProseMirror p{margin:.4em 0;line-height:1.7}.editor-wrapper .ProseMirror h1,.editor-wrapper .ProseMirror h2,.editor-wrapper .ProseMirror h3{margin:.6em 0 .3em;color:var(--color-heading)}.editor-wrapper .ProseMirror h1{font-size:1.5em}.editor-wrapper .ProseMirror h2{font-size:1.3em}.editor-wrapper .ProseMirror h3{font-size:1.1em}.editor-wrapper .ProseMirror ul,.editor-wrapper .ProseMirror ol{margin:.4em 0;padding-left:1.5em}.editor-wrapper .ProseMirror li{margin:.2em 0}.editor-wrapper .ProseMirror strong{color:var(--color-heading)}.editor-wrapper .ProseMirror em{color:var(--color-text-secondary)}.history-preview-editor{max-height:120px;overflow:hidden;pointer-events:none}.history-preview-editor .editor-wrapper,.detail-modal-body .editor-wrapper{border:none;padding:0;background:transparent;min-height:auto}.detail-modal-body .editor-wrapper,.detail-modal-body .ProseMirror{min-height:auto}.primary-button{width:100%;border:0;border-radius:18px;padding:15px 18px;background:var(--btn-primary-bg);color:var(--btn-primary-color);font-weight:700;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--btn-primary-shadow)}.primary-button:disabled{opacity:.7;cursor:wait}.calendar{margin-bottom:18px;padding:14px;border-radius:16px;background:var(--history-card-bg)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.calendar-title{font-weight:600;color:var(--history-meta-color)}.calendar-nav{width:28px;height:28px;border-radius:8px;border:1px solid var(--history-border);background:transparent;cursor:pointer;color:inherit;font-size:18px;line-height:1}.calendar-nav:hover{background:var(--history-border)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-weekdays{margin-bottom:4px}.calendar-weekday{text-align:center;font-size:12px;color:var(--history-meta-color);padding:4px 0}.calendar-cell{position:relative;aspect-ratio:1;border:none;background:transparent;border-radius:8px;cursor:pointer;color:inherit;font-size:13px;display:flex;align-items:center;justify-content:center}.calendar-cell-empty{cursor:default}.calendar-cell:hover:not(.calendar-cell-empty){background:var(--history-border)}.calendar-cell.has-entry:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:var(--color-accent)}.calendar-cell.is-today{outline:1px solid var(--color-accent)}.calendar-cell.is-selected{background:var(--color-accent);color:#fff}.calendar-cell.is-selected.has-entry:after{background:#fff}.history-card{border-radius:22px;padding:20px;background:var(--history-card-bg);min-height:320px}.history-meta{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px;color:var(--history-meta-color)}.entry-preview{display:grid;gap:20px}.entry-preview section{border-top:1px solid var(--history-border);padding-top:14px}.entry-preview section p{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;white-space:pre-wrap;word-break:break-all}.clickable-text{cursor:pointer;transition:color .18s ease}.clickable-text:hover{color:var(--color-accent)}.entry-preview p,.empty-state,.muted,.updated-at,.status{margin:0}.muted,.updated-at{color:var(--color-text-muted)}.empty-state{color:var(--empty-state-color)}.status{margin-top:14px;padding:12px 14px;border-radius:14px}.status.success{background:var(--status-success-bg);color:var(--status-success-color)}.status.error{background:var(--status-error-bg);color:var(--status-error-color)}.detail-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;background:var(--detail-modal-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.detail-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 28px;border-bottom:1px solid var(--detail-modal-border)}.detail-modal-header h3{margin:0}.detail-modal-body{flex:1;overflow-y:auto;padding:28px;max-width:780px;line-height:1.8;color:var(--color-text);scrollbar-width:none;-ms-overflow-style:none}.detail-modal-body::-webkit-scrollbar{display:none}.theme-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--card-border)}.theme-section h3{margin:0 0 12px;font-size:1rem;color:var(--color-text)}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-option{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--btn-secondary-border);border-radius:16px;background:var(--btn-secondary-bg);color:var(--btn-secondary-color);font-weight:500;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.theme-option:hover{transform:translateY(-1px);box-shadow:var(--btn-secondary-shadow)}.theme-option.active{background:var(--theme-btn-active-bg);color:var(--theme-btn-active-color);border-color:transparent}.theme-swatch{width:24px;height:24px;border-radius:8px;flex-shrink:0}.theme-swatch.classic{background:linear-gradient(135deg,#f5ead9,#e8d5b5);border:1px solid rgba(139,94,60,.3)}.theme-swatch.dark{background:linear-gradient(135deg,#18181b,#27272a);border:1px solid rgba(167,139,250,.3)}.theme-swatch.cyber{background:linear-gradient(135deg,#0a0e1a,#111833);border:1px solid rgba(0,210,255,.3)}.theme-swatch.hacker{background:linear-gradient(135deg,#050505,#0d0d0d);border:1px solid rgba(0,255,65,.3)}.theme-swatch.white{background:#fff;border:1px solid rgba(0,0,0,.15)}@media (max-width: 900px){.content-grid{grid-template-columns:1fr}.hero-card,.panel-header,.history-meta{flex-direction:column}.hero-card h1{max-width:none}}@media (max-width: 560px){.page-shell{width:min(100% - 20px,100%);padding-top:20px}.settings-actions{flex-direction:column}.hero-card,.panel,.history-card,.settings-modal{border-radius:20px}.theme-options{grid-template-columns:1fr}}