:root{color-scheme:light;font-family:Inter,Pretendard,Noto Sans KR,Segoe UI,sans-serif;font-synthesis:none;--bg: #f7f7f5;--surface: #ffffff;--surface-2: #f1f1ef;--border: #e2e2de;--text: #222321;--muted: #6d706a;--subtle: #989b94;--hover: #ecece8;--accent: #247a5a;--accent-soft: #e1f1e9;--danger: #bd4038;--shadow: 0 14px 42px rgb(31 35 31 / 15%);background:var(--bg);color:var(--text)}:root[data-theme=dark]{color-scheme:dark;--bg: #171816;--surface: #20211f;--surface-2: #292a27;--border: #373934;--text: #f0f1ed;--muted: #aeb1a8;--subtle: #7f837a;--hover: #30322e;--accent: #63b892;--accent-soft: #203c31;--danger: #ef776f;--shadow: 0 18px 50px rgb(0 0 0 / 38%)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:var(--bg);color:var(--text);letter-spacing:0}button,input{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{min-height:100vh}.workspace{min-height:100vh;padding-left:252px}.workspace__main{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:26px 0 80px}.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:6px;background:transparent;cursor:pointer}.icon-button:hover{background:var(--hover)}.icon-button.danger{color:var(--danger)}.primary-button,.secondary-button{min-height:38px;padding:0 16px;border-radius:6px;border:1px solid var(--border);font-weight:650;cursor:pointer}.primary-button{border-color:var(--accent);background:var(--accent);color:#fff}.secondary-button{background:var(--surface)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:252px;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--surface)}.sidebar__brand{display:flex;align-items:center;gap:10px;min-height:64px;padding:0 18px;font-size:17px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--accent)}.sidebar__close{display:none;margin-left:auto}.sidebar__nav{display:grid;gap:3px;padding:8px 10px}.sidebar__nav button,.sidebar__footer button{display:flex;align-items:center;gap:11px;min-height:38px;padding:0 11px;border:0;border-radius:6px;background:transparent;color:var(--muted);text-align:left;cursor:pointer}.sidebar__nav button:hover,.sidebar__nav button.is-active,.sidebar__footer button:hover{background:var(--hover);color:var(--text)}.sidebar__nav button.is-active{box-shadow:inset 3px 0 var(--accent)}.sidebar__section-title{display:flex;align-items:center;justify-content:space-between;padding:18px 15px 4px 21px;color:var(--subtle);font-size:11px;font-weight:750;text-transform:uppercase}.sidebar__label-form{display:grid;gap:5px;margin:6px 10px;padding:5px 7px;border:1px solid var(--border);border-radius:6px}.sidebar__label-name{display:flex;align-items:center;gap:7px}.sidebar__label-form input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text)}.sidebar__label-form button{border:0;background:transparent;color:var(--accent);cursor:pointer}.sidebar__labels{min-height:0;overflow-y:auto}.sidebar__footer{display:grid;gap:2px;margin-top:auto;padding:10px;border-top:1px solid var(--border)}.sidebar-backdrop{display:none}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;height:64px;padding:0 22px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 91%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar__menu{display:none}.topbar__search{display:flex;align-items:center;gap:10px;width:min(720px,100%);height:40px;padding:0 12px;border:1px solid transparent;border-radius:7px;background:var(--surface-2);color:var(--muted)}.topbar__search:focus-within{border-color:var(--accent);background:var(--surface)}.topbar__search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text)}.sync-badge{display:inline-flex;align-items:center;gap:4px;color:var(--subtle);font-size:11px;white-space:nowrap}.avatar{display:grid;place-items:center;width:32px;height:32px;margin-left:auto;border-radius:50%;background:#2f4a3d;color:#fff;font-size:10px;font-weight:750}.composer{display:flex;align-items:center;gap:5px;width:min(680px,100%);height:50px;margin:0 auto 16px;padding:0 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 3px 12px #24262314}.composer__plus{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:6px;background:var(--accent-soft);color:var(--accent);cursor:pointer}.composer input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:var(--text)}.filters{display:flex;align-items:center;gap:7px;min-height:38px;margin:0 0 20px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter-colors{display:flex;gap:5px}.filter-colors button,.color-menu button,.editor-color-picker button{width:22px;height:22px;padding:0;border:2px solid var(--surface);border-radius:50%;background:var(--card-color);box-shadow:0 0 0 1px var(--border);cursor:pointer}.filter-colors button.is-active,.color-menu button.is-active,.editor-color-picker button.is-active{box-shadow:0 0 0 2px var(--text)}[data-color=neutral]{--card-color: #a7aaa3;--card-accent: #9c9f98}[data-color=yellow]{--card-color: #dfbd35;--card-accent: #d4ad13}[data-color=blue]{--card-color: #5791bc;--card-accent: #397eae}[data-color=red]{--card-color: #d56c64;--card-accent: #c3534b}[data-color=purple]{--card-color: #9772b1;--card-accent: #82599f}.filter-divider{width:1px;height:20px;flex:none;background:var(--border)}.filter-chip{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 9px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--muted);font-size:12px;cursor:pointer;white-space:nowrap}.filter-chip.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.filter-colors .filter-chip,.editor-color-picker button{width:auto;height:30px;padding:0 9px;border:1px solid var(--border);border-radius:6px;background:var(--surface);box-shadow:none;color:var(--muted);font-size:12px}.filter-colors .filter-chip.is-active,.editor-color-picker button.is-active{border-color:var(--accent);background:var(--accent-soft);box-shadow:none;color:var(--accent)}.label-chip{background:var(--surface-2)}.board{display:grid;gap:30px}.board-section>h2{margin:0 0 10px 2px;color:var(--subtle);font-size:11px;font-weight:750;text-transform:uppercase}.masonry{columns:5 210px;column-gap:12px}.masonry [role=listitem]{break-inside:avoid;padding-bottom:12px}.note-card{position:relative;overflow:hidden;border:1px solid var(--border);border-left:5px solid var(--card-accent);border-radius:7px;background:var(--surface);transition:box-shadow .16s ease,transform .16s ease}.note-card:hover{box-shadow:0 7px 22px #1f221f1f;transform:translateY(-1px)}.note-card.is-selected{box-shadow:0 0 0 2px var(--accent)}.note-card__surface{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.note-card__cover{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-bottom:1px solid var(--border)}.note-card__content{position:relative;max-height:330px;overflow:hidden;padding:13px 13px 11px}.note-card__title-row{display:flex;align-items:flex-start;gap:8px}.note-card h3{min-width:0;flex:1;margin:0;overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px;line-height:1.35}.note-card p{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.55;white-space:pre-wrap}.note-card__fade{position:absolute;inset:auto 0 0;height:28px;background:linear-gradient(transparent,var(--surface));pointer-events:none}.note-card__meta{position:relative;z-index:1;display:flex;align-items:center;gap:6px;margin-top:12px;color:var(--subtle)}.note-card__meta span{max-width:84px;overflow:hidden;padding:2px 5px;border:1px solid var(--border);border-radius:4px;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.note-card__meta .label-chip{display:inline-flex;align-items:center;gap:4px}.checklist-progress{color:var(--card-accent);font-weight:700}.note-card__select{position:absolute;top:6px;left:6px;display:grid;place-items:center;width:23px;height:23px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--surface);opacity:0;cursor:pointer}.note-card:hover .note-card__select,.note-card.is-selected .note-card__select{opacity:1}.empty-state{display:grid;place-items:center;min-height:50vh;color:var(--subtle);text-align:center}.empty-state__mark{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--border);border-left:5px solid var(--accent);border-radius:7px;background:var(--surface);color:var(--accent);font-weight:800}.bulk-toolbar{position:fixed;top:10px;left:calc(252px + 50%);z-index:80;display:flex;align-items:center;gap:5px;width:min(520px,calc(100vw - 290px));min-height:46px;padding:5px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);transform:translate(-50%)}.bulk-toolbar>span{flex:1}.toolbar-menu{position:relative}.toolbar-menu>summary{display:grid;place-items:center;width:36px;height:36px;border-radius:6px;cursor:pointer;list-style:none}.toolbar-menu>summary:hover{background:var(--hover)}.toolbar-menu>summary::-webkit-details-marker{display:none}.color-menu,.label-menu{position:absolute;top:43px;right:0;z-index:100;display:flex;gap:7px;padding:10px;border:1px solid var(--border);border-radius:7px;background:var(--surface);box-shadow:var(--shadow)}.label-menu{display:grid;min-width:190px;max-height:250px;overflow-y:auto}.label-menu button{display:grid;grid-template-columns:16px 1fr;align-items:center;gap:7px;padding:7px;border:0;border-radius:5px;background:transparent;text-align:left;cursor:pointer}.label-menu button:hover{background:var(--hover)}.label-menu p{margin:6px;color:var(--subtle);font-size:12px}.editor-layer,.dialog-layer{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:28px}.editor-loading{position:fixed;inset:0;z-index:89;display:grid;place-items:center;background:#14161359;color:#fff;font-size:12px}.editor-backdrop,.dialog-layer:before{position:absolute;inset:0;border:0;background:#1416137a;content:"";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.editor-dialog{position:relative;display:flex;width:min(780px,100%);height:min(780px,calc(100vh - 56px));flex-direction:column;overflow:hidden;border:1px solid var(--border);border-left:5px solid var(--card-accent);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.editor-toolbar{display:flex;align-items:center;min-height:50px;padding:5px 8px;border-bottom:1px solid var(--border)}.editor-toolbar__spacer{flex:1}.editor-color-picker{display:flex;flex:none;gap:5px;padding:0 6px}.editor-toolbar__back{display:none}.editor-scroll{min-height:0;flex:1;overflow-y:auto;padding:26px 38px 70px}.editor-title{display:block;width:100%;min-height:1.45em;margin-bottom:14px;padding:0;border:0;outline:0;resize:none;overflow-y:hidden;background:transparent;color:var(--text);font:inherit;font-size:clamp(22px,3vw,32px);font-weight:750;line-height:1.35}.deck-editor .bn-container{font-family:inherit}.deck-editor .bn-editor{padding-inline:0;background:transparent;color:var(--text)}.editor-status{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-height:34px;padding:0 12px;border-top:1px solid var(--border);color:var(--subtle);font-size:10px}.editor-status span{margin-right:auto}.history-panel{position:absolute;inset:50px 0 34px auto;z-index:20;width:min(310px,84%);overflow-y:auto;border-left:1px solid var(--border);background:var(--surface);box-shadow:-12px 0 28px #00000014}.history-panel__head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 12px;border-bottom:1px solid var(--border);background:var(--surface)}.history-panel__empty{padding:16px;color:var(--subtle);font-size:12px}.history-row{display:flex;align-items:center;gap:10px;padding:11px 12px;border-bottom:1px solid var(--border)}.history-row>div{min-width:0;flex:1}.history-row strong,.history-row span{display:block;font-size:11px}.history-row span{margin-top:3px;color:var(--subtle)}.embed-wrap,.youtube-block{position:relative;width:100%}.bookmark-block{display:grid;grid-template-columns:minmax(0,1fr) 150px;overflow:hidden;border:1px solid var(--border);border-radius:7px;color:inherit;text-decoration:none}.bookmark-block__copy{min-width:0;padding:13px}.bookmark-block__copy strong,.bookmark-block__copy p{display:block;overflow:hidden;text-overflow:ellipsis}.bookmark-block__copy p{margin:6px 0;color:var(--muted);font-size:11px}.bookmark-block__copy span{display:flex;align-items:center;gap:5px;color:var(--subtle);font-size:10px}.bookmark-block__copy span img{width:14px;height:14px}.bookmark-block__image{width:150px;height:110px;object-fit:cover}.embed-edit{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:5px;background:#141414a6;color:#fff;opacity:0;cursor:pointer}.embed-wrap:hover .embed-edit,.youtube-block:hover .embed-edit{opacity:1}.embed-input{display:flex;flex-wrap:wrap;gap:7px;padding:12px;border:1px dashed var(--border);border-radius:7px}.embed-input input{min-width:160px;flex:1;height:34px;padding:0 9px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--text)}.embed-input button{padding:0 11px;border:0;border-radius:5px;background:var(--text);color:var(--surface);cursor:pointer}.embed-input p{width:100%;margin:0;color:var(--danger);font-size:10px}.youtube-block{aspect-ratio:16 / 9;overflow:hidden;border-radius:7px;background:#000}.youtube-block iframe{width:100%;height:100%;border:0}.conflict-dialog{position:relative;width:min(720px,100%);max-height:calc(100vh - 56px);overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.conflict-dialog>header{display:flex;align-items:center;gap:12px;min-height:62px;padding:10px 14px;border-bottom:1px solid var(--border)}.conflict-dialog>header>div{min-width:0;flex:1}.conflict-dialog>header strong,.conflict-dialog>header span{display:block}.conflict-dialog>header span{margin-top:2px;color:var(--muted);font-size:11px}.conflict-list{max-height:60vh;overflow-y:auto;padding:14px}.conflict-list section{padding:12px 0;border-bottom:1px solid var(--border)}.conflict-copy{display:grid;grid-template-columns:1fr 1fr;gap:10px}.conflict-copy>div{padding:10px;border:1px solid var(--border);border-radius:6px}.conflict-copy span{color:var(--subtle);font-size:10px;text-transform:uppercase}.conflict-copy p{margin:6px 0 0;font-size:12px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);margin-top:8px;overflow:hidden;border:1px solid var(--border);border-radius:6px}.segmented button{min-height:32px;border:0;border-right:1px solid var(--border);background:var(--surface);cursor:pointer}.segmented button:last-child{border-right:0}.segmented button.is-active{background:var(--accent-soft);color:var(--accent)}.conflict-dialog>footer{display:flex;justify-content:flex-end;gap:8px;padding:11px 14px;border-top:1px solid var(--border)}.error-banner,.notice-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;padding:9px 11px;border:1px solid #d7a7a3;border-radius:6px;background:color-mix(in srgb,var(--danger) 8%,var(--surface));color:var(--danger);font-size:12px}.notice-banner{border-color:var(--border);background:var(--accent-soft);color:var(--accent)}.error-banner button,.notice-banner button{border:0;background:transparent;color:inherit;cursor:pointer}.loading-grid{columns:4 220px;column-gap:12px}.loading-grid span{display:block;height:150px;margin-bottom:12px;break-inside:avoid;border:1px solid var(--border);border-radius:7px;background:linear-gradient(100deg,var(--surface) 20%,var(--surface-2) 45%,var(--surface) 70%);background-size:220% 100%;animation:shimmer 1.4s infinite}.loading-grid span:nth-child(2){height:230px}.loading-grid span:nth-child(3){height:180px}.auth-screen{display:grid;min-height:100vh;place-items:center;background:var(--bg)}.auth-panel{width:min(360px,calc(100% - 32px));padding:28px;border-left:5px solid var(--accent);background:var(--surface);box-shadow:var(--shadow)}.auth-panel h1{margin:18px 0 4px;font-size:28px}.auth-panel p{margin:0 0 24px;color:var(--muted);font-size:13px}.deck-pulse{color:var(--accent);animation:pulse 1.2s infinite}.spin{animation:spin .8s linear infinite}@keyframes shimmer{to{background-position:-220% 0}}@keyframes pulse{50%{opacity:.35;transform:scale(.94)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:860px){.workspace{padding-left:0}.sidebar{transform:translate(-105%);transition:transform .18s ease}.sidebar.is-open{transform:translate(0)}.sidebar__close{display:inline-grid}.sidebar-backdrop{position:fixed;inset:0;z-index:39;display:block;border:0;background:#1416137a}.topbar{padding:0 10px}.topbar__menu{display:inline-grid}.workspace__main{width:min(100% - 24px,720px);padding-top:16px}.masonry{columns:2 150px;column-gap:9px}.masonry [role=listitem]{padding-bottom:9px}.bulk-toolbar{top:8px;left:50%;width:calc(100vw - 16px)}.editor-layer{padding:0}.editor-backdrop{display:none}.editor-dialog{width:100%;height:100dvh;border:0;border-left:5px solid var(--card-accent);border-radius:0}.editor-toolbar__back{display:inline-grid}.editor-toolbar__close{display:none}.editor-scroll{padding:22px 18px 90px}.bookmark-block{grid-template-columns:minmax(0,1fr) 100px}.bookmark-block__image{width:100px}}@media(max-width:480px){.topbar__search{height:38px}.avatar,.topbar>.icon-button:last-of-type{display:none}.composer{height:46px}.composer .icon-button:last-child{display:none}.filter-chip span{display:none}.note-card__content{padding:11px 10px 9px}.note-card h3{font-size:13px}.note-card p{font-size:11px}.editor-toolbar{overflow-x:auto}.editor-title{font-size:25px}.conflict-copy{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}