@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@700;800;900&family=Noto+Sans+KR:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap");:root{--point:#a3e635;--point-fg:rgba(20,50,5,.88);--bg:#17212b;--surface:#0f1923;--surface2:#1d3048;--pill-bg:#1a2535;--input-bg:#2a4610;--input-text:var(--point);--date-bg:#344f14;--date-border:#263f10;--today-outer:#131d27;--border:hsla(0,0%,100%,.07);--border2:hsla(0,0%,100%,.11);--text:hsla(0,0%,100%,.85);--pill-text-dark:hsla(0,0%,100%,.78);--text2:hsla(0,0%,100%,.5);--text3:hsla(0,0%,100%,.28);--topbar-bg:rgba(15,25,35,.98);--topbar-border:hsla(0,0%,100%,.07);--subtext-color:hsla(0,0%,100%,.4);--divider:hsla(0,0%,100%,.04);--pill-overlay:rgba(0,0,0,.4);--pill-text:hsla(0,0%,100%,.76);--sidebar-w:260px;--input-h:56px;--note-composer-height:66px;--note-thread-gap:8px}[data-theme=light]{--point:#7cb518;--point-fg:#fff;--bg:#fff;--surface:#fff;--surface2:#f3f3f3;--pill-bg:#f9f9f9;--input-bg:var(--point);--input-text:#fff;--date-bg:rgba(0,0,0,.14);--date-border:rgba(0,0,0,.12);--today-outer:#f5f5f5;--border:rgba(0,0,0,.04);--border2:rgba(0,0,0,.07);--text:rgba(0,0,0,.82);--text2:rgba(0,0,0,.36);--text3:rgba(0,0,0,.2);--topbar-bg:hsla(0,0%,100%,.92);--topbar-border:rgba(0,0,0,.04);--subtext-color:rgba(0,0,0,.36);--divider:rgba(0,0,0,.04);--pill-overlay:hsla(0,0%,100%,.48);--pill-text:rgba(0,0,0,.8)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,Arial,sans-serif;transition:background .2s,color .2s}.psv-sidebar-logo{display:flex;align-items:center;gap:8px;padding:6px 0 10px 10px;border-bottom:1px solid var(--border);margin-bottom:6px}.psv-brand{display:flex;flex-direction:column;gap:2px}.psv-titleText{font-family:Anton,sans-serif;font-size:20px;font-weight:400;letter-spacing:-.02em;color:var(--point);line-height:1.2}.psv-titleInput{border:none;outline:none;background:transparent;padding:0;margin:0;width:auto;min-width:60px;max-width:320px}.psv-titleInput:focus{opacity:.8}.psv-subText{font-size:12px;color:var(--subtext-color);line-height:1.3}.psv-circle{width:38px;height:38px;border-radius:999px;border:1px solid var(--border2);background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:17px;cursor:pointer;color:var(--text2);transition:background .15s,border-color .15s,color .15s;flex-shrink:0;line-height:1}.psv-circle:hover{background:transparent;border-color:var(--text2);color:var(--text)}.psv-kebab-btn{width:32px;height:38px;border-radius:8px;border:none;background:none;color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s}.psv-kebab-btn:hover{background:var(--surface2);color:var(--text2)}.psv-settings-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:var(--surface);border:1px solid var(--border2);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.28);padding:6px;z-index:500;display:flex;flex-direction:column;gap:2px}.psv-settings-label{padding:6px 10px 4px}.psv-settings-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;border:none;background:none;color:var(--text2);font-size:13px;font-family:Noto Sans KR,ui-sans-serif,sans-serif;cursor:pointer;width:100%;text-align:left;transition:background .12s,color .12s}.psv-settings-item:hover{background:var(--surface2);color:var(--text)}.pill-row::-webkit-scrollbar{display:none}html{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.08) transparent}body,html{overscroll-behavior:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent;border-radius:999px}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.07);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.11)}.psv-sidebar::-webkit-scrollbar{width:4px}.psv-sidebar::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.12)}.psv-sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);position:relative;border-right:1px solid var(--border);padding:12px 8px;gap:2px;overflow-y:auto;flex-shrink:0;transition:transform .28s cubic-bezier(.4,0,.2,1),width .24s cubic-bezier(.4,0,.2,1),min-width .24s cubic-bezier(.4,0,.2,1);z-index:200;background:var(--surface);scrollbar-width:none}.psv-sidebar::-webkit-scrollbar{display:none}.psv-sidebar>div[style*=col-resize]:hover{background:hsla(0,0%,100%,.1)}.psv-sidebar-all-row{display:flex;align-items:center;border-radius:10px;transition:background .12s,color .12s}.psv-sidebar-all-row:hover{background:var(--border)}.psv-sidebar-all-row:hover .psv-sidebar-item--all{color:var(--text)}.psv-sidebar-all-row.is-active{background:var(--surface2)}.psv-sidebar-all-row.is-active .psv-sidebar-item--all{color:var(--text);font-weight:700}.psv-sidebar-item--all{border-radius:0!important}.psv-sidebar-item--all,.psv-sidebar-item--all:hover{background:transparent!important}.psv-sidebar-iconbtn{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.45);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .14s,border-color .14s,color .14s;margin-right:4px}.psv-sidebar-iconbtn:hover{background:hsla(0,0%,100%,.11);color:hsla(0,0%,100%,.85);border-color:hsla(0,0%,100%,.28)}.psv-sidebar-collapse-btn{margin-right:6px}.psv-sidebar-item{display:flex;align-items:center;gap:8px;padding:8px 28px 8px 10px;border-radius:10px;border:none;background:none;color:var(--text2);font-size:13px;font-weight:400;cursor:pointer;text-align:left;width:100%;transition:background .12s,color .12s;position:relative;font-family:Noto Sans KR,ui-sans-serif,sans-serif;letter-spacing:.01em}.psv-sidebar-item:hover{background:var(--border);color:var(--text)}.psv-sidebar-item.is-active{background:var(--surface2);color:var(--text);font-weight:700}.psv-sidebar-addbtn{display:flex;align-items:center;gap:6px;padding:7px 10px;margin-top:6px;border-radius:10px;border:1px dashed var(--border2);background:none;color:var(--text3);cursor:pointer;font-size:12px;width:100%;transition:all .15s;font-family:Noto Sans KR,ui-sans-serif,sans-serif}.psv-sidebar-addbtn:hover{color:var(--text2);border-color:var(--text2)}.psv-hamburger{display:none;width:38px;height:38px;border-radius:8px;border:1px solid var(--border2);background:none;color:var(--text2);cursor:pointer;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s}.psv-hamburger:hover{background:var(--surface2);color:var(--text)}.psv-sidebar-dim{display:none}@media (max-width:768px){.psv-hamburger{display:inline-flex}.psv-sidebar{position:fixed;top:0;left:0;bottom:0;transform:translateX(-100%);box-shadow:none;z-index:500;padding-top:20px}.psv-sidebar--open{transform:translateX(0);box-shadow:4px 0 32px rgba(0,0,0,.35);border-right:1px solid hsla(0,0%,100%,.14)!important}.psv-sidebar-dim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:499;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.psv-input-bar input::placeholder{color:rgba(163,230,53,.38)}[data-theme=light] .psv-sidebar-item{color:rgba(0,0,0,.62)}[data-theme=light] .psv-sidebar-item.is-active,[data-theme=light] .psv-sidebar-item:hover{color:var(--text)}[data-theme=light] .psv-sidebar-iconbtn{border-color:rgba(0,0,0,.16);background:rgba(0,0,0,.04);color:rgba(0,0,0,.38)}[data-theme=light] .psv-sidebar-iconbtn:hover{background:rgba(0,0,0,.09);color:rgba(0,0,0,.72);border-color:rgba(0,0,0,.28)}[data-theme=light] .psv-sidebar-all-row.is-active .psv-sidebar-item--all,[data-theme=light] .psv-sidebar-all-row:hover .psv-sidebar-item--all{color:var(--text)}[data-theme=light] .psv-input-bar input::placeholder{color:hsla(0,0%,100%,.55)}:root{--point:#00d4ff;--point-fg:rgba(0,28,48,.92);--input-bg:#0078b8;--date-bg:#08c;--date-border:#00b8f0;--today-outer:#151f2d;--surface2:#1f3143;--note-header-height:60px}.note-shell{display:flex;height:100vh;height:100dvh;min-height:100dvh;overflow:hidden;background:var(--bg)}.psv-sidebar{width:var(--sidebar-current-w,286px);min-width:var(--sidebar-current-w,286px);padding:0;display:flex;flex-direction:column;border-right:none!important;box-shadow:none!important;overflow-x:hidden;touch-action:pan-y}.psv-sidebar:after{content:"";position:absolute;top:0;right:0;bottom:0;width:8px;background:linear-gradient(90deg,#131d29,#131d29 7px,hsla(0,0%,100%,.12) 0,hsla(0,0%,100%,.12) 8px);pointer-events:none;z-index:15}.note-sidebar-resize-handle{position:absolute;top:0;right:-5px;bottom:0;width:10px;cursor:col-resize;z-index:20;touch-action:none}.note-sidebar-resize-handle:after{content:"";position:absolute;top:0;bottom:0;left:4px;width:2px;background:hsla(0,0%,100%,.1);opacity:0;transition:opacity .14s,background .14s}.note-sidebar-resize-handle:active:after,.note-sidebar-resize-handle:hover:after{opacity:1;background:rgba(125,211,252,.72)}.note-rail-add,.note-rail-menu{width:34px;height:34px;border-radius:12px;border:none;background:transparent;color:#7f93ab;cursor:pointer}.note-rail-add:hover,.note-rail-menu:hover{background:rgba(0,212,255,.12);color:#60e0ff}.note-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:999px;border:1px solid hsla(0,0%,100%,.1);background:transparent;color:#7a90a8;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.note-chip:hover{background:hsla(0,0%,100%,.06);color:#adc4dc}.note-chip.active{background:rgba(0,212,255,.12);border-color:rgba(0,212,255,.3);color:#60e0ff}.note-chip-label{font-size:13.5px;font-weight:500;letter-spacing:-.02em;white-space:nowrap;line-height:1}.note-chip-count{font-size:11px;font-weight:600;opacity:.65;min-width:12px;text-align:center;line-height:1;padding-top:1px}.note-list-pane{background:var(--bg);display:flex;flex-direction:column;flex:1 1;min-width:0;min-height:0;margin-right:8px;border-left:none!important;border-right:1px solid hsla(0,0%,100%,.22);box-shadow:none!important}.note-list-pane,.note-main,.note-shell,.psv-sidebar{border-left:none!important;border-right:none!important;box-shadow:none!important}.note-sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px;height:var(--note-header-height);box-sizing:border-box;margin:0;border-bottom:1px solid var(--border)}.note-sidebar-title{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--point);text-shadow:0 0 .01px currentColor,0 0 .01px currentColor}.note-sidebar-subtitle{margin-top:1px;font-size:12px;line-height:1.1;color:var(--subtext-color)}.note-sidebar-brand .psv-brand{gap:0;padding-top:0}.note-sidebar-brand-action{width:26px;height:26px;margin-top:0;margin-right:0;border-radius:999px;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease,color .15s ease}.note-sidebar-brand-action:hover{background:transparent;border-color:var(--text2);color:var(--text)}.note-list-search{padding:14px 20px 12px 12px}.note-search-row{display:flex;align-items:center;gap:8px}.note-list-search input{flex:1 1;min-width:0;height:36px;border-radius:999px;border:none;outline:none;background:#253243;color:#d7e5f9;padding:0 14px;font-size:13px}.note-list-search input::placeholder{color:#8da3bf}.note-search-menu-wrap{position:relative;flex-shrink:0}.note-search-menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:#8da3bf;cursor:pointer;border-radius:8px;transition:background .14s,color .14s}.note-search-menu-btn:hover{background:hsla(0,0%,100%,.08);color:#d7e5f9}.note-search-menu-backdrop{position:fixed;inset:0;z-index:99}.note-search-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:100;background:#1e2d3d;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;padding:4px;min-width:130px;box-shadow:0 4px 16px rgba(0,0,0,.4)}.note-search-dropdown button{display:block;width:100%;padding:8px 12px;background:none;border:none;color:#d7e5f9;font-size:13px;text-align:left;cursor:pointer;border-radius:7px;transition:background .12s}.note-search-dropdown button:hover{background:hsla(0,0%,100%,.08)}.note-list-head{padding:0 0 8px}.note-folder-tabs,.note-list-head{display:flex;align-items:center;gap:6px}.note-folder-tabs{flex-direction:row;flex:1 1;min-width:0;overflow-x:auto;scrollbar-width:none;padding:0 20px 0 12px}.note-folder-tabs::-webkit-scrollbar{display:none}.note-folder-tabs .note-rail-add{flex-shrink:0}.note-chat-list{flex:1 1;overflow-y:auto;padding:4px 20px 8px 12px}.note-chat-row{width:100%;border:none;background:transparent;display:flex;align-items:center;border-radius:10px;position:relative}.note-chat-row.active,.note-chat-row:hover{background:rgba(0,212,255,.1)}.note-chat-row-main{flex:1 1;min-width:0;border:none;background:transparent;display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;padding:9px 10px;color:#eff5ff;text-align:left;cursor:pointer}.note-row-menu-wrap{position:relative;flex-shrink:0;padding-right:6px}.note-row-menu-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;color:#8da3bf;cursor:pointer;border-radius:6px;font-size:14px;letter-spacing:1px;transition:background .12s,color .12s;opacity:0;transition:opacity .12s,background .12s}.note-chat-row.active .note-row-menu-btn,.note-chat-row:hover .note-row-menu-btn{opacity:1}.note-row-menu-btn:hover{background:hsla(0,0%,100%,.1);color:#d7e5f9}.note-row-dropdown{right:0;left:auto;top:calc(100% + 2px)}.note-search-dropdown button.danger{color:#ff7a7a}.note-search-dropdown button.danger:hover{background:rgba(255,80,80,.12)}.note-chat-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.note-chat-copy small,.note-chat-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-chat-copy strong{font-size:13px}.note-chat-copy small{font-size:11px;color:#60ccee}.note-chat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;color:#8fa7c3;font-size:11px}.note-chat-meta em{font-style:normal}.note-chat-meta b{min-width:21px;height:21px;border-radius:999px;background:rgba(94,131,178,.78);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:10px}.note-main{flex:1 1;min-width:0;min-height:0;position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border-left:1px solid hsla(0,0%,100%,.14);background:#182432}.note-main:before{display:none}.note-viewpane{min-height:0;overflow:hidden}.note-topbar{display:flex;align-items:center;gap:12px;padding:0 16px;height:var(--note-header-height);box-sizing:border-box;border-bottom:1px solid var(--border);background:#182432}.note-topbar-copy{min-width:0;flex:1 1;padding-top:2px}.note-title-count{margin-top:2px;font-size:12px;color:var(--text3);font-family:JetBrains Mono,monospace;letter-spacing:.02em}.note-title-line{display:flex;align-items:center;min-width:0;gap:6px}.note-title-folder,.note-title-separator{flex-shrink:0;font-size:15px;font-weight:600;color:rgba(130,209,255,.72);line-height:1.2}.note-title-separator{color:rgba(237,243,255,.36)}.note-composer-bar input,.note-composer-bar textarea,.note-image-caption,.note-secondary-input,.note-subtitle-input,.note-title-input{width:100%;border:none;outline:none;background:transparent;color:var(--text)}.note-title-input{min-width:0;font-size:15px;font-weight:500;color:var(--point)}.note-subtitle-input{margin-top:3px;resize:none;min-height:20px;font-size:11px;color:var(--text2)}.note-status-chip{flex-shrink:0;padding:6px 10px;border-radius:999px;border:1px solid var(--border2);background:var(--pill-bg);color:var(--text2);font-size:11px}.note-scroll{height:100%;display:flex;flex-direction:column-reverse;overflow-y:auto;padding:14px;scroll-padding-bottom:var(--note-thread-gap);opacity:0;transition:opacity .12s ease;overscroll-behavior:none;touch-action:pan-y pinch-zoom}.note-scroll.ready{opacity:1}.note-thread{display:flex;flex-direction:column-reverse;gap:8px;width:100%}.note-flow-thread{gap:18px;width:100%;padding-bottom:8px}.note-flow-note,.note-flow-thread{display:flex;flex-direction:column}.note-flow-note{gap:8px}.note-flow-note-head{display:flex;align-items:baseline;gap:10px;padding:0 10px 0 30px;color:#9fb7d9}.note-flow-note-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#70d9ff;font-size:13px;font-weight:800}.note-flow-note-head span{flex-shrink:0;font-size:11px;color:#7f94af}.note-flow-note-body{display:flex;flex-direction:column;gap:6px}.note-flow-bubble{cursor:default}.note-layout-row-wrap{display:flex;flex-direction:column;gap:6px}.note-layout-row{display:flex;align-items:flex-start;gap:10px;width:100%;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.note-layout-row::-webkit-scrollbar{display:none}.note-layout-row .note-bubble{touch-action:pan-x pan-y pinch-zoom}.note-layout-cell{display:contents}.note-col-dropzone{width:0;min-height:44px;border-radius:999px;align-self:stretch;flex:0 0;transition:width .16s ease,background .16s ease,box-shadow .16s ease}.note-bubble.dragging~.note-col-dropzone,.note-col-dropzone.active{width:10px;flex-basis:10px;background:rgba(79,134,255,.42);box-shadow:0 0 0 1px rgba(79,134,255,.35)}.note-dropzone{height:6px;border-radius:999px;transition:height .16s ease,background .16s ease,box-shadow .16s ease}.note-dropzone.active{height:16px;background:rgba(79,134,255,.42);box-shadow:0 0 0 1px rgba(79,134,255,.35)}.note-bubble{max-width:92%;width:-moz-fit-content;width:fit-content;border:1px solid var(--border2);background:var(--pill-bg);border-radius:18px;padding:8px 16px;color:var(--pill-text-dark);align-self:flex-start;scroll-margin-bottom:var(--note-thread-gap);transition:border-color .2s,background .2s,opacity .16s ease,transform .08s ease;position:relative;display:flex;align-items:flex-start;gap:5px;touch-action:pan-y pinch-zoom;-webkit-user-select:text;-moz-user-select:text;user-select:text}.note-bubble.dragging{opacity:.82;z-index:5;box-shadow:0 18px 46px rgba(0,0,0,.24)}.note-bubble.text{max-width:min(92%,860px)}.note-bubble.split{width:min(92%,760px)}.note-bubble.editing{width:min(92%,860px);min-width:min(620px,calc(100vw - 96px))}.note-drag-handle{flex:0 0 auto;align-self:flex-start;margin:2px 0 0 -6px;padding:2px;border:none;background:transparent;color:rgba(237,243,255,.38);cursor:-webkit-grab;cursor:grab;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:700;line-height:1.2;letter-spacing:0;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.note-drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing;color:rgba(237,243,255,.74)}.note-bubble-inline{display:flex;gap:6px}.note-bubble-inline,.note-bubble-inline--image{align-items:flex-start}.note-bubble-dots{flex-shrink:0;align-self:center;background:none;border:none;color:var(--text3);cursor:pointer;font-size:16px;line-height:1;padding:0 2px;opacity:0;transition:opacity .15s,color .15s;display:flex;align-items:center}.note-bubble:hover .note-bubble-dots{opacity:1}.note-bubble-dots:hover{color:var(--text)!important;opacity:1!important}.note-youtube-card{display:grid;grid-template-columns:minmax(132px,240px) minmax(150px,240px);align-items:stretch;width:-moz-fit-content;width:fit-content;max-width:min(560px,74vw);overflow:hidden;border:1px solid hsla(0,0%,100%,.12);border-radius:12px;background:rgba(6,11,18,.35);color:#edf3ff;text-decoration:none;white-space:normal;cursor:pointer}.note-youtube-thumb-wrap{position:relative;display:block;aspect-ratio:16/9;background:#0b111a}.note-youtube-thumb{display:block;width:100%;height:100%;object-fit:cover}.note-youtube-play{position:absolute;inset:50% auto auto 50%;width:42px;height:30px;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:rgba(255,0,0,.86);color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.35)}.note-youtube-meta{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:8px}.note-youtube-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:13px;line-height:1.35;font-weight:800;color:#fff}.note-youtube-author{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#9fb7d9}.note-bubble.image{padding:8px 8px 8px 16px;border-color:var(--border2);background:var(--pill-bg)}.note-image-wrap{position:relative;display:block;line-height:0}.note-image-img{display:block;border-radius:12px;cursor:zoom-in}.note-image-dots{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:999px;background:rgba(0,0,0,.52);border:1px solid hsla(0,0%,100%,.18);color:hsla(0,0%,100%,.85);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;opacity:0;transition:opacity .15s}.note-bubble:hover .note-image-dots{opacity:1}.note-image-preview-overlay{position:fixed;inset:0;background:rgba(0,0,0,.82);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out;padding:24px}.note-image-preview-img{max-width:100%;max-height:100%;border-radius:14px;box-shadow:0 24px 80px rgba(0,0,0,.6);cursor:default}.note-preview-nav{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;color:hsla(0,0%,100%,.7);font-size:48px;line-height:1;width:48px;height:64px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s;z-index:1}.note-preview-nav:hover{color:#fff}.note-preview-nav--prev{left:24px}.note-preview-nav--next{right:24px}.note-display-text{color:#edf3ff;font-size:14px;line-height:1.85;letter-spacing:-.02em;white-space:nowrap;cursor:text;padding:2px 0 4px}.note-display-text.rich{white-space:normal}.note-display-text.verse{color:#dce9ff}.note-display-text.rich p{margin:0 0 12px;white-space:pre-wrap}.note-display-text.rich p:last-child{margin-bottom:0}.note-split-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;min-width:min(640px,100%)}.note-split-panel{min-width:0;padding:2px 4px}.note-split-panel+.note-split-panel{border-left:1px solid hsla(0,0%,100%,.1);padding-left:14px}.note-split-dots{position:absolute;top:2px;right:-8px}.note-edit-area{display:block;box-sizing:border-box;width:100%;min-height:46px;margin:0;padding:0;border:none;outline:none;resize:vertical;background:transparent;color:#edf3ff;font-size:14px;line-height:1.7;letter-spacing:-.02em;font-family:inherit;font-weight:400;overflow:auto}.note-edit-area.rich{min-height:132px}.note-image-stack{display:grid;grid-gap:10px;gap:10px}.note-image-stack img{width:100%;max-height:340px;object-fit:cover;border-radius:14px}.note-image-caption{font-size:14px;color:#d8e4f9;line-height:1.7;white-space:pre-wrap}.note-empty,.note-error{padding:18px;border-radius:16px;border:1px solid var(--border2);background:var(--pill-bg);color:var(--text2)}.note-error{margin-bottom:12px;color:#ffb8c6}.note-composer-wrap{flex-shrink:0;padding:8px 10px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:linear-gradient(180deg,rgba(23,33,43,.74),rgba(23,33,43,.98))}.note-type-row{display:flex;align-items:center;gap:6px;overflow-x:auto;margin-bottom:8px}.note-type-row button{border:1px solid var(--border2);background:var(--pill-bg);color:var(--text2);border-radius:999px;padding:6px 10px;cursor:pointer;flex-shrink:0}.note-type-row button.active{border-color:var(--point);color:var(--point)}.note-composer-bar{display:flex;align-items:flex-end;gap:8px;padding:0 12px;min-height:46px;border:1px solid var(--point);border-radius:12px;background:var(--input-bg)}.note-composer-bar input,.note-composer-bar textarea{font-size:13px;color:#eaf1ff}.note-composer-bar textarea{min-height:44px;max-height:164px;padding:12px 0;resize:vertical;overflow-y:auto;line-height:1.55;font-family:inherit;white-space:pre-wrap}.note-composer-bar input::placeholder,.note-composer-bar textarea::placeholder{color:rgba(234,241,255,.45)}.note-secondary-input{max-width:180px}.note-send-btn,.note-upload-btn{flex-shrink:0;border-radius:9px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.08);color:#eff4ff;padding:6px 10px;cursor:pointer;font-size:11px}.note-send-btn{background:hsla(0,0%,100%,.14)}.note-sidebar-avatar{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:15px;font-weight:800;background:linear-gradient(135deg,#4a90d9,#5c6bc0)}.note-confirm-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.42);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center}.note-confirm-box{width:min(320px,calc(100vw - 24px));border-radius:18px;border:1px solid hsla(0,0%,100%,.08);background:#16202d;box-shadow:0 24px 60px rgba(0,0,0,.35);padding:18px}.note-prompt-box{width:min(520px,calc(100vw - 48px));min-width:280px;border-radius:14px;border:1px solid var(--border2);background:#16202d;box-shadow:0 20px 60px rgba(0,0,0,.6);padding:22px 22px 18px}.note-prompt-title{font-size:14px;font-weight:700;color:var(--text);line-height:1.3;margin-bottom:14px}.note-prompt-input{width:100%;height:44px;margin-top:0;padding:9px 12px;border-radius:8px;border:1px solid var(--border2);background:var(--surface2);color:var(--text);font-size:13px;outline:none;font-family:Noto Sans KR,sans-serif;transition:border-color .18s ease}.note-prompt-input::placeholder{color:var(--text3)}.note-prompt-input:focus{border-color:var(--point)}.note-confirm-title{font-size:16px;font-weight:800;color:#f3f8ff}.note-confirm-copy{margin-top:6px;font-size:12px;color:#8ea2bc;line-height:1.6}.note-confirm-actions{margin-top:16px;display:flex;justify-content:flex-end;gap:8px}.note-edit-folder-section{margin-top:14px}.note-edit-folder-label{font-size:11px;color:#8da3bf;margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}.note-edit-folder-pills{display:flex;flex-wrap:wrap;gap:6px}.note-edit-folder-pill{padding:6px 14px;border-radius:999px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.05);color:#aabdd6;font-size:13px;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.note-edit-folder-pill:hover{background:rgba(0,212,255,.12);border-color:rgba(0,212,255,.4);color:#80e8ff}.note-edit-folder-pill.active{background:rgba(0,212,255,.18);border-color:#00d4ff;color:#fff;font-weight:600}.note-edit-modal-actions{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:8px}.note-edit-modal-right{display:flex;gap:8px}.note-confirm-cancel,.note-confirm-delete{height:34px;padding:0 14px;border-radius:999px;cursor:pointer}.note-confirm-cancel{border:1px solid hsla(0,0%,100%,.08);background:transparent;color:#90a6c1}.note-confirm-delete{border:1px solid rgba(255,87,87,.22);background:rgba(255,87,87,.12);color:#ffb4b4}.note-prompt-confirm{height:34px;padding:0 14px;border-radius:7px;border:none;background:var(--surface2);color:var(--text3);cursor:pointer;font-size:12px;font-weight:600;font-family:Noto Sans KR,sans-serif}.note-prompt-confirm:disabled{cursor:default}.note-prompt-confirm:not(:disabled){background:var(--point);color:var(--point-fg)}@media (max-width:768px){.note-topbar{padding-left:10px}.note-main:before{display:none}.psv-sidebar{width:100%;min-width:0;position:fixed;inset:0 auto 0 0;max-width:400px;z-index:500;transform:translateX(-100%);transition:transform .24s ease}.note-sidebar-resize-handle{display:none}.psv-sidebar--open{transform:translateX(0)}.note-bubble{max-width:100%}.note-bubble.split{width:100%}.note-split-grid{grid-template-columns:1fr;min-width:0}.note-split-panel+.note-split-panel{border-left:0;border-top:1px solid hsla(0,0%,100%,.1);padding-left:4px;padding-top:12px}.note-sidebar-brand{padding-top:18px}.note-composer-bar{height:auto;min-height:56px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}.note-secondary-input{max-width:none}}.note-auth-btn{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1.5px solid hsla(0,0%,100%,.18);background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.7);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.note-auth-btn:hover{background:hsla(0,0%,100%,.14);color:#fff;border-color:hsla(0,0%,100%,.35)}.note-auth-btn:disabled{opacity:.4;cursor:not-allowed}.note-sample-notice{display:flex;align-items:center;gap:7px;padding:8px 16px;background:hsla(0,0%,100%,.04);border-top:1px solid hsla(0,0%,100%,.07);color:hsla(0,0%,100%,.45);font-size:12px;flex-shrink:0}