@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap";@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";: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%}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 4px #e8a0bc59}50%{box-shadow:0 0 0 8px #e8a0bc1a}}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;overflow-x:hidden}.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-calendar{clip-path:polygon(10% 20%,10% 90%,90% 90%,90% 20%,70% 20%,70% 10%,60% 10%,60% 20%,40% 20%,40% 10%,30% 10%,30% 20%)}.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-person{clip-path:path("M7 7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-4 6s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H3z")}.ico-eye{clip-path:path("M7 3C3 3 1 7 1 7s2 4 6 4 6-4 6-4-2-4-6-4zm0 6a2 2 0 1 1 0-4 2 2 0 0 1 0 4z")}.ico-chat{clip-path:polygon(0% 0%,100% 0%,100% 75%,60% 75%,50% 100%,40% 75%,0% 75%)}.ico-music{clip-path:path("M10 2v7.5A2.5 2.5 0 1 1 8 7V4L4 5v6A2.5 2.5 0 1 1 2 9V4.5l8-2.5z")}.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;flex-direction:column;max-height:550px;display:flex;position:relative}.binder-body{flex:1;align-items:stretch;min-height:0;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;flex-direction:column;max-height:300px;display:flex;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(color-mix(in srgb, var(--c-grid) 35%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--c-grid) 35%, transparent) 1px, transparent 1px);background-size:22px 22px;background-color:var(--c-page);box-sizing:border-box;scroll-behavior:smooth;flex:1;min-width:0;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)}.sidebar-cat-box>div::-webkit-scrollbar{width:4px}.sidebar-cat-box>div::-webkit-scrollbar-track{background:0 0}.sidebar-cat-box>div::-webkit-scrollbar-thumb{background:var(--c-primary);border-radius:4px}.sidebar-cat-box>div::-webkit-scrollbar-thumb:hover{background:var(--c-primary-dk)}.binder-sidebar::-webkit-scrollbar{width:4px}.binder-sidebar::-webkit-scrollbar-track{background:0 0}.binder-sidebar::-webkit-scrollbar-thumb{background:var(--c-primary);border-radius:4px}.binder-sidebar::-webkit-scrollbar-thumb:hover{background:var(--c-primary-dk)}.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{scrollbar-width:none;flex-wrap:nowrap;gap:5px;margin-bottom:16px;display:flex;overflow-x:auto}.tab-row::-webkit-scrollbar{display:none}.tab-btn{border:1.5px solid var(--c-border);background:var(--c-card);color:var(--c-text-sub);cursor:pointer;white-space:nowrap;border-radius:14px;flex-shrink:0;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{text-align:left;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}.diary-split-layout{align-items:flex-start;gap:20px;display:flex}.diary-split-left{flex-shrink:0;width:280px;position:sticky;top:8px}.diary-split-right{flex:1;min-width:0}.emotion-badge{background:var(--c-primary-md);color:var(--c-primary-dk);border-radius:99px;padding:1px 6px;font-size:9px;font-weight:700}.diary-filter-row{background:repeating-linear-gradient(45deg, var(--c-primary-lt) 0 8px, transparent 8px 16px);border:1.5px dashed var(--c-primary);border-radius:6px;margin-bottom:20px;padding:8px 12px}.diary-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px 18px;padding:10px 4px 30px;display:grid}.diary-memo{font-family:var(--font-body);background:#fffdf5;border-radius:2px;min-height:140px;padding:28px 18px 18px;transition:transform .2s,box-shadow .2s;position:relative;transform:rotate(-1deg);box-shadow:2px 3px #0000000a,4px 6px 12px #00000014}.diary-memo:hover{transform:rotate(0)translateY(-3px);box-shadow:3px 4px #0000000d,6px 10px 18px #0000001f}.diary-memo-0{background:#fffdf5;transform:rotate(-1.5deg)}.diary-memo-1{background:#fef3f6;transform:rotate(1deg)}.diary-memo-2{background:#f5f9ff;transform:rotate(-.5deg)}.diary-memo-3{background:#fdf6e3;transform:rotate(1.8deg)}.diary-memo-tape{background:linear-gradient(135deg, #fff9 0%, var(--c-primary-lt) 50%, #fff9 100%);background-size:200% 200%;border-radius:1px;width:70px;height:22px;animation:4s ease-in-out infinite pearlShimmer;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 1px 3px #00000026}.diary-memo-1 .diary-memo-tape{width:55px;left:15px;transform:rotate(-15deg)}.diary-memo-2 .diary-memo-tape{width:60px;left:auto;right:12px;transform:rotate(20deg)}.diary-memo-3 .diary-memo-tape{left:50%;transform:translate(-50%)rotate(2deg)}@keyframes pearlShimmer{0%,to{background-position:0%}50%{background-position:100%}}.diary-memo-header{color:var(--c-text-muted);align-items:center;gap:8px;margin-bottom:8px;font-size:11px;display:flex}.diary-memo-date{letter-spacing:.5px;border-bottom:1px dotted var(--c-text-muted);padding-bottom:1px;font-family:Courier New,monospace}.diary-memo-emotion{border:1px solid;border-radius:10px;padding:1px 8px;font-size:10px;font-weight:700}.emotion-최고{color:#e85d75;background:#ffe0e6}.emotion-보통{color:#c4945e;background:#fff2dc}.emotion-우울{color:#6b8db5;background:#e0ecf5}.diary-memo-title{color:var(--c-text);border-bottom:1.5px dashed #00000026;margin:6px 0 10px;padding-bottom:6px;font-size:18px;font-weight:700;line-height:1.3}.diary-memo-content{color:var(--c-text-sub);white-space:pre-wrap;word-break:break-word;background-image:linear-gradient(#0000 0 calc(1.7em - 1px),#0000000f calc(1.7em - 1px) 1.7em,#0000 1.7em);background-size:100% 1.7em;max-height:200px;padding-right:4px;font-size:14px;line-height:1.7;overflow-y:auto}.diary-memo-content::-webkit-scrollbar{width:5px}.diary-memo-content::-webkit-scrollbar-track{background:0 0}.diary-memo-content::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.diary-memo-content::-webkit-scrollbar-thumb:hover{background:#00000040}.diary-memo-actions{opacity:0;z-index:2;gap:4px;transition:opacity .2s;display:flex;position:absolute;top:8px;right:8px}.diary-memo:hover .diary-memo-actions{opacity:1}.diary-action-btn{cursor:pointer;width:22px;height:22px;color:var(--c-text-sub);background:#ffffffd9;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:11px;transition:all .15s;display:flex}.diary-action-btn:hover{background:var(--c-primary-lt);color:var(--c-primary-dk);transform:scale(1.1)}.diary-action-delete:hover{color:#ff4d4d;background:#fff0f0;border-color:#ffb3b3}.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-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);text-align:left;border-radius:7px;align-items:flex-start;gap:2px;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-top:0;margin-bottom:20px;padding-top:12px;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<=600px){.binder-body{flex-direction:column}.binder-sidebar{align-self:flex-start;width:220px;min-width:220px;height:100%;position:sticky;top:44px;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-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,.cy-name{color:var(--c-primary-dk);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-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}.markdown-content pre code,.tiptap-rendered pre code{color:#cdd6f4!important;background:0 0!important;border:none!important;border-radius:0!important;padding:12px 20px!important;font-size:12px!important}.toggle-block-content pre code{color:#cdd6f4!important;background:0 0!important;border:none!important;padding:12px 20px!important;font-size:12px!important}.markdown-content ol{margin:8px 0;padding-left:24px}.markdown-content ol li{margin-bottom:4px;padding-left:4px}.markdown-content ul{margin:8px 0;padding-left:24px}.markdown-content ul li{margin-bottom:4px;padding-left:4px}.tippy-box{box-shadow:none!important;background:0 0!important;border:none!important}.tippy-content{padding:0!important}.tippy-arrow{display:none!important}.login-screen{background:var(--c-bg);background-color:var(--c-bg);background-image:radial-gradient(circle, var(--c-bg-pattern) 1px, transparent 1px);background-size:20px 20px;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-deco{opacity:.18;pointer-events:none;background-color:var(--c-primary);animation:5s ease-in-out infinite login-float;position:absolute}@keyframes login-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-card{background:var(--c-card);border:1.5px solid var(--c-border);box-shadow:var(--shadow-md);z-index:1;width:300px;animation:.3s cubic-bezier(.34,1.4,.64,1) both login-pop;position:relative}@keyframes login-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.login-titlebar{background:var(--c-primary);align-items:center;gap:8px;padding:7px 12px;display:flex}.login-titlebar-dots{gap:5px;display:flex}.titlebar-dot{background:var(--c-card);opacity:.7;border-radius:50%;width:9px;height:9px;display:inline-block}.login-titlebar-label{color:var(--c-btn-txt);letter-spacing:1.5px;opacity:.9;margin-left:2px;font-size:11px;font-weight:700}.login-body{text-align:center;flex-direction:column;align-items:center;gap:0;padding:28px 28px 24px;display:flex}.login-icon-wrap{background:var(--c-primary-lt);border:1.5px solid var(--c-border);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:14px;display:flex}.login-title{color:var(--c-primary-dk);letter-spacing:3px;margin-bottom:4px;font-size:22px;font-weight:900;line-height:1}.login-sub{color:var(--c-text-muted);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:0;font-size:10px;font-weight:600}.login-divider{background:var(--c-border);width:100%;height:1px;margin:16px 0}.login-desc{color:var(--c-text-sub);margin-bottom:18px;font-size:11px;line-height:1.7}.login-btn{background:var(--c-btn);width:100%;color:var(--c-btn-txt);border:none;border-bottom:3px solid var(--c-primary-dk);letter-spacing:.5px;cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:10px 0;font-family:inherit;font-size:12px;font-weight:700;transition:filter .1s,transform .1s;display:flex}.login-btn .ico{background-color:var(--c-btn-txt)}.login-btn:hover{filter:brightness(1.06)}.login-btn:active{border-bottom-width:1px;transform:translateY(2px)}.landing-intro{background:var(--c-card);border:1.5px solid var(--c-border);max-width:400px;box-shadow:var(--shadow-md);background-image:repeating-linear-gradient(to bottom, transparent, transparent 27px, var(--c-grid) 27px, var(--c-grid) 28px);background-position:0 44px;flex:320px;animation:.3s cubic-bezier(.34,1.4,.64,1) both login-pop;position:relative}.landing-intro:before{content:"";background:var(--c-primary);width:100%;height:8px;display:block}.landing-intro:after{content:"";background:var(--c-primary-md);opacity:.5;pointer-events:none;width:1.5px;height:100%;position:absolute;top:0;left:44px}.landing-rings{pointer-events:none;z-index:2;justify-content:space-around;padding:0 28px;display:flex;position:absolute;top:-14px;left:0;right:0}.landing-ring{border:2.5px solid var(--c-primary);background:var(--c-bg);border-radius:10px;width:20px;height:28px;box-shadow:inset 0 1px 3px #00000014}.landing-intro-inner{text-align:left;padding:20px 24px 28px 56px}.landing-intro-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.landing-intro-title{color:var(--c-primary-dk);letter-spacing:2px;font-size:22px;font-weight:900;line-height:1}.landing-intro-lead{color:var(--c-text);margin-bottom:8px;font-size:14px;font-weight:700;line-height:1.5}.landing-intro-desc{color:var(--c-text-sub);margin-bottom:20px;font-size:12px;line-height:1.9}.landing-features{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.landing-feature-item{align-items:flex-start;gap:10px;display:flex}.landing-feature-title{color:var(--c-text);font-size:12px;font-weight:700;line-height:1.4}.landing-feature-desc{color:var(--c-text-sub);font-size:11px;line-height:1.6}@media (width<=680px){.landing-intro{width:100%;max-width:100%}.landing-rings{padding:0 16px}}.login-loading{align-items:center;gap:8px;display:flex}.login-loading .ico{animation:1.2s ease-in-out infinite login-pulse}.login-loading .ico:nth-child(2){animation-delay:.2s}.login-loading .ico:nth-child(3){animation-delay:.4s}@keyframes login-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}.ProseMirror{outline:none}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--c-text-muted);pointer-events:none;float:left;height:0}.ProseMirror img{cursor:pointer;border-radius:6px;max-width:100%}.ProseMirror img.ProseMirror-selectednode{outline:2px solid var(--c-primary)}.ProseMirror blockquote{border-left:4px solid var(--c-primary);color:var(--c-text-muted);margin:0;padding-left:14px}.ProseMirror pre{text-align:left;background:#1e1e2e;border:none;border-radius:8px;margin:12px 0;padding:0;overflow:hidden}.ProseMirror pre:before{content:"";background-color:#2a2a3e;background-image:radial-gradient(circle,#ff5f57 5px,#0000 5px),radial-gradient(circle,#febc2e 5px,#0000 5px),radial-gradient(circle,#28c840 5px,#0000 5px);background-position:12px,28px,44px;background-repeat:no-repeat;background-size:10px 10px,10px 10px,10px 10px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;height:28px;display:block}.ProseMirror pre code{color:#cdd6f4;white-space:pre;padding:12px 16px;font-family:D2Coding,Consolas,Monaco,monospace;font-size:12px;line-height:1.7;display:block;overflow-x:auto;background:0 0!important;border:none!important}.hljs-keyword{color:#cba6f7}.hljs-built_in{color:#89b4fa}.hljs-string{color:#a6e3a1}.hljs-number{color:#fab387}.hljs-comment{color:#6c7086;font-style:italic}.hljs-function,.hljs-title{color:#89dceb}.hljs-variable,.hljs-params{color:#cdd6f4}.hljs-class{color:#f9e2af}.hljs-operator{color:#89dceb}.hljs-punctuation{color:#cdd6f4}.hljs-attr{color:#89b4fa}.hljs-literal{color:#fab387}.ProseMirror h1{margin:16px 0 8px;font-size:22px;font-weight:800}.ProseMirror h2{margin:14px 0 6px;font-size:18px;font-weight:800}.ProseMirror h3{margin:12px 0 4px;font-size:15px;font-weight:700}.ProseMirror table{border-collapse:collapse;margin:12px 0;font-size:13px;width:calc(100% - 35px)!important}.ProseMirror table,.tiptap-rendered table,.markdown-content table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13px}.ProseMirror th,.ProseMirror td,.tiptap-rendered th,.tiptap-rendered td,.markdown-content th,.markdown-content td{border:1.5px solid var(--c-border);text-align:left;vertical-align:top;min-width:60px;padding:10px 14px}.ProseMirror th,.tiptap-rendered th,.markdown-content th{background:var(--c-primary-lt);color:var(--c-text);font-weight:700}.ProseMirror td,.tiptap-rendered td,.markdown-content td{background:var(--c-card);color:var(--c-text)}.ProseMirror .selectedCell:after{background:color-mix(in srgb, var(--c-primary) 20%, transparent);content:"";pointer-events:none;position:absolute;inset:0}.ProseMirror td,.ProseMirror th{position:relative}.ProseMirror .tableWrapper{position:relative;overflow-x:auto}.table-add-col{opacity:0;cursor:pointer;z-index:10;justify-content:center;align-items:center;width:18px;height:100%;transition:opacity .15s;display:flex;position:absolute;top:0;right:-22px}.table-add-row{opacity:0;cursor:pointer;z-index:10;justify-content:center;align-items:center;width:100%;height:18px;transition:opacity .15s;display:flex;position:absolute;bottom:-22px;left:0}.table-handle-wrap:hover .table-add-col,.table-handle-wrap:hover .table-add-row{opacity:1}.table-add-col span,.table-add-row span{background:var(--c-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;font-weight:700;line-height:1;display:flex;box-shadow:0 1px 4px #00000026}.table-add-col span:hover,.table-add-row span:hover{background:var(--c-primary-dk);transform:scale(1.15)}.table-scroll-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.table-scroll-wrap::-webkit-scrollbar{height:3px}.table-scroll-wrap::-webkit-scrollbar-thumb{background:var(--c-primary);border-radius:2px}.table-scroll-wrap table{width:max-content;min-width:100%}.tiptap-rendered .column-resize-handle,.markdown-content .column-resize-handle{display:none!important}.tiptap-rendered table{pointer-events:none;-webkit-user-select:text;user-select:text}.tiptap-rendered h1{margin:16px 0 8px;font-size:22px;font-weight:800}.tiptap-rendered h2{margin:14px 0 6px;font-size:18px;font-weight:800}.tiptap-rendered h3{margin:12px 0 4px;font-size:15px;font-weight:700}.tiptap-rendered p{min-height:1.7em}.tiptap-rendered .hljs-keyword{color:#cba6f7!important}.tiptap-rendered .hljs-built_in{color:#89b4fa!important}.tiptap-rendered .hljs-string{color:#a6e3a1!important}.tiptap-rendered .hljs-number{color:#fab387!important}.tiptap-rendered .hljs-comment{font-style:italic;color:#6c7086!important}.tiptap-rendered .hljs-function,.tiptap-rendered .hljs-title{color:#89dceb!important}.tiptap-rendered .hljs-variable,.tiptap-rendered .hljs-params{color:#cdd6f4!important}.tiptap-rendered .hljs-class{color:#f9e2af!important}.tiptap-rendered .hljs-operator{color:#89dceb!important}.tiptap-rendered .hljs-punctuation{color:#cdd6f4!important}.tiptap-rendered .hljs-attr{color:#89b4fa!important}.tiptap-rendered .hljs-literal{color:#fab387!important}.tiptap-rendered ul,.tiptap-rendered ol{margin:4px 0;padding-left:20px}.tiptap-rendered blockquote{border-left:4px solid var(--c-primary);color:var(--c-text-muted);margin:0;padding-left:14px}.tiptap-rendered img{border-radius:6px;max-width:100%;height:auto;margin:8px 0;display:block}.tiptap-rendered pre{text-align:left;background:#1e1e2e;border:none;border-radius:8px;margin:12px 0;padding:0;overflow:hidden}.tiptap-rendered pre:before{content:"";background-color:#2a2a3e;background-image:radial-gradient(circle,#ff5f57 5px,#0000 5px),radial-gradient(circle,#febc2e 5px,#0000 5px),radial-gradient(circle,#28c840 5px,#0000 5px);background-position:12px,28px,44px;background-repeat:no-repeat;background-size:10px 10px,10px 10px,10px 10px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;height:28px;display:block}.tiptap-rendered pre code{color:#cdd6f4;white-space:pre;padding:12px 16px;font-family:D2Coding,Consolas,Monaco,monospace;font-size:12px;line-height:1.7;display:block;overflow-x:auto;background:0 0!important;border:none!important}.write-post-publish-row{gap:8px;display:inline-flex}.hamburger-btn{display:none}.sidebar-drawer{display:contents}.sidebar-overlay,.bottom-nav,.friend-mobile-tabs{display:none}.friend-section-list,.friend-section-recommend,.friend-section-incoming,.friend-section-sent{display:block}.toggle-block-content pre{text-align:left;background:#1e1e2e;border:none;border-radius:8px;margin:8px 0;padding:0;overflow:hidden}.toggle-block-content pre:before{content:"";background-color:#2a2a3e;background-image:radial-gradient(circle,#ff5f57 5px,#0000 5px),radial-gradient(circle,#febc2e 5px,#0000 5px),radial-gradient(circle,#28c840 5px,#0000 5px);background-position:12px,28px,44px;background-repeat:no-repeat;background-size:10px 10px,10px 10px,10px 10px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;height:28px;display:block}.toggle-block-content pre code{color:#cdd6f4;white-space:pre;padding:12px 16px;font-family:D2Coding,Consolas,Monaco,monospace;font-size:12px;line-height:1.7;display:block;overflow-x:auto;background:0 0!important;border:none!important}.toggle-block-content .hljs-keyword{color:#cba6f7!important}.toggle-block-content .hljs-built_in{color:#89b4fa!important}.toggle-block-content .hljs-string{color:#a6e3a1!important}.toggle-block-content .hljs-number{color:#fab387!important}.toggle-block-content .hljs-comment{font-style:italic;color:#6c7086!important}.toggle-block-content .hljs-function,.toggle-block-content .hljs-title{color:#89dceb!important}.toggle-block-content .hljs-variable,.toggle-block-content .hljs-params{color:#cdd6f4!important}.toggle-block-content .hljs-class{color:#f9e2af!important}.toggle-block-content .hljs-operator{color:#89dceb!important}.toggle-block-content .hljs-punctuation{color:#cdd6f4!important}.toggle-block-content .hljs-attr{color:#89b4fa!important}.toggle-block-content .hljs-literal{color:#fab387!important}.tiptap-rendered p:empty,.tiptap-rendered p br:only-child{height:1.7em;display:block}.ProseMirror p:empty,.ProseMirror p br:only-child{height:1.7em}@media (width<=600px){.app-root{align-items:flex-start;padding:50px 0 0}.binder{width:100%;max-width:100%;box-shadow:none;border:none;border-radius:0;min-height:calc(100vh - 44px);max-height:none}.memo-card-grid .post-card{text-align:left;min-width:0;overflow:hidden}.memo-card-grid .post-card .memo-card-body{line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.binder-body{flex-direction:row;min-height:0}.sidebar-drawer{z-index:900;background:var(--c-sidebar);width:260px;height:100%;transition:transform .28s cubic-bezier(.4,0,.2,1);display:block;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar-drawer.open{transform:translate(0)}.sidebar-drawer .binder-sidebar{border-right:2px solid var(--c-border);width:100%;min-width:0;height:auto;min-height:100vh;padding:60px 14px 40px;overflow-y:visible}.sidebar-overlay{z-index:899;background:#0006;display:block;position:fixed;inset:0}.ring-spine,.tab-row{display:none}.bottom-nav{z-index:800;background:var(--c-page);border-top:1.5px solid var(--c-border);scrollbar-width:none;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto;box-shadow:0 -2px 10px #00000014}.bottom-nav::-webkit-scrollbar{display:none}.bottom-nav-btn{min-width:52px;min-height:56px;color:var(--c-text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 4px;font-family:inherit;font-size:10px;font-weight:600;transition:background .15s,color .15s;display:flex}.bottom-nav-btn.active{color:var(--c-primary-dk);background:var(--c-primary-lt)}.bottom-nav-btn .ico{background-color:var(--c-text-muted)}.bottom-nav-btn.active .ico{background-color:var(--c-primary-dk)}.binder-main{height:auto;max-height:none;padding:14px 14px 72px}.main-content-scroll-area{height:auto;overflow-y:visible}.hamburger-btn{z-index:850;border:1.5px solid var(--c-border);background:var(--c-page);width:36px;height:36px;color:var(--c-text-sub);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:18px;display:flex;position:fixed;top:50px;left:8px}body{font-size:14px}.section-title{font-size:12px}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{min-height:36px;font-size:14px}.memo-card-grid{grid-template-columns:repeat(3,1fr);gap:8px}.memo-card{aspect-ratio:1;min-width:0;padding:8px 8px 6px;overflow:hidden}.memo-card-body{line-clamp:2}.diary-list{grid-template-columns:1fr}.sticker-item{display:none!important}.topbar{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.topbar::-webkit-scrollbar{display:none}.topbar-brand{flex-shrink:0;font-size:11px}.hp-title{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:11px;overflow:hidden}.topbar-actions{flex-shrink:0;gap:3px}.topbar-btn{white-space:nowrap;padding:4px 7px;font-size:9px}.write-post-toggles{flex-wrap:wrap;gap:6px!important}.write-post-toggles .btn-ghost,.write-post-toggles .btn-primary{flex:1;justify-content:center;min-height:38px}.write-post-draft{order:0}.friend-mobile-tabs{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.friend-mobile-tab-btn{border:1.5px solid var(--c-border);background:var(--c-card);color:var(--c-text-sub);cursor:pointer;border-radius:14px;padding:5px 10px;font-family:inherit;font-size:10px;font-weight:600}.friend-mobile-tab-btn.active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.friends-two-col{flex-direction:column!important}.friend-section-list,.friend-section-recommend,.friend-section-incoming,.friend-section-sent{display:none}.friend-section-list.mobile-active,.friend-section-recommend.mobile-active,.friend-section-incoming.mobile-active,.friend-section-sent.mobile-active{display:block}.friends-two-col{width:100%}.friend-section-list,.friend-section-recommend{width:100%;min-width:0;flex:unset!important}.write-post-action-bar{flex-direction:column!important;align-items:stretch!important;gap:6px!important}.write-post-draft{min-height:38px}.write-post-toggles{flex-wrap:wrap;align-items:center;display:flex;gap:8px!important}.write-post-publish-row{gap:8px;display:flex}.write-post-publish-row .btn-ghost,.write-post-publish-row .btn-primary{flex:1;justify-content:center;min-height:40px;font-size:13px}.post-card,.post-body{overflow-x:visible}.ProseMirror .tableWrapper,.tiptap-rendered .tableWrapper,.markdown-content .tableWrapper{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.ProseMirror table,.tiptap-rendered table,.markdown-content table{min-width:400px;width:auto!important}}@media (width>=601px) and (width<=1200px){.sticker-item{display:none!important}}@media (width>=601px) and (width<=900px){.binder{border:2px solid var(--c-border);max-width:100%;box-shadow:var(--shadow-lg), 0 0 0 5px var(--c-primary-lt), 0 0 0 7px var(--c-border);border-radius:18px;height:550px;max-height:550px}.binder-sidebar{align-self:auto;width:160px;min-width:160px;height:auto;padding:12px 8px;position:static;overflow-y:auto}.profile-photo,.profile-photo-wrap{width:56px;height:56px}.tab-row{scrollbar-width:none;flex-wrap:nowrap;gap:4px;overflow-x:auto}.memo-card-grid .post-card{min-width:0;overflow:hidden}.tab-row::-webkit-scrollbar{display:none}.diary-split-layout{flex-direction:column}.diary-split-left{width:100%;position:static}.tab-btn{white-space:nowrap;flex-shrink:0;padding:3px 9px;font-size:10px}.memo-card-grid{grid-template-columns:repeat(2,1fr);align-content:start;align-items:start}.memo-card-grid .post-card{align-self:start;height:auto;margin-bottom:0}.memo-card{aspect-ratio:1;padding:8px;overflow:hidden}.ring-spine{display:flex}.todo-window{width:240px;margin-top:0;height:auto!important;max-height:calc(100vh - 100px)!important;position:fixed!important}.ProseMirror .tableWrapper,.tiptap-rendered .tableWrapper,.markdown-content .tableWrapper{-webkit-overflow-scrolling:touch;max-width:100%;display:block;overflow-x:auto}.post-card{overflow:visible}.tiptap-rendered .tableWrapper{-webkit-overflow-scrolling:touch;max-width:100%;display:block;overflow-x:auto}.ProseMirror .tableWrapper::-webkit-scrollbar{height:2px}.tiptap-rendered .tableWrapper::-webkit-scrollbar{height:2px}.markdown-content .tableWrapper::-webkit-scrollbar{height:2px}.ProseMirror .tableWrapper::-webkit-scrollbar-track{background:0 0}.tiptap-rendered .tableWrapper::-webkit-scrollbar-track{background:0 0}.markdown-content .tableWrapper::-webkit-scrollbar-track{background:0 0}.ProseMirror .tableWrapper::-webkit-scrollbar-thumb{background:var(--c-primary);border-radius:4px}.tiptap-rendered .tableWrapper::-webkit-scrollbar-thumb{background:var(--c-primary);border-radius:4px}.markdown-content .tableWrapper::-webkit-scrollbar-thumb{background:var(--c-primary);border-radius:4px}.ProseMirror table,.tiptap-rendered table,.markdown-content table{min-width:max-content;width:auto!important}}.post-body,.tiptap-rendered{max-width:100%;overflow-x:visible}.tiptap-rendered .tableWrapper{display:block;overflow-x:auto}html:before,html:after,body:before,body:after,#root:before,#root:after,.app-root:before,.app-root:after{content:none!important;opacity:0!important;display:none!important}html,body,#root,.app-root{border-left:none!important;border-right:none!important}.cy-form-box{box-shadow:var(--shadow-sm);background:color-mix(in srgb, var(--c-card) 88%, var(--c-primary-lt) 12%)!important;border:1.5px solid var(--c-border)!important}.cy-input-name,.cy-form-bottom textarea,.cy-visitor-item input:not([type=checkbox]):not([type=radio]):not([type=file]),.cy-visitor-item textarea{background:var(--c-page)!important;color:var(--c-text)!important;border:1.5px solid var(--c-border)!important}.cy-input-name::placeholder,.cy-form-bottom textarea::placeholder,.cy-visitor-item input::placeholder,.cy-visitor-item textarea::placeholder{color:var(--c-text-muted)!important}.cy-form-hint{color:var(--c-text-sub)!important}.cy-btn-submit{background:var(--c-primary-lt)!important;border:1.5px solid var(--c-border)!important;color:var(--c-primary-dk)!important;box-shadow:none!important}.cy-btn-submit:hover{background:var(--c-primary-md)!important;border-color:var(--c-primary)!important}.cy-visitor-item{background:var(--c-card)!important;border:1.5px solid var(--c-border)!important;box-shadow:var(--shadow-sm)!important}.cy-item-header{background:color-mix(in srgb, var(--c-card) 72%, var(--c-primary-lt) 28%)!important;border-bottom:1.5px solid var(--c-border)!important;color:var(--c-text-sub)!important}.cy-no,.cy-name{color:var(--c-text)!important}.cy-date,.cy-header-right,.cy-bar,.cy-link-btn{color:var(--c-text-muted)!important}.cy-link-btn:hover{color:var(--c-text)!important;text-decoration:none!important}.cy-link-btn.delete:hover{color:#ff7b7b!important}.cy-item-body{border-bottom:1px solid var(--c-border-lt);background:var(--c-card)!important}.cy-mini-avatar{background:var(--c-primary-lt)!important;border:1px dashed var(--c-border)!important}.cy-content-area{color:var(--c-text)!important}html[data-theme=black] .cy-form-box{background:#242424!important;border-color:#505050!important}html[data-theme=black] .cy-visitor-item{background:#232323!important;border-color:#505050!important}html[data-theme=black] .cy-item-header{background:#303030!important;border-bottom-color:#505050!important}html[data-theme=black] .cy-item-body{background:#202020!important;border-bottom-color:#454545!important}html[data-theme=black] .cy-input-name,html[data-theme=black] .cy-form-bottom textarea,html[data-theme=black] .cy-visitor-item input:not([type=checkbox]):not([type=radio]):not([type=file]),html[data-theme=black] .cy-visitor-item textarea{color:#f0f0f0!important;background:#181818!important;border-color:#5a5a5a!important}html[data-theme=black] .cy-input-name::placeholder,html[data-theme=black] .cy-form-bottom textarea::placeholder,html[data-theme=black] .cy-visitor-item input::placeholder,html[data-theme=black] .cy-visitor-item textarea::placeholder{color:#8f8f8f!important}html[data-theme=black] .cy-form-hint,html[data-theme=black] .cy-date,html[data-theme=black] .cy-header-right,html[data-theme=black] .cy-link-btn,html[data-theme=black] .cy-bar{color:#9a9a9a!important}html[data-theme=black] .cy-no,html[data-theme=black] .cy-name,html[data-theme=black] .cy-content-area{color:#eee!important}html[data-theme=black] .cy-btn-submit{color:#f2f2f2!important;background:#3f3f3f!important;border-color:#707070!important}html[data-theme=black] .cy-btn-submit:hover{background:#4a4a4a!important;border-color:#8a8a8a!important}html[data-theme=black] .cy-mini-avatar{background:#2c2c2c!important;border-color:#5a5a5a!important}.notice-textarea{scrollbar-width:thin;scrollbar-color:var(--c-primary) var(--c-primary-lt);height:92px;overflow-y:auto;resize:none!important;min-height:92px!important}.notice-textarea-edit{height:112px;min-height:112px!important}.notice-textarea::-webkit-scrollbar{width:6px}.notice-textarea::-webkit-scrollbar-track{background:var(--c-primary-lt);border-radius:999px}.notice-textarea::-webkit-scrollbar-thumb{background:var(--c-primary);border-radius:999px}.notice-textarea::-webkit-scrollbar-thumb:hover{background:var(--c-primary-dk)}.notice-form-bottom-row,.notice-edit-bottom-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.notice-pin-toggle{border:1.5px solid var(--c-border);background:var(--c-card);width:fit-content;color:var(--c-text-sub);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:700;line-height:1;transition:background .15s,border-color .15s,color .15s;display:inline-flex;box-shadow:none!important}.notice-pin-toggle:hover,.notice-pin-toggle.active{background:var(--c-primary-lt);border-color:var(--c-primary);color:var(--c-primary-dk)}.notice-pin-toggle input{display:none}.notice-pin-toggle-box{border:1.5px solid var(--c-border);background:var(--c-bg);border-radius:4px;flex-shrink:0;width:12px;height:12px;position:relative}.notice-pin-toggle.active .notice-pin-toggle-box{background:var(--c-primary);border-color:var(--c-primary)}.notice-pin-toggle.active .notice-pin-toggle-box:after{content:"";border:solid var(--c-btn-txt);border-width:0 1.5px 1.5px 0;width:4px;height:7px;position:absolute;top:1px;left:3px;transform:rotate(45deg)}.notice-pinned-badge{border:1px solid var(--c-primary);background:var(--c-primary-lt);color:var(--c-primary-dk);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 7px;font-size:10px;font-weight:800;line-height:1.2;display:inline-flex}@media (width<=600px){.notice-form-bottom-row,.notice-edit-bottom-row{flex-direction:column;align-items:stretch}.notice-pin-toggle{justify-content:center}}@media (width<=768px){input,textarea,select{font-size:16px!important}.search-bar input,.comment-input-row input,.cy-form-bottom textarea,.cy-input-name{font-size:14px!important}input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select,button,.btn,.tab-btn,.bottom-nav-btn,.topbar-btn,.comment-input-row input,.search-bar input,.form-box input,.form-box textarea,.form-box select{letter-spacing:-.02em;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,sans-serif!important}body{background-size:16px 16px}.app-root{padding:44px 0 calc(52px + max(env(safe-area-inset-bottom,16px), 16px) + 8px);align-items:flex-start}.binder{width:100%;max-width:100%;box-shadow:none;border:none;border-radius:0;min-height:calc(100vh - 44px);max-height:none}.binder-body{flex-direction:column;min-height:0}.ring-spine,.binder-sidebar{display:none}.sidebar-drawer{z-index:900;background:var(--c-sidebar);width:270px;height:100%;transition:transform .28s cubic-bezier(.4,0,.2,1);display:block;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:4px 0 20px #00000026}.sidebar-drawer.open{transform:translate(0)}.sidebar-drawer .binder-sidebar{border-right:none;flex-direction:column;gap:16px;width:100%;min-width:0;height:auto;min-height:100vh;padding:60px 16px 40px;display:flex}.sidebar-overlay{z-index:899;background:#0006;display:block;position:fixed;inset:0}.topbar{height:44px;padding:0 12px;overflow:visible}.topbar-brand{gap:5px;padding-left:38px;font-size:13px;font-weight:800}.topbar-brand-dot{display:none}.hp-title{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:13px;font-weight:800;overflow:hidden}.topbar-actions{gap:5px}.topbar-btn-version,.topbar-btn-sticker,.topbar-btn-logout{display:none}.topbar-btn{white-space:nowrap;gap:4px;padding:4px 8px;font-size:10px!important}.hamburger-btn{z-index:850;border:1.5px solid var(--c-border);background:var(--c-page);width:30px;height:30px;color:var(--c-text-sub);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:15px;display:flex;position:fixed;top:7px;left:10px}.tab-row{display:none!important}.bottom-nav{z-index:800;background:var(--c-page);border-top:1.5px solid var(--c-border);padding-bottom:max(env(safe-area-inset-bottom,0px), 16px);scrollbar-width:none;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto;box-shadow:0 -2px 12px #00000012}.bottom-nav::-webkit-scrollbar{display:none}.bottom-nav-btn{min-width:48px;min-height:52px;color:var(--c-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 2px;font-family:inherit;font-size:10px;font-weight:600;transition:background .15s,color .15s;display:flex}.bottom-nav-btn.active{color:var(--c-primary-dk);background:var(--c-primary-lt)}.bottom-nav-btn .ico{background-color:var(--c-text-muted)}.bottom-nav-btn.active .ico{background-color:var(--c-primary-dk)}.bgm-player-root{bottom:calc(52px + max(env(safe-area-inset-bottom,16px), 16px) + 8px)!important}.binder-main{height:auto;max-height:none;padding:12px 12px 16px;overflow-y:visible}.main-content-scroll-area{height:auto;max-height:none;padding-right:0;overflow-y:visible}.search-bar{border-radius:20px;margin-bottom:12px;padding:6px 12px}.search-bar input{font-size:14px!important}.notice-box{border-radius:10px;padding:10px 12px}.notice-title{font-size:10px}.notice-text{word-break:keep-all;font-size:13px;line-height:1.6}.mini-list{border-radius:10px}.mini-list-header{padding:8px 12px;font-size:10px}.mini-list-item{padding:8px 12px;font-size:12px}.mini-item-title{word-break:keep-all;font-size:12px}.mini-item-date{white-space:nowrap;flex-shrink:0;font-size:10px}.memo-card-grid{grid-template-columns:1fr;gap:8px}.memo-card{aspect-ratio:unset;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.memo-card:before{display:none}.memo-card-category{font-size:10px}.memo-card-title{word-break:keep-all;font-size:14px;font-weight:700}.memo-card-body{-webkit-line-clamp:2;word-break:keep-all;font-size:12px;line-height:1.6}.post-card{border-radius:10px;margin-bottom:8px;padding:12px 14px}.post-card:before{display:none}.post-cat-label{white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:10px;overflow:hidden}.post-title{word-break:keep-all;font-weight:700;line-height:1.4;font-size:15px!important}.post-body{word-break:keep-all;font-size:13px;line-height:1.7}.post-card .btn-ghost,.post-card .btn{border-radius:5px!important;height:24px!important;padding:3px 8px!important;font-size:10px!important}.btn-icon{font-size:10px!important}.binder-main .post-card{padding:16px!important}.section-title{white-space:nowrap;font-size:12px;font-weight:700}.comment-box{padding:10px 12px}.comment-box-title{font-size:11px}.comment-input-row{flex-direction:row;gap:6px;margin-top:8px}.comment-input-row input{flex:1;font-size:14px!important}.comment-input-row .btn{white-space:nowrap;height:38px;padding:0 12px!important;font-size:11px!important}.cy-item-header{flex-wrap:nowrap;gap:5px;overflow:hidden}.cy-header-left{flex-wrap:nowrap;flex:1;gap:5px;min-width:0;overflow:hidden}.cy-no{white-space:nowrap;flex-shrink:0;font-size:10px}.cy-name{white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:12px;font-weight:700;overflow:hidden}.cy-date{white-space:nowrap;flex-shrink:0;font-size:10px}.cy-header-right{flex-wrap:nowrap;flex-shrink:0;gap:4px}.cy-link-btn{white-space:nowrap;padding:2px 5px;font-size:10px!important}.cy-content-area{word-break:keep-all;font-size:13px;line-height:1.6}.cy-form-hint{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.diary-list{grid-template-columns:1fr;gap:16px}.diary-memo{transform:none!important}.diary-memo:hover{transform:translateY(-2px)!important}.diary-memo-title{font-size:16px}.diary-memo-content{max-height:120px;font-size:13px}.diary-memo-actions{opacity:1}.write-post-action-bar{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.write-post-draft{order:0;min-height:38px}.write-post-toggles{flex-wrap:wrap;align-items:center;display:flex;gap:8px!important}.write-post-publish-row{gap:8px;display:flex}.write-post-publish-row .btn-ghost,.write-post-publish-row .btn-primary{flex:1;justify-content:center;min-height:42px;font-size:13px}.todo-window{z-index:550;border-bottom:none;border-left:none;border-right:none;border-radius:16px 16px 0 0;max-height:55vh;box-shadow:0 -4px 24px #0000001f;top:unset!important;width:100%!important;height:55vh!important;position:fixed!important;bottom:60px!important;left:0!important;right:0!important}.todo-resize-n,.todo-resize-s,.todo-resize-e,.todo-resize-w{display:none}.todo-window-title{font-size:12px;font-weight:700}.modal-overlay{align-items:flex-end;padding:0}.modal-box{padding:20px 20px env(safe-area-inset-bottom,16px);margin:0;border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important;max-height:92vh!important}.friend-mobile-tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.friend-mobile-tab-btn{border:1.5px solid var(--c-border);background:var(--c-card);color:var(--c-text-sub);cursor:pointer;border-radius:14px;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:600}.friend-mobile-tab-btn.active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.friends-two-col{flex-direction:column!important}.friend-section-list,.friend-section-recommend,.friend-section-incoming,.friend-section-sent{display:none}.friend-section-list.mobile-active,.friend-section-recommend.mobile-active,.friend-section-incoming.mobile-active,.friend-section-sent.mobile-active{display:block}.friend-section-list,.friend-section-recommend{width:100%;min-width:0;flex:unset!important}.form-box{gap:8px;padding:12px}.date-filter-row{flex-wrap:wrap;gap:6px}.btn{min-height:38px;padding:8px 14px;font-size:12px!important}.btn-ghost{min-height:32px;font-size:11px!important}.sticker-item{display:none!important}.markdown-content{word-break:keep-all;overflow-wrap:break-word;font-size:14px;line-height:1.75}.markdown-content h1{font-size:20px}.markdown-content h2{font-size:17px}.markdown-content h3{font-size:15px}.markdown-content pre{white-space:pre-wrap;word-break:break-all;overflow-x:auto;font-size:12px!important}.markdown-content img{max-width:100%;height:auto}.toolbar-hint{display:none!important}}@media (width<=390px){.hp-title{max-width:100px}.bottom-nav-btn{min-width:40px;font-size:9px}.profile-bio{max-width:110px}.post-title{font-size:14px!important}}@media (display-mode:standalone){.bottom-nav{padding-bottom:max(env(safe-area-inset-bottom,16px), 16px)}.bottom-nav-btn{min-height:48px}.app-root{padding-bottom:calc(60px + max(env(safe-area-inset-bottom,16px), 16px))}.todo-window{bottom:calc(60px + max(env(safe-area-inset-bottom,16px), 16px))!important}.bgm-player-root{bottom:calc(60px + max(env(safe-area-inset-bottom,16px), 16px) + 8px)!important}}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{color:#fff;white-space:normal;background-color:#333;border-radius:4px;outline:0;font-size:14px;line-height:1.4;transition-property:transform,visibility,opacity;position:relative}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-width:8px 8px 0;border-top-color:initial;transform-origin:top;bottom:-7px;left:0}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-width:0 8px 8px;border-bottom-color:initial;transform-origin:bottom;top:-7px;left:0}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;transform-origin:0;right:-7px}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:100%;left:-7px}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;width:16px;height:16px}.tippy-arrow:before{content:"";border-style:solid;border-color:#0000;position:absolute}.tippy-content{z-index:1;padding:5px 9px;position:relative}.lp-root{background:var(--c-bg);background-image:radial-gradient(circle, var(--c-bg-pattern) 1px, transparent 1px);background-size:20px 20px;min-height:100vh;font-family:inherit;position:relative;overflow-x:hidden}.lp-inner{z-index:1;flex-direction:column;align-items:center;gap:64px;max-width:720px;margin:0 auto;padding:64px 24px 80px;display:flex;position:relative}.lp-hero{text-align:center;flex-direction:column;align-items:center;gap:0;display:flex}.lp-hero-badge{background:var(--c-primary-lt);border:1.5px solid var(--c-border);color:var(--c-primary-dk);letter-spacing:.5px;border-radius:99px;align-items:center;gap:6px;margin-bottom:20px;padding:4px 14px;font-size:11px;font-weight:700;display:inline-flex}.lp-hero-title{color:var(--c-primary-dk);letter-spacing:6px;margin-bottom:10px;font-size:clamp(52px,10vw,80px);font-weight:900;line-height:1}.lp-hero-sub{color:var(--c-text-sub);letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;font-size:14px;font-weight:600}.lp-hero-desc{color:var(--c-text-sub);margin-bottom:32px;font-size:14px;line-height:1.9}.lp-cta{background:var(--c-btn);color:var(--c-btn-txt);border:none;border-bottom:3px solid var(--c-primary-dk);letter-spacing:.5px;cursor:pointer;align-items:center;gap:8px;padding:12px 32px;font-family:inherit;font-size:13px;font-weight:700;transition:filter .1s,transform .1s;display:inline-flex}.lp-cta:hover{filter:brightness(1.06)}.lp-cta:active{border-bottom-width:1px;transform:translateY(2px)}.lp-preview-wrap{border:1.5px solid var(--c-border);width:100%;box-shadow:var(--shadow-lg);animation:.4s cubic-bezier(.34,1.3,.64,1) both login-pop;overflow:hidden}.lp-preview-titlebar{background:var(--c-primary);align-items:center;gap:8px;padding:7px 12px;display:flex}.lp-preview-dots{gap:5px;display:flex}.lp-preview-label{color:#fff;opacity:.85;letter-spacing:.5px;font-size:11px;font-weight:700}.lp-preview-img{object-fit:cover;object-position:top;width:100%;max-height:420px;display:block}.lp-features{grid-template-columns:repeat(2,1fr);gap:14px;width:100%;display:grid}.lp-feature-card{background:var(--c-card);border:1.5px solid var(--c-border);box-shadow:var(--shadow-sm);align-items:flex-start;gap:12px;padding:16px 18px;transition:box-shadow .15s,transform .15s;display:flex}.lp-feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.lp-feature-title{color:var(--c-text);margin-bottom:3px;font-size:12px;font-weight:700;line-height:1.3}.lp-feature-desc{color:var(--c-text-sub);font-size:11px;line-height:1.65}.lp-bottom-cta{flex-direction:column;align-items:center;gap:16px;display:flex}.lp-bottom-text{color:var(--c-text);font-size:14px;font-weight:700}.lp-bottom-links{color:var(--c-text-muted);align-items:center;gap:10px;font-size:11px;display:flex}.lp-bottom-links a{color:var(--c-text-muted);text-decoration:underline}.lp-bottom-links a:hover{color:var(--c-text-sub)}.lp-screens{flex-direction:column;align-items:center;gap:16px;width:100%;margin:8px 0 32px;display:flex}.lp-screens-label{color:var(--c-text-muted,#aaa);letter-spacing:.04em;font-size:13px}.lp-screens-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:780px;display:grid}.lp-screen-card:nth-child(4),.lp-screen-card:nth-child(5){grid-column:span 1}.lp-screens-grid>.lp-screen-card:nth-child(4){grid-column:1/2;margin-left:auto}.lp-screens-grid>.lp-screen-card:nth-child(5){grid-column:2/3;margin-right:auto}.lp-screen-card{background:var(--c-surface,#fff);border:1px solid var(--c-border,#f0d6e8);cursor:pointer;border-radius:10px;flex-direction:column;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000f}.lp-screen-card:hover{z-index:1;transform:translateY(-4px)scale(1.04);box-shadow:0 10px 28px #00000021}.lp-screen-card:active{transform:scale(.98)}.lp-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0000008c;justify-content:center;align-items:center;animation:.18s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lp-modal{background:var(--c-surface,#fff);border:1px solid var(--c-border,#f0d6e8);border-radius:14px;width:min(90vw,860px);animation:.22s cubic-bezier(.34,1.56,.64,1) popIn;overflow:hidden;box-shadow:0 24px 60px #0003}@keyframes popIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.lp-modal-titlebar{background:var(--c-surface-alt,#fdf0f7);border-bottom:1px solid var(--c-border,#f0d6e8);align-items:center;gap:8px;padding:8px 14px;display:flex}.lp-modal-title{color:var(--c-text-muted,#999);text-align:center;flex:1;font-size:13px}.lp-modal-close{color:var(--c-text-muted,#bbb);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:14px;transition:color .15s,background .15s}.lp-modal-close:hover{color:var(--c-primary);background:var(--c-border,#f0d6e8)}.lp-modal-img{object-fit:contain;width:100%;max-height:80vh;display:block}.lp-screen-titlebar{background:var(--c-surface-alt,#fdf0f7);border-bottom:1px solid var(--c-border,#f0d6e8);flex-shrink:0;gap:5px;padding:7px 10px;display:flex}.lp-screen-img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;display:block}.lp-screen-label{color:var(--c-text-muted,#999);text-align:center;background:var(--c-surface,#fff);padding:7px 0;font-size:12px}@media (width<=600px){.lp-screens-grid{grid-template-columns:repeat(2,1fr)}.lp-screens-grid>.lp-screen-card:nth-child(4),.lp-screens-grid>.lp-screen-card:nth-child(5){grid-column:auto;margin:0}.lp-screen-card:last-child:nth-child(odd){grid-column:span 2;max-width:240px;margin:0 auto}}@media (width<=560px){.lp-inner{gap:48px;padding:48px 16px 64px}.lp-features{grid-template-columns:1fr}.lp-preview-img{max-height:260px}}