:root{--ink:#23352d;--muted:#536159;--line:#85948a;--primary:#1b7050;--green:#1b7050;--navy:#1c2578;--gold:#d4aa37;background:#e4e4e4;color:var(--ink);font-family:Arial,"Noto Sans KR",sans-serif}
@font-face{font-family:DoNoteWordmark;src:url("assets/donote-wordmark.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}.topbar .paper-brand{font-family:DoNoteWordmark,sans-serif;font-weight:600;letter-spacing:-.8px}
body,.shell{background:#e4e4e4;color:var(--ink)}button{background:var(--primary);color:#fff;border-radius:12px}button.ghost,button.secondary{background:#fffdf7;color:var(--navy);border-color:#85948a}button.admin-button{background:var(--navy)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:var(--navy)}
.topbar{background:#1b7050;border-color:#124d36;padding:6px 20px}.topbar h1{color:#fff;font-size:32px;font-weight:800;letter-spacing:-1px;margin:0;line-height:1.25}.topbar .ghost{background:transparent;color:#fff;border:0}.topbar .user-badge,.topbar .usage{color:#fff}
.paper-brand{display:flex;gap:12px;align-items:center}.paper-icon{display:inline-flex;width:23px;height:23px;flex:none;align-items:center;justify-content:center}.paper-icon svg{display:block;width:100%;height:100%}
.paper-brand-image{display:block;width:48px;height:48px;object-fit:contain;flex:none}.paper-empty-logo{display:block;width:88px;height:88px;object-fit:contain;margin:0 auto 16px}#emptyState{text-align:center}
#noteFavoriteFilter,#noteSettingsBtn{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}#notePinBtn,#noteMetaBtn,#noteEditorBack{display:flex;align-items:center;justify-content:center;min-width:42px;min-height:42px}
.sidebar{background:#e4e4e4;border-color:#85948a;padding:14px}.note-folder-tools select{background:#fffdf7;border-color:#85948a}.search,#noteTitleDetails input{min-height:38px;box-sizing:border-box;line-height:1.5;padding:7px 11px}.side-head h2{font-size:22px;font-weight:800;color:#1b7050}#newWorkListBtn{background:#1c2578}
.note-list-row{margin:10px 0;gap:0;position:relative;border-radius:16px;background:#fffdf7;box-shadow:0 3px 9px #23352d1b;border:1px solid #85948a;overflow:hidden}.note-list-row .note-card{border:0;border-radius:0;padding:17px 12px 17px 30px;background:#fffdf7;box-shadow:none;min-height:120px}.note-list-row::before{content:"";position:absolute;left:17px;top:12px;bottom:12px;border-left:1px solid #d4aa37;pointer-events:none;z-index:1}.note-card strong{font-size:18px;font-weight:750;color:#23352d;line-height:1.5}.note-card span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#536159;line-height:24px;white-space:pre-line;font-size:14px}.note-card small{color:#1b7050;font-weight:600}.note-card.active{box-shadow:inset 0 0 0 2px #1c2578}.note-row-menu{background:transparent!important;border:0!important;color:#1c2578!important;min-width:37px;padding:6px!important}
.note-card[data-color=green],#contentInput[data-color=green],.paper-preview[data-color=green],.paper-swatch[data-color=green]{background-color:#dcebdf}.note-card[data-color=blue],#contentInput[data-color=blue],.paper-preview[data-color=blue],.paper-swatch[data-color=blue]{background-color:#dee5f3}.note-card[data-color=yellow],#contentInput[data-color=yellow],.paper-preview[data-color=yellow],.paper-swatch[data-color=yellow]{background-color:#ffeab2}.note-card[data-color=pink],#contentInput[data-color=pink],.paper-preview[data-color=pink],.paper-swatch[data-color=pink]{background-color:#f1dae2}.note-card[data-color=gray],#contentInput[data-color=gray],.paper-preview[data-color=gray],.paper-swatch[data-color=gray]{background-color:#e2e2e2}.note-card[data-color=default],#contentInput[data-color=default],.paper-preview[data-color=default],.paper-swatch[data-color=default]{background-color:#fffdf7}
.note-card[data-paper=ruled]{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 23px,#1b70501e 23px,#1b70501e 24px);background-origin:content-box}.note-card[data-color]{border-left:0}
.note-list-row{margin:6px 0;border-radius:13px}.note-list-row .note-card{min-height:52px;padding:12px 9px 12px 24px;display:flex;align-items:center}.note-list-row::before{left:12px}.note-card strong{display:block;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.55}.note-card span,.note-card small{display:none}.note-card[data-paper=ruled]{background-image:none}
.editor{background:#fffdf7}.note-editor-head{background:#1b7050;border-color:#124d36;padding:10px}.note-editor-head .ghost,.note-title-toggle{color:#fff;background:transparent;border:0}.note-editor-head>button:last-child{background:#fffdf7;color:#1b7050;font-weight:750}.note-title-toggle{align-items:center;font-size:18px}.note-meta-row{background:#e3e8e2;border-bottom:1px solid #85948a;gap:6px}.note-meta-row .ghost{background:transparent!important;color:#1c2578!important;border:0!important}.note-meta-row .file-button{background:transparent;color:#1c2578;font-size:13px;display:flex;align-items:center;min-height:42px;padding:0 6px}.note-meta-row #noteFolderPicker{display:flex;align-items:center;gap:7px;font-size:13px;max-width:55%}#noteAttachmentIcon{display:flex;align-items:center;gap:4px}.note-meta-row .selected{background:#f4e4b8!important;color:#1c2578!important}
#noteTitleDetails{background:#e3e8e2;color:#23352d;border-color:#85948a}#contentInput{color:#23352d;background-color:#fffdf7;font-family:Arial,"Noto Sans KR",sans-serif;font-size:17px;line-height:30px;padding:16px 20px}#contentInput::placeholder{color:#536159}#contentInput[data-paper=ruled]{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,#1b70503b 29px,#1b70503b 30px);background-origin:content-box;background-attachment:local}.paper-preview{padding:12px;border:1px solid #85948a;border-radius:10px;min-height:68px;box-sizing:border-box;line-height:22px;color:#23352d}.paper-preview[data-paper=ruled]{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 21px,#1b70503b 21px,#1b70503b 22px);background-origin:content-box}
dialog{background:#fffdf7;border:1px solid #85948a;padding:0;border-radius:22px;color:#23352d;max-width:min(440px,94vw);width:390px}dialog::backdrop{background:#12291fb3}dialog>.note-dialog-head{background:#1b7050;color:#fff;top:0;margin:0 0 16px;padding:15px 18px;border:0}.note-dialog-head h2{color:#fff;font-size:21px}.note-dialog-head .ghost{color:#fff;background:transparent;border:0}.note-settings-actions,#noteFolderChoices,#noteActionsChoices{padding:0 18px 18px;gap:10px}#noteFolderForm{margin:0;padding:14px 18px;background:#e6e9e5}#noteFolderName{background:#fff;color:#23352d;border-color:#85948a}.paper-dialog-section{padding:0 20px 16px;margin-bottom:16px;border-bottom:1px solid #b4bdb7}.paper-dialog-section h3{margin:0 0 10px;color:#23352d;font-size:16px}.paper-dialog-footer{padding:14px 18px;background:#e6e9e5}.paper-color-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.paper-color-chips button{display:flex;flex-direction:column;align-items:center;gap:5px;background:transparent;border:0;color:#23352d;font-size:12px;padding:6px}.paper-swatch{width:34px;height:34px;border-radius:12px;border:1px solid #85948a;box-sizing:border-box}.paper-color-chips .selected .paper-swatch{border:3px solid #1c2578;box-shadow:0 0 0 2px #fffdf7,0 0 0 3px #1c2578}.paper-format-choices{display:flex;gap:10px;margin:10px 0 14px}.paper-format-choices button{display:flex;align-items:center;gap:7px;background:#fffdf7;color:#1c2578;border:1px solid #85948a}.paper-format-choices .selected{background:#1b7050;color:#fff;border-color:#1b7050}
.auth-card,.admin-card{background:#fffdf7;border-color:#85948a}.admin-head{background:#e4e4e4}.role-admin{color:#1c2578}.status{color:#1b7050}.viewer{background:#e3e8e2}#noteWorkEditor{background:#fffdf7}.work-table th{background:#c9dfd2;color:#10452f}.sheet-tabs button{background:#e3e8e2;color:#1c2578}
#noteKeyboardBtn{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;color:white;background:transparent;border:0}.paper-attachment-tab{display:flex;align-items:center;gap:9px;flex:none;width:100%;min-height:48px;border-radius:0;border-top:1px solid #85948a;background:#e3e8e2;color:#1c2578;text-align:left;padding:10px 16px}.paper-attachment-label{flex:1}.paper-attachment-count{background:#1c2578;color:white;padding:3px 8px;font-size:12px;border-radius:7px}#attachmentList{background:#fffdf7;max-height:180px;padding:0;overflow:auto}.paper-attachment-row{display:flex;align-items:center;gap:11px;width:100%;border-radius:0;background:#fffdf7;color:#23352d;padding:8px 14px;text-align:left;border-bottom:1px solid #d8e3dc}.paper-attachment-thumb{display:flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;border:1px solid #85948a;border-radius:10px;background:white;overflow:hidden}.paper-attachment-thumb img{display:block;width:100%;height:100%;object-fit:contain}.paper-attachment-thumb [hidden]{display:none}.paper-file-badge{display:flex;flex-direction:column;align-items:center;color:#1c2578}.paper-file-badge small{font-size:8px;line-height:1.3}.paper-attachment-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.paper-attachment-info>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:500}.paper-attachment-info small{color:#536159;font-size:12px}.viewer-head{align-items:center;gap:8px}#noteViewerBack{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}
@media(max-width:720px){.topbar{padding:6px 16px}.topbar h1{font-size:29px}.paper-brand{gap:9px}.sidebar{max-height:none}.note-writing .editor{background:#fffdf7}.note-meta-row{gap:1px}#noteFolderPicker{max-width:48%}.note-meta-row .file-button{font-size:12px}.note-editor-head{padding:8px}}
@media(max-width:720px){.paper-viewing .editor{display:none}.paper-viewing .workspace{display:flex;height:100dvh}.paper-viewing .viewer{display:flex!important;flex:1;height:100dvh;border-radius:0}.paper-viewing .viewer-head{background:#1b7050;color:white;padding:10px}.paper-viewing .viewer-head h2{color:white;font-size:18px}.paper-viewing .viewer-head .ghost{background:transparent;border:0;color:white}}