@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}html,html[data-theme=pink]{--c-bg:#fdf0f5;--c-bg-pattern:#f9dce8;--c-page:#fefafb;--c-primary:#e8a0bc;--c-primary-lt:#fdeef5;--c-primary-md:#f5c8db;--c-primary-dk:#c4607e;--c-accent:#f0b8cc;--c-border:#f0cad8;--c-border-lt:#fae0ea;--c-text:#7a3a50;--c-text-sub:#a86078;--c-text-muted:#d4a0b4;--c-card:#fff;--c-sidebar:#fce8f2;--c-topbar:#fdeef5;--c-tape:#f5c8db;--c-tape2:#fad8e8;--c-grid:#f5d8e4;--c-check:#fce0ec;--c-check2:#faeef5;--c-ring:#e8a0bc;--c-ring-dark:#c4607e;--c-btn:#e8a0bc;--c-btn-txt:#fff;--c-done:#f0cad8;--shadow-sm:0 1px 6px #e8a0bc2e;--shadow-md:0 3px 16px #e8a0bc38;--shadow-lg:0 6px 28px #e8a0bc47;--shadow-card:0 2px 12px #c4607e1f}html[data-theme=purple]{--c-bg:#f4eefb;--c-bg-pattern:#e8d8f5;--c-page:#fbf8fe;--c-primary:#b88ed6;--c-primary-lt:#f0e6fb;--c-primary-md:#d8b8f0;--c-primary-dk:#7a40b0;--c-accent:#c8a0e8;--c-border:#dcc8f0;--c-border-lt:#ede0f8;--c-text:#5a2880;--c-text-sub:#8050a8;--c-text-muted:#c0a0d8;--c-card:#fff;--c-sidebar:#ede0f8;--c-topbar:#f0e6fb;--c-tape:#d8b8f0;--c-tape2:#e8d0f8;--c-grid:#e0ccf0;--c-check:#e8d8f8;--c-check2:#f2eafb;--c-ring:#b88ed6;--c-ring-dark:#7a40b0;--c-btn:#b88ed6;--c-btn-txt:#fff;--c-done:#dcc8f0;--shadow-sm:0 1px 6px #b88ed62e;--shadow-md:0 3px 16px #b88ed638;--shadow-lg:0 6px 28px #b88ed647;--shadow-card:0 2px 12px #7a40b01f}html[data-theme=blue]{--c-bg:#eef3fb;--c-bg-pattern:#d8e6f8;--c-page:#f8faff;--c-primary:#88b0e0;--c-primary-lt:#e4eef9;--c-primary-md:#b8d0f0;--c-primary-dk:#3a68b0;--c-accent:#a0c0e8;--c-border:#c0d4f0;--c-border-lt:#dce8f8;--c-text:#1e3a6e;--c-text-sub:#3a5a98;--c-text-muted:#88a8d8;--c-card:#fff;--c-sidebar:#dce8f8;--c-topbar:#e4eef9;--c-tape:#b8d0f0;--c-tape2:#ccddf8;--c-grid:#c8d8f0;--c-check:#d8e8f8;--c-check2:#eaf2fc;--c-ring:#88b0e0;--c-ring-dark:#3a68b0;--c-btn:#88b0e0;--c-btn-txt:#fff;--c-done:#c0d4f0;--shadow-sm:0 1px 6px #88b0e02e;--shadow-md:0 3px 16px #88b0e038;--shadow-lg:0 6px 28px #88b0e047;--shadow-card:0 2px 12px #3a68b01f}html[data-theme=green]{--c-bg:#eef8f2;--c-bg-pattern:#d4ede0;--c-page:#f6fdf9;--c-primary:#7ecca0;--c-primary-lt:#e0f5ea;--c-primary-md:#a8e0c0;--c-primary-dk:#2e8050;--c-accent:#98d8b0;--c-border:#b4e0c8;--c-border-lt:#d4eedd;--c-text:#1a4a30;--c-text-sub:#2e7050;--c-text-muted:#80c8a0;--c-card:#fff;--c-sidebar:#d8f0e4;--c-topbar:#e4f8ee;--c-tape:#a8e0c0;--c-tape2:#c0ecd0;--c-grid:#b8dcc8;--c-check:#ccecda;--c-check2:#e4f6ec;--c-ring:#7ecca0;--c-ring-dark:#2e8050;--c-btn:#7ecca0;--c-btn-txt:#fff;--c-done:#b4e0c8;--shadow-sm:0 1px 6px #7ecca02e;--shadow-md:0 3px 16px #7ecca038;--shadow-lg:0 6px 28px #7ecca047;--shadow-card:0 2px 12px #2e80501f}html[data-theme=yellow]{--c-bg:#fdf8ee;--c-bg-pattern:#f5e8c8;--c-page:#fffef8;--c-primary:#e8c878;--c-primary-lt:#fdf4da;--c-primary-md:#f5dfa0;--c-primary-dk:#a87820;--c-accent:#f0d498;--c-border:#f0dfa8;--c-border-lt:#f8eecb;--c-text:#5a3800;--c-text-sub:#8a5a10;--c-text-muted:#d4a840;--c-card:#fff;--c-sidebar:#fdf0cc;--c-topbar:#fdf4da;--c-tape:#f5dfa0;--c-tape2:#faecc0;--c-grid:#f0d898;--c-check:#f8e8b0;--c-check2:#fdf4d8;--c-ring:#e8c878;--c-ring-dark:#a87820;--c-btn:#e8c878;--c-btn-txt:#5a3800;--c-done:#f0dfa8;--shadow-sm:0 1px 6px #e8c8782e;--shadow-md:0 3px 16px #e8c87838;--shadow-lg:0 6px 28px #e8c87847;--shadow-card:0 2px 12px #a878201f}html[data-theme=black]{--c-bg:#181818;--c-bg-pattern:#222;--c-page:#202020;--c-primary:#a0a0a0;--c-primary-lt:#2a2a2a;--c-primary-md:#484848;--c-primary-dk:#e0e0e0;--c-accent:#787878;--c-border:#383838;--c-border-lt:#2e2e2e;--c-text:#e8e8e8;--c-text-sub:#b0b0b0;--c-text-muted:#606060;--c-card:#282828;--c-sidebar:#1e1e1e;--c-topbar:#202020;--c-tape:#484848;--c-tape2:#383838;--c-grid:#303030;--c-check:#282828;--c-check2:#222;--c-ring:#707070;--c-ring-dark:#404040;--c-btn:#909090;--c-btn-txt:#181818;--c-done:#484848;--shadow-sm:0 1px 6px #00000080;--shadow-md:0 3px 16px #0009;--shadow-lg:0 6px 28px #000000b3;--shadow-card:0 2px 12px #00000080}html[data-theme=white]{--c-bg:#f8f8f8;--c-bg-pattern:#eee;--c-page:#fff;--c-primary:#b8b8b8;--c-primary-lt:#f5f5f5;--c-primary-md:#dcdcdc;--c-primary-dk:#606060;--c-accent:#ccc;--c-border:#e0e0e0;--c-border-lt:#ececec;--c-text:#303030;--c-text-sub:#606060;--c-text-muted:#b8b8b8;--c-card:#fff;--c-sidebar:#f5f5f5;--c-topbar:#f8f8f8;--c-tape:#dcdcdc;--c-tape2:#e8e8e8;--c-grid:#e4e4e4;--c-check:#eee;--c-check2:#f8f8f8;--c-ring:silver;--c-ring-dark:gray;--c-btn:#a0a0a0;--c-btn-txt:#fff;--c-done:#d8d8d8;--shadow-sm:0 1px 6px #00000012;--shadow-md:0 3px 16px #00000017;--shadow-lg:0 6px 28px #0000001c;--shadow-card:0 2px 12px #00000012}*,:before,:after{box-sizing:border-box;margin:0;padding:0;transition:background-color .35s,border-color .35s,color .2s}body{background-color:var(--c-bg);background-image:radial-gradient(circle, var(--c-bg-pattern) 1px, transparent 1px);color:var(--c-text);background-size:20px 20px;min-height:100vh;font-family:Noto Sans KR,Malgun Gothic,sans-serif;font-size:13px}.ico{background-color:var(--c-primary);flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.ico-heart{clip-path:path("M7 12.5 C7 12.5 1 8.5 1 4.8 A3 3 0 0 1 7 4 A3 3 0 0 1 13 4.8 C13 8.5 7 12.5 7 12.5Z")}.ico-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.ico-note{clip-path:polygon(10% 0%,90% 0%,90% 80%,70% 100%,10% 100%)}.ico-diary{clip-path:polygon(15% 0%,85% 0%,85% 100%,15% 100%)}.ico-check{clip-path:polygon(15% 45%,35% 70%,80% 15%,90% 25%,35% 85%,5% 55%)}.ico-pencil{clip-path:polygon(70% 0%,100% 30%,30% 100%,0% 100%,0% 70%)}.ico-search{clip-path:path("M5.5 2a3.5 3.5 0 1 0 2.5 6l3 3 1-1-3-3A3.5 3.5 0 0 0 5.5 2z")}.ico-dot{border-radius:50%;width:6px;height:6px}.ico-arrow{clip-path:polygon(30% 0%,100% 50%,30% 100%,20% 85%,75% 50%,20% 15%)}.ico-gear{clip-path:polygon(42% 0%,58% 0%,62% 16%,74% 8%,86% 20%,78% 32%,94% 38%,94% 58%,78% 64%,86% 76%,74% 88%,62% 80%,58% 96%,42% 96%,38% 80%,26% 88%,14% 76%,22% 64%,6% 58%,6% 38%,22% 32%,14% 20%,26% 8%,38% 16%)}.ico-home{clip-path:polygon(50% 5%,95% 45%,85% 45%,85% 95%,60% 95%,60% 65%,40% 65%,40% 95%,15% 95%,15% 45%,5% 45%)}.ico-cat{clip-path:polygon(50% 10%,80% 0%,90% 30%,90% 90%,10% 90%,10% 30%,20% 0%)}.ico-lock{clip-path:path("M7 1a3 3 0 0 0-3 3v2H3v7h8V6h-1V4a3 3 0 0 0-3-3zm0 1a2 2 0 0 1 2 2v2H5V4a2 2 0 0 1 2-2z")}.ico-close{clip-path:polygon(15% 0%,50% 35%,85% 0%,100% 15%,65% 50%,100% 85%,85% 100%,50% 65%,15% 100%,0% 85%,35% 50%,0% 15%)}.ico-plus{clip-path:polygon(42% 0%,58% 0%,58% 42%,100% 42%,100% 58%,58% 58%,58% 100%,42% 100%,42% 58%,0% 58%,0% 42%,42% 42%)}.ico-folder{clip-path:polygon(0% 20%,30% 20%,40% 10%,100% 10%,100% 90%,0% 90%)}.ico-sm{width:10px;height:10px}.ico-md{width:14px;height:14px}.ico-lg{width:18px;height:18px}.ico-sub{background-color:var(--c-text-sub)}.ico-muted{background-color:var(--c-text-muted)}.ico-white{background-color:#fff}.ico-accent{background-color:var(--c-accent)}.topbar{background:var(--c-topbar);border-bottom:1.5px solid var(--c-border);z-index:500;height:44px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.topbar-brand{color:var(--c-primary-dk);letter-spacing:-.3px;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.topbar-brand-dot{background:var(--c-primary);border-radius:50%;width:8px;height:8px}.topbar-actions{align-items:center;gap:6px;display:flex}.topbar-btn{background:var(--c-card);border:1.5px solid var(--c-border);color:var(--c-text-sub);cursor:pointer;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s;display:flex}.topbar-btn:hover{background:var(--c-primary-lt);border-color:var(--c-primary);color:var(--c-primary-dk)}.topbar-btn.active{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-btn-txt)}.app-root{justify-content:center;align-items:center;min-height:calc(100vh - 44px);padding:60px 24px 40px;display:flex}.binder{background:var(--c-page);border:2px solid var(--c-border);width:100%;max-width:1100px;box-shadow:var(--shadow-lg), 0 0 0 5px var(--c-primary-lt), 0 0 0 7px var(--c-border);border-radius:18px;position:relative;overflow:hidden}.binder-body{min-height:500px;display:flex}.binder-sidebar{background-color:var(--c-sidebar);background-image:linear-gradient(45deg, var(--c-check) 25%, transparent 25%), linear-gradient(-45deg, var(--c-check) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--c-check) 75%), linear-gradient(-45deg, transparent 75%, var(--c-check) 75%);border-right:2px solid var(--c-border);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;flex-direction:column;gap:16px;width:220px;min-width:220px;padding:22px 14px;display:flex}.profile-box{background:var(--c-card);border:1.5px solid var(--c-border);text-align:center;box-shadow:var(--shadow-sm);border-radius:12px;padding:14px 12px;position:relative}.profile-photo-wrap{width:70px;margin:0 auto 10px;position:relative}.profile-photo{background:var(--c-primary-lt);border:1.5px solid var(--c-border);border-radius:10px;justify-content:center;align-items:center;width:70px;height:70px;display:flex;overflow:hidden}.tape{background:var(--c-tape);opacity:.75;border-radius:2px;position:absolute}.tape-top{width:32px;height:9px;top:-5px;left:50%;transform:translate(-50%)rotate(-3deg)}.tape-left{width:9px;height:28px;top:50%;left:-7px;transform:translateY(-50%)rotate(5deg)}.profile-name{color:var(--c-text);margin-bottom:3px;font-size:13px;font-weight:700}.profile-bio{color:var(--c-text-muted);font-size:10px;line-height:1.5}.visitor-row{justify-content:center;gap:4px;margin-top:8px;display:flex}.visitor-chip{background:var(--c-primary-lt);border:1px solid var(--c-border);color:var(--c-text-sub);border-radius:10px;padding:2px 7px;font-size:9px;font-weight:600}.sidebar-cat-box{background:var(--c-card);border:1.5px solid var(--c-border);box-shadow:var(--shadow-sm);border-radius:10px;overflow:hidden}.sidebar-cat-title{background:var(--c-primary-lt);color:var(--c-primary-dk);border-bottom:1px solid var(--c-border);letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:6px;padding:7px 12px;font-size:10px;font-weight:700;display:flex}.cat-nav-row{color:var(--c-text-sub);cursor:pointer;border-bottom:1px dashed var(--c-border-lt);align-items:center;gap:7px;padding:7px 12px;font-size:11px;transition:background .12s;display:flex}.cat-nav-row:last-child{border-bottom:none}.cat-nav-row:hover{background:var(--c-primary-lt);color:var(--c-primary-dk)}.cat-nav-row.active{background:var(--c-primary-lt);color:var(--c-primary-dk);font-weight:700}.cat-nav-row .indent{padding-left:12px}.ring-spine{background:linear-gradient(to bottom, var(--c-primary-md), var(--c-primary-lt));border-left:1px solid var(--c-border);border-right:1px solid var(--c-border);z-index:5;flex-direction:column;justify-content:space-evenly;align-items:center;width:24px;min-width:24px;padding:20px 0;display:flex}.ring-hole{background:var(--c-bg);border:2.5px solid var(--c-ring);width:16px;height:16px;box-shadow:inset 0 1px 3px #0000001f, 0 1px 2px var(--c-ring-dark)22;border-radius:50%}.binder-main{background-image:linear-gradient(var(--c-grid) 1px, transparent 1px), linear-gradient(90deg, var(--c-grid) 1px, transparent 1px);background-size:22px 22px;background-color:var(--c-page);box-sizing:border-box;scroll-behavior:smooth;flex:1;height:100%;padding:20px 22px;overflow-y:auto}.binder-main::-webkit-scrollbar{width:6px}.binder-main::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.binder-main::-webkit-scrollbar-thumb{background:var(--c-primary,#e8a0bc);border-radius:4px}.binder-main::-webkit-scrollbar-thumb:hover{background:var(--c-primary-dk,#d48ea9)}.main-content-scroll-area{height:460px;padding-right:4px;overflow-y:auto}.main-content-scroll-area::-webkit-scrollbar{width:6px}.main-content-scroll-area::-webkit-scrollbar-track{background:#00000005}.main-content-scroll-area::-webkit-scrollbar-thumb{background:var(--c-primary,#e8a0bc);border-radius:4px}.search-bar{background:var(--c-card);border:1.5px solid var(--c-border);box-shadow:var(--shadow-sm);border-radius:20px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;display:flex}.search-bar input{color:var(--c-text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:12px}.search-bar input::placeholder{color:var(--c-text-muted)}.tab-row{flex-wrap:wrap;gap:5px;margin-bottom:16px;display:flex}.tab-btn{border:1.5px solid var(--c-border);background:var(--c-card);color:var(--c-text-sub);cursor:pointer;border-radius:14px;align-items:center;gap:5px;padding:4px 12px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s;display:flex}.tab-btn:hover{background:var(--c-primary-lt);border-color:var(--c-primary)}.tab-btn.active{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-btn-txt)}.tab-btn.active .ico{background-color:#fff}.notice-box{background:var(--c-card);border:1.5px solid var(--c-border);box-shadow:var(--shadow-sm);border-radius:10px;margin-bottom:16px;padding:12px 14px;position:relative}.notice-title{color:var(--c-primary-dk);border-bottom:1px dashed var(--c-border);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:5px;margin-bottom:7px;padding-bottom:5px;font-size:10px;font-weight:700;display:flex}.notice-text{color:var(--c-text-sub);font-size:11px;line-height:1.7}.mini-list{background:var(--c-card);border:1.5px solid var(--c-border);box-shadow:var(--shadow-sm);border-radius:10px;margin-bottom:16px;overflow:hidden}.mini-list-header{background:var(--c-primary-lt);border-bottom:1px solid var(--c-border);color:var(--c-primary-dk);text-transform:uppercase;letter-spacing:.4px;justify-content:space-between;align-items:center;padding:8px 14px;font-size:10px;font-weight:700;display:flex}.mini-list-tabs{gap:4px;display:flex}.mini-tab{border:1px solid var(--c-border);color:var(--c-text-muted);cursor:pointer;background:0 0;border-radius:10px;padding:2px 8px;font-family:inherit;font-size:10px;font-weight:600}.mini-tab.active{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-btn-txt)}.mini-list-item{border-bottom:1px dashed var(--c-border-lt);cursor:pointer;align-items:center;gap:8px;padding:7px 14px;font-size:11px;transition:background .12s;display:flex}.mini-list-item:last-child{border-bottom:none}.mini-list-item:hover{background:var(--c-primary-lt)}.mini-item-title{color:var(--c-text);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.mini-item-date{color:var(--c-text-muted);font-size:9px}.memo-card-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}.memo-card{background:var(--c-card);border:1.5px solid var(--c-border);box-shadow:var(--shadow-card);border-radius:8px;padding:12px 12px 10px;transition:box-shadow .2s,transform .15s;position:relative}.memo-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.memo-card:before{content:"";background:var(--c-tape);opacity:.8;border-radius:2px;width:36px;height:10px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(-2deg)}.memo-card-category{color:var(--c-primary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;margin-bottom:4px;font-size:9px;font-weight:700;display:flex}.memo-card-title{color:var(--c-text);margin-bottom:5px;font-size:12px;font-weight:700;line-height:1.4}.memo-card-body{color:var(--c-text-sub);white-space:pre-wrap;-line-clamp:3;-webkit-box-orient:vertical;font-size:11px;line-height:1.6;display:-webkit-box;overflow:hidden}.post-card{background:var(--c-card);border:1.5px solid var(--c-border);box-shadow:var(--shadow-sm);border-radius:10px;margin-bottom:10px;padding:14px 16px;transition:box-shadow .2s;position:relative}.post-card:hover{box-shadow:var(--shadow-md)}.post-card:before{content:"";background:var(--c-tape2);opacity:.8;border-radius:2px;width:30px;height:10px;position:absolute;top:-6px;left:18px;transform:rotate(1deg)}.post-cat-label{color:var(--c-primary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;margin-bottom:5px;font-size:9px;font-weight:700;display:flex}.post-title{color:var(--c-text);margin-bottom:7px;font-size:13px;font-weight:700}.post-body{color:var(--c-text-sub);white-space:pre-wrap;margin-bottom:10px;font-size:12px;line-height:1.65}.comment-box{background:var(--c-primary-lt);border:1px solid var(--c-border-lt);border-radius:8px;padding:10px 12px}.comment-box-title{color:var(--c-text-sub);align-items:center;gap:5px;margin-bottom:7px;font-size:10px;font-weight:700;display:flex}.comment-item{color:var(--c-text-sub);border-bottom:1px dashed var(--c-border-lt);padding:4px 0;font-size:11px}.comment-input-row{gap:5px;margin-top:7px;display:flex}.diary-card{background:var(--c-card);border:1.5px solid var(--c-border);border-left:3px solid var(--c-primary);box-shadow:var(--shadow-sm);border-radius:10px;margin-bottom:10px;padding:12px 14px;position:relative}.diary-card:before{content:"";background:var(--c-tape);opacity:.75;border-radius:2px;width:28px;height:9px;position:absolute;top:-5px;right:18px;transform:rotate(-1deg)}.diary-card h3{color:var(--c-text);align-items:center;gap:6px;margin-bottom:5px;font-size:12px;font-weight:700;display:flex}.diary-card p{color:var(--c-text-sub);white-space:pre-wrap;font-size:11px;line-height:1.65}.emotion-badge{background:var(--c-primary-md);color:var(--c-primary-dk);border-radius:99px;padding:1px 6px;font-size:9px;font-weight:700}.form-box{background:var(--c-card);border:1.5px solid var(--c-border);box-shadow:var(--shadow-sm);border-radius:10px;flex-direction:column;gap:7px;margin-bottom:14px;padding:14px;display:flex}.section-title{color:var(--c-primary-dk);border-bottom:1.5px dashed var(--c-border);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:7px;margin-bottom:10px;padding-bottom:7px;font-size:11px;font-weight:700;display:flex}.input-row{align-items:center;gap:6px;display:flex}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{border:1.5px solid var(--c-border);background:var(--c-bg);width:100%;color:var(--c-text);border-radius:8px;outline:none;padding:6px 10px;font-family:inherit;font-size:12px;transition:border-color .2s,box-shadow .2s}input:not([type=checkbox]):focus,select:focus,textarea:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-primary) 14%, transparent)}textarea{resize:vertical;min-height:70px;line-height:1.6}input[type=checkbox]{width:13px;height:13px;accent-color:var(--c-primary);cursor:pointer;flex-shrink:0}button{cursor:pointer;font-family:inherit}.btn{border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 13px;font-size:11px;font-weight:700;transition:opacity .15s,transform .1s;display:inline-flex}.btn:hover{opacity:.85}.btn:active{transform:scale(.97)}.btn-primary{background:var(--c-btn);color:var(--c-btn-txt)}.btn-ghost{border:1.5px solid var(--c-border);color:var(--c-text-sub);background:0 0;border-radius:8px;padding:5px 12px;font-size:11px;font-weight:600}.btn-ghost:hover{background:var(--c-primary-lt);border-color:var(--c-primary)}.btn-icon{color:var(--c-text-muted);background:0 0;border:none;padding:3px 5px;font-size:12px}.btn-icon:hover{color:var(--c-primary-dk)}.divider{border:none;border-top:1.5px dashed var(--c-border);margin:14px 0}.date-filter-row{color:var(--c-text-sub);align-items:center;gap:7px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.privacy-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.privacy-row label{cursor:pointer;color:var(--c-text-sub);align-items:center;gap:4px;font-size:11px;display:flex}.guestbook-list{flex-direction:column;gap:10px;margin-top:12px;padding:0;list-style:none;display:flex}.guestbook-item{background:var(--c-card);border:1.5px solid var(--c-border-lt);border-left:4px solid var(--c-primary);color:var(--c-text);box-shadow:var(--shadow-card);text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 14px;font-size:11.5px;display:flex;position:relative}.guestbook-item-name{color:var(--c-primary-dk);align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.guestbook-item-content{color:var(--c-text-sub);white-space:pre-wrap;width:100%;line-height:1.5}.guestbook-item-meta{color:var(--c-text-muted);align-self:flex-end;font-size:9px}.todo-window{background:var(--c-page);border:1.5px solid var(--c-border);width:240px;min-width:180px;min-height:120px;box-shadow:var(--shadow-lg);z-index:400;-webkit-user-select:none;user-select:none;resize:both;background-image:linear-gradient(var(--c-grid) 1px, transparent 1px), linear-gradient(90deg, var(--c-grid) 1px, transparent 1px);background-size:18px 18px;background-color:var(--c-page);border-radius:12px;flex-direction:column;display:flex;position:fixed;top:70px;right:20px;overflow:hidden}.todo-window::-webkit-resizer{display:none}.todo-resize-e{cursor:ew-resize;z-index:10;width:5px;position:absolute;top:12px;bottom:12px;right:0}.todo-resize-s{cursor:ns-resize;z-index:10;height:5px;position:absolute;bottom:0;left:12px;right:12px}.todo-resize-n{cursor:ns-resize;z-index:10;height:5px;position:absolute;top:0;left:12px;right:12px}.todo-resize-w{cursor:ew-resize;z-index:10;width:5px;position:absolute;top:12px;bottom:12px;left:0}.todo-window-header{background:var(--c-topbar);border-bottom:1.5px solid var(--c-border);cursor:move;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.todo-window-title{color:var(--c-primary-dk);align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.win-ctrl-row{gap:4px;display:flex}.win-ctrl-btn{cursor:pointer;border:none;border-radius:50%;width:10px;height:10px}.win-ctrl-btn.c-red{background:#ff6b6b}.win-ctrl-btn.c-yellow{background:#ffd93d}.win-ctrl-btn.c-green{background:#6bcb77}.todo-window-body{flex:1;min-height:0;padding:10px;overflow-y:auto}.todo-window-body::-webkit-scrollbar{width:3px}.todo-window-body::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:3px}.todo-list{padding:0;list-style:none}.todo-item{background:var(--c-card);border:1px solid var(--c-border-lt);border-radius:7px;align-items:center;gap:7px;margin-bottom:4px;padding:6px 8px;display:flex}.todo-item.done{background:var(--c-primary-lt)}.todo-item span{color:var(--c-text);flex:1;font-size:11px}.todo-item.done span{color:var(--c-done);text-decoration:line-through}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--c-page);border:2px solid var(--c-border);width:500px;max-height:85vh;box-shadow:var(--shadow-lg);border-radius:18px;padding:26px;overflow-y:auto}.modal-header{border-bottom:1.5px dashed var(--c-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.modal-header h2{color:var(--c-text);align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.theme-section{margin-bottom:22px}.theme-section h3{color:var(--c-text-sub);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:10px;font-weight:700}.theme-palette{flex-wrap:wrap;gap:12px;display:flex}.theme-swatch{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:5px;padding:0;display:flex}.theme-swatch-circle{border:3px solid #0000;border-radius:50%;width:30px;height:30px;transition:transform .15s,border-color .15s;box-shadow:0 2px 6px #00000024}.theme-swatch:hover .theme-swatch-circle{transform:scale(1.15)}.theme-swatch.active .theme-swatch-circle{border-color:var(--c-text);transform:scale(1.2)}.theme-swatch span{color:var(--c-text-sub);font-size:9px;font-weight:600}.cat-tree{border:1.5px solid var(--c-border);background:var(--c-bg);border-radius:9px;overflow:hidden}.cat-parent-row{cursor:pointer;background:var(--c-primary-lt);border-bottom:1px solid var(--c-border);color:var(--c-text);align-items:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:700;display:flex}.cat-parent-row:hover{background:var(--c-primary-md)}.cat-child-row{cursor:pointer;background:var(--c-card);border-bottom:1px solid var(--c-border);color:var(--c-text-sub);align-items:center;gap:7px;padding:7px 12px 7px 28px;font-size:11px;display:flex}.cat-child-row:hover{background:var(--c-primary-lt)}.cat-gc-row{border-bottom:1px solid var(--c-border);background:var(--c-card);justify-content:space-between;align-items:center;padding:6px 12px 6px 48px;font-size:11px;display:flex}.cat-arrow{color:var(--c-text-muted);font-size:7px;transition:transform .2s;display:inline-block}.cat-arrow.open{transform:rotate(90deg)}.cat-gc-btns{gap:3px;display:flex}.cat-sm-btn{border:1.5px solid var(--c-border);background:var(--c-card);color:var(--c-text-sub);cursor:pointer;border-radius:5px;padding:2px 8px;font-family:inherit;font-size:10px}.cat-sm-btn:hover{background:var(--c-primary-lt)}.cat-add-bar{background:var(--c-primary-lt);cursor:pointer;border-top:1px solid var(--c-border);color:var(--c-text-sub);justify-content:space-between;align-items:center;padding:10px 14px;font-size:11px;font-weight:600;display:flex}.cat-add-bar:hover{background:var(--c-primary-md)}.cat-form-box{background:var(--c-primary-lt);border-top:1px solid var(--c-border);flex-direction:column;gap:7px;padding:11px;display:flex}.cat-form-inputs{gap:5px;display:flex}.cat-form-btns{justify-content:flex-end;gap:5px;display:flex}@media (width<=860px){.binder-body{flex-direction:column}.binder-sidebar{width:220px;min-width:220px;height:100%;overflow-y:auto}.ring-spine{display:none}.memo-card-grid{grid-template-columns:1fr 1fr}.todo-window{border-radius:12px;width:100%;margin-top:16px;position:static}}.cy-visitor-container{flex-direction:column;gap:20px;padding-bottom:20px;display:flex}.cy-form-box{background:#f6f6f6;border:1px solid #e3e3e3;border-radius:4px;flex-direction:column;gap:6px;padding:8px;display:flex}.cy-form-top{align-items:center;gap:10px;display:flex}.cy-input-name{max-width:100px;background:#fff!important;border:1px solid #dcdcdc!important;border-radius:2px!important;padding:4px 8px!important;font-size:11px!important}.cy-form-hint{color:#999;font-size:11px}.cy-form-bottom{gap:6px;display:flex}.cy-form-bottom textarea{resize:none;flex:1;background:#fff!important;border:1px solid #dcdcdc!important;border-radius:2px!important;min-height:50px!important;padding:6px 8px!important;font-size:12px!important}.cy-btn-submit{color:#555;cursor:pointer;background:#fff;border:1px solid #aeaeae;border-radius:2px;width:60px;font-size:11px;font-weight:700;transition:all .1s}.cy-btn-submit:hover{background:#f0f0f0;border-color:#888}.cy-visitor-item{background:#fff;border:1px solid #e3e3e3;border-radius:4px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 3px #00000005}.cy-item-header{background:var(--c-primary-lt);border-bottom:1px solid var(--c-border-lt);justify-content:space-between;align-items:center;padding:6px 12px;font-size:11px;display:flex}.cy-header-left{align-items:center;gap:8px;display:flex}.cy-no{color:var(--c-primary-dk);font-weight:700}.cy-name{color:#2b5998;font-weight:700}.cy-date{color:#888;font-family:monospace}.cy-header-right{color:#bbb;align-items:center;gap:6px;display:flex}.cy-link-btn{color:#666;background:0 0;border:none;padding:2px 4px;font-size:11px}.cy-link-btn:hover{color:#333;text-decoration:underline}.cy-link-btn.delete:hover{color:#ff4d4d}.cy-bar{-webkit-user-select:none;user-select:none;font-size:10px}.cy-item-body{background:#fff;gap:16px;padding:14px;display:flex}.cy-avatar-area{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:60px;display:flex}.cy-mini-avatar{background:#f6f6f6;border:1px dashed #ccc;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.cy-content-area{color:#333;text-align:left;white-space:pre-wrap;flex:1;align-items:center;font-size:12px;line-height:1.6;display:flex}.markdown-content{width:100%;text-align:left!important;white-space:normal!important}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:var(--c-text);margin-top:1.5em;margin-bottom:.5em;font-weight:800;line-height:1.3}.markdown-content p{margin-bottom:1em;line-height:1.7}.markdown-content pre>div{background:var(--c-primary-lt)!important;border-radius:0!important;padding:12px 14px!important;font-size:12px!important;line-height:1.7!important}.markdown-content code{background:var(--c-primary-lt)!important;color:var(--c-primary-dk)!important;border:1px solid var(--c-primary)!important;border-radius:2px!important;padding:1px 5px!important;font-family:D2Coding,Consolas,Monaco,monospace!important;font-size:11px!important}