@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif;color:#283c35;background:#f8f9f6;font-synthesis:none;font-size:16px;--green: #254c43;--muted: #7d8880;--line: #e1e6df;--serif: "Noto Serif JP", serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #ba963f;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #7d9e8e;outline-offset:2px}a{color:inherit;text-decoration:none}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}button{border:0;background:none}button .icon{pointer-events:none}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:#f0f3ed;border-right:1px solid var(--line);padding:38px 24px 20px;z-index:3}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-weight:700;font-size:22px;letter-spacing:.03em;white-space:nowrap}.brand-symbol{display:grid;place-items:center;color:#e5d6ac;background:var(--green);width:39px;height:43px;border-radius:10px}.brand-symbol .icon{width:23px;height:26px}.brand small{display:block;font:8px/2.5 sans-serif;letter-spacing:1.65px;color:#778579}.sidebar-content{flex:1}.nav-label{font:10px/1.5 sans-serif;font-weight:600;letter-spacing:2px;color:#8e998c;margin:59px 14px 18px}.nav-button{display:flex;align-items:center;gap:12px;width:100%;height:49px;padding:0 14px;font-size:14px;border-radius:7px;margin-bottom:8px;color:#6c796f;white-space:nowrap}.nav-button.active{background:#dfe8db;color:#294d3f;font-weight:600}.nav-button:hover{background:#e6ece1}.nav-button .icon{width:19px}.nav-count{margin-left:auto;font-size:12px;background:#fff8;border-radius:4px;min-width:22px;padding:2px 4px}.sidebar-note{margin:68px 15px 0;border-top:1px solid #dce3d7;padding-top:28px;color:#8d9a85}.sidebar-note>.icon{width:19px}.sidebar-note p{font-family:var(--serif);font-size:13px;line-height:2.1;letter-spacing:.06em;color:#71816e}.storage-note{display:flex;align-items:center;gap:9px;border-top:1px solid #dce3d7;padding-top:22px;font-size:11px;color:#6a7869}.storage-note>.icon{width:17px}.storage-note small{display:block;font-size:10px;color:#96a091;margin-top:5px}.storage-note .icon-button{margin-left:auto;width:28px;min-width:28px}.storage-note .icon-button .icon{width:15px}.workspace{margin-left:246px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:87px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px;background:#fcfdfb}.breadcrumb{display:flex;align-items:center;gap:16px;min-width:0;font-size:12px;color:#869086;white-space:nowrap}.breadcrumb strong{font-weight:500;color:#4f6054;overflow:hidden;text-overflow:ellipsis}.breadcrumb>span{color:#c4cbc0}.topbar-right{display:flex;align-items:center;gap:24px;flex-shrink:0}.private-label{font-size:11px;display:flex;align-items:center;gap:6px;color:#869180}.private-label .icon{width:14px}.avatar{display:grid;place-items:center;width:34px;height:34px;background:#e7ecdf;color:#7d8d65;border-radius:50%}.avatar .icon{width:17px}main{width:100%;max-width:1510px;margin:0 auto;padding:49px 48px 40px;flex:1}.heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:34px}.eyebrow{font-family:Arial,sans-serif;font-weight:500;letter-spacing:2.4px;font-size:10px;color:#839079}.heading h1{font-family:var(--serif);font-size:34px;letter-spacing:.065em;font-weight:600;margin:13px 0;line-height:1.5}.heading-dot{color:#bd9b52;margin-left:5px}.heading p{font-size:13px;color:#8a9288;margin:0;letter-spacing:.03em}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 20px;border-radius:6px;font-size:13px;font-weight:500;line-height:1.5;white-space:nowrap;transition:background .18s,transform .18s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--green);color:#fff;box-shadow:0 3px 7px #183b3210}.button.primary:hover{background:#193f36}.button.secondary{border:1px solid #dbe1d7;background:#fff;color:#4c6052}.button.secondary:hover{background:#f1f5ec}.button .icon{width:18px;height:18px}.heading>.button{margin-top:18px}.library-summary{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 14px;background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:42px}.library-summary>div{display:flex;align-items:center;justify-content:center;gap:11px;padding:4px 14px;border-right:1px solid var(--line)}.library-summary>div:last-child{border:0}.library-summary .icon{color:#8a9b80;width:19px;height:19px}.library-summary>div>span{font-size:12px;color:#7b8578}.library-summary strong{margin-left:10px;font-family:Georgia,serif;font-weight:400;font-size:28px;color:#405b45;white-space:nowrap}.library-summary small{font:11px Noto Sans JP,sans-serif;color:#8c9587;margin-left:7px}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.collection-toolbar h2{font-size:15px;font-weight:500;display:flex;align-items:center;gap:10px;white-space:nowrap;margin:0}.collection-toolbar h2>.icon{width:18px;color:#667b60}.count-pill{font-family:Arial,sans-serif;font-size:11px;display:inline-flex;justify-content:center;align-items:center;height:21px;min-width:23px;background:#eaf0e4;border-radius:5px;color:#6e7f62;padding:0 6px}.collection-controls{display:flex;align-items:center;gap:12px}.search-box{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:0 11px;height:40px;width:235px}.search-box .icon{width:17px;color:#88917e}.search-box input{border:0;min-width:0;width:100%;font-size:12px;background:transparent;height:36px;color:#384c3b}.search-box input:focus{outline:0}.search-box:focus-within{outline:2px solid #90a386}.search-box input::placeholder{color:#939b90}select{border:1px solid var(--line);border-radius:6px;min-height:40px;padding:0 26px 0 12px;color:#707c69;background:#fff;font-size:12px;max-width:100%}.empty-shelf{position:relative;min-height:390px;padding:48px 25px 26px;border:1px solid #dde5d7;border-radius:9px;text-align:center;background:radial-gradient(ellipse at 50% 15%,#f1f4e8,#fbfcf8 57%);overflow:hidden}.empty-emblem{display:flex;align-items:center;justify-content:center;margin:0 auto 26px;width:72px;height:72px;border-radius:50%;background:#e9eedf;position:relative;color:#6f8763}.empty-emblem>.icon{width:34px;height:34px;stroke-width:1.15}.empty-emblem>span{position:absolute;right:-5px;bottom:0;background:#fafbf7;border-radius:50%;width:27px;height:27px;border:1px solid #dce4d3;display:grid;place-items:center}.empty-emblem>span>.icon{width:15px}.empty-shelf .eyebrow{font-size:9px;letter-spacing:2.1px;color:#8d9b7b}.empty-shelf h2{font-family:var(--serif);font-size:23px;font-weight:500;letter-spacing:.08em;margin:13px 0 16px}.empty-shelf p{color:#8c9686;font-size:13px;line-height:2.1;margin:0 0 22px}.empty-shelf .button{min-height:44px;font-size:12px}.first-steps{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:34px;font-size:11px;color:#8c9782}.first-steps b{font-family:Georgia,serif;font-size:13px;font-weight:400;margin-right:8px;color:#9aac8d}.first-steps i{width:25px;height:1px;background:#dbe3d3}.quiet-tip{display:flex;align-items:center;gap:17px;margin-top:25px;padding:18px 23px;border:1px solid #e7e9df;border-radius:7px;background:#f3f4eb}.quiet-tip>.icon{color:#a1a479;width:20px}.quiet-tip p{font-size:12px;color:#7c866c;margin:0;line-height:1.9}.quiet-tip p span{display:block;font-size:11px;color:#a0a58e}footer{margin:0 48px;padding:21px 0;display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);font-size:10px;color:#9da792}footer>span:first-child{font-family:var(--serif);letter-spacing:.13em}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.book-card{text-align:left;min-width:0;padding:0;transition:transform .2s}.book-card:hover{transform:translateY(-4px)}.book-cover{padding:23px 23px 21px 30px;aspect-ratio:1/.94;border-radius:3px 9px 9px 3px;display:flex;flex-direction:column;position:relative;color:#fff1cf;box-shadow:inset 6px 0 #0002,inset 8px 0 #ffffff0d,0 5px 9px #233c3011;overflow:hidden}.forest{background:#31594d}.ochre{background:#b69454}.slate{background:#627e89}.rose{background:#a46f70}.ink{background:#364b66}.olive{background:#7f8958}.cover-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff9df9c}.cover-top span{font:7px/1.7 Arial,sans-serif;letter-spacing:1.5px}.cover-top .icon{width:16px;height:21px;stroke-width:1.2}.cover-title{font:500 23px/1.65 var(--serif);letter-spacing:.06em;margin:auto 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;padding:10px 0}.cover-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #fff3;padding-top:13px;color:#fff9df9c;font-size:9px;letter-spacing:.15em}.cover-bottom .icon{width:17px}.book-info{padding:15px 3px 6px}.book-info h3{margin:0 0 10px;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-info>div{display:flex;justify-content:space-between;gap:5px;font-size:11px;color:#8a9584}.book-info .icon{width:13px;height:13px;margin-right:4px}.add-book-card{border:1px dashed #ced8c5;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;gap:13px;background:#f1f4ed80;color:#7f9075}.add-book-card:hover{background:#eaf0e4}.add-book-card>span{border:1px solid #d5dfcc;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;margin-bottom:4px}.add-book-card strong{font-size:13px;font-weight:400}.add-book-card small{font-size:11px;color:#9ca791}.back-link{display:flex;align-items:center;gap:8px;font-size:12px;padding:0;min-height:32px;color:#849079;margin-top:-18px;margin-bottom:24px}.back-link .icon{width:16px}.book-heading{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding-bottom:30px;margin-bottom:28px}.mini-cover{width:73px;height:94px;border-radius:3px 6px 6px 3px;box-shadow:inset 5px 0 #0002;display:grid;place-items:center;flex-shrink:0;color:#fff3d0}.mini-cover .icon{width:29px;height:37px;stroke-width:1}.book-heading-text{min-width:0;flex:1}.book-heading h1{font-family:var(--serif);font-size:27px;font-weight:500;line-height:1.65;margin:7px 0;overflow-wrap:anywhere}.book-heading p{font-size:12px;color:#86927d;margin:0}.book-heading p span{padding:0 10px}.book-actions{display:flex;align-self:flex-start}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:6px;color:#7b8874}.icon-button:hover{background:#e9eee3}.icon-button .icon{width:19px;height:19px}.upload-actions{display:flex;gap:10px}.upload-hint{font-size:11px;line-height:1.9;color:#919d85;margin-top:-8px;margin-bottom:25px}.empty-state{text-align:center;padding:65px 24px;background:#f6f8f1;border:1px dashed #d6dfcd;border-radius:8px}.empty-state>.icon{width:38px;height:38px;color:#9aae8c;margin-bottom:15px;stroke-width:1.1}.empty-state h2,.empty-state h3{font-family:var(--serif);font-weight:500;line-height:1.8;font-size:20px;overflow-wrap:anywhere}.empty-state p{font-size:13px;line-height:2;color:#8a9680}.empty-state .button{margin-top:12px}.empty-state small{display:block;color:#9aa58e;font-size:11px;margin-top:22px}.page-collection{border-radius:8px}.page-collection.dragover{outline:3px dashed #94a67a;outline-offset:10px;background:#e8efde}.page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.page-card{text-align:left;padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;min-width:0;transition:transform .2s,box-shadow .2s}.page-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #233c3012}.page-photo{position:relative;aspect-ratio:1/.95;background:#e9eae3;overflow:hidden}.page-photo img{width:100%;height:100%;object-fit:contain;display:block}.mark-badge{position:absolute;left:9px;top:9px;padding:4px 7px;border-radius:4px;background:#fffdf4ed;color:#6e815c;font-size:9px}.mark-badge .icon{width:12px;height:12px}.open-page{position:absolute;inset:auto 0 0;background:#254c43df;color:#fff;padding:13px;text-align:center;font-size:12px;opacity:0;transition:opacity .2s}.page-card:hover .open-page,.page-card:focus-visible .open-page{opacity:1}.open-page .icon{width:15px}.page-info{padding:15px 16px}.page-info h3{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 12px;font-weight:500}.page-date{display:flex;align-items:center;gap:6px;font-size:11px;color:#8b9780}.page-date .icon{width:13px;height:13px}.page-date span{margin-left:auto;font-size:10px}.page-info p{font-size:12px;line-height:1.9;margin:10px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;min-height:45px;white-space:pre-wrap}.page-info .no-note{color:#a6ae9e}.filter-tabs{display:flex;gap:24px}.filter-tabs button{padding:14px 0;font-size:13px;color:#919a88;border-bottom:2px solid transparent}.filter-tabs button.selected{border-color:var(--green);color:var(--green)}.filter-tabs span{font-size:11px;background:#eaf0e4;padding:3px 6px;border-radius:4px;margin-left:5px}.sort-caption{font-size:11px;color:#919a88}.total-badge{font:36px Georgia,serif}.total-badge span{font:12px Noto Sans JP,sans-serif;margin-left:10px;color:#919a88}dialog{color:inherit;border:1px solid #e0e5d9;padding:30px;border-radius:12px;box-shadow:0 25px 100px #15302433;max-height:90dvh;background:#fbfcf9}dialog::backdrop{background:#1d302b70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.small-dialog{width:470px;max-width:calc(100% - 32px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-top:-10px}.dialog-top .icon-button{margin-right:-10px}dialog h2{font-family:var(--serif);font-size:24px;font-weight:500;margin:13px 0;overflow-wrap:anywhere}.dialog-description{font-size:13px;color:#819073;line-height:1.9;margin:10px 0 25px;overflow-wrap:anywhere}.field-label{font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;margin:24px 0 12px}.field-label>span{font-size:10px;color:#a09474;font-weight:400}.text-input{width:100%;border:1px solid #d5decd;border-radius:6px;padding:13px;font-size:16px;background:#fff;color:#324d38}.text-input::placeholder{font-size:13px;color:#a5ae9c}.color-options{display:flex;gap:13px;flex-wrap:wrap}.color-option{width:38px;height:38px;border-radius:50%;color:#fff}.color-option .icon{opacity:0;width:18px}.color-option.selected{outline:2px solid #7a8e6b;outline-offset:4px}.color-option.selected .icon{opacity:1}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:34px}.danger{background:#a34d47;color:#fff}.danger:hover{background:#8c3934}.danger-text{color:#a7776c}.notice{font-size:13px;line-height:2;background:#f1eee1;border-radius:7px;padding:18px;color:#8c815f}.editor-dialog{width:1160px;max-width:calc(100vw - 48px);height:850px;max-height:92dvh;padding:0;overflow:hidden}.editor-dialog[open]{display:flex;flex-direction:column}.editor-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 27px;border-bottom:1px solid var(--line);flex-shrink:0}.editor-header>div{min-width:0}.editor-header h2{font-size:19px;margin:6px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-header .eyebrow{font-size:9px}.editor-body{display:grid;grid-template-columns:minmax(0,1fr) 290px;min-height:0;flex:1}.image-editor{display:flex;flex-direction:column;min-width:0;min-height:0;background:#edf0e8}.drawing-toolbar{display:flex;justify-content:center;align-items:center;gap:14px;padding:10px 12px;border-bottom:1px solid #dce3d6;background:#f7f9f2;flex-shrink:0;flex-wrap:wrap}.tool-group{display:flex;align-items:center;gap:5px}.tool-group+.tool-group{border-left:1px solid #dce3d6;padding-left:12px}.tool-button{height:37px;padding:8px;display:flex;align-items:center;gap:5px;color:#87937b;font-size:11px;border-radius:5px}.tool-button.selected{background:#dce7d3;color:#436936}.tool-button .icon{width:17px;height:17px}.ink-color{width:27px;height:27px;border-radius:50%;color:#fff;border:3px solid #f7f9f2}.ink-color .icon{display:none;width:15px;height:15px}.ink-color.selected{outline:1px solid #869776}.ink-color.selected .icon{display:block}.ink-0{background:#e4b72b}.ink-1{background:#d75e63}.ink-2{background:#398c7a}.ink-3{background:#466fba}.drawing-toolbar .icon-button{width:32px;min-width:32px;height:36px}.canvas-area{padding:24px;min-height:0;overflow:auto;flex:1;display:flex;align-items:flex-start;justify-content:center}.canvas-wrap{position:relative;max-width:100%;line-height:0;width:fit-content;box-shadow:0 4px 18px #263f3017}.canvas-wrap img{display:block;max-width:100%;max-height:530px;width:auto;height:auto;pointer-events:none}.canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.canvas-caption{font-size:10px;text-align:center;color:#87977c;padding:13px;flex-shrink:0}.canvas-caption .icon{width:12px;height:12px;margin-right:5px}.editor-notes{padding:26px 24px;display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--line)}.saved-date{display:flex;gap:10px;align-items:center;color:#8a967f;font-size:11px;padding-bottom:23px;border-bottom:1px solid var(--line)}.saved-date>.icon{width:18px}.saved-date strong{display:block;font:17px/1.5 Georgia,serif;color:#506847;margin-top:5px}.editor-notes .field-label{font-size:13px;margin-top:27px}.editor-notes .field-label .icon{width:17px;color:#8b9c7c}.editor-notes textarea{width:100%;resize:none;min-height:150px;flex:1;border:1px solid #dce3d3;background:#fff;border-radius:6px;padding:14px;font-size:14px;line-height:2;color:#43543a}.editor-notes textarea::placeholder{color:#abb2a2;font-size:12px}#note-count{text-align:right;font-size:10px;color:#a1ab93;margin-top:9px}.note-hint{font-family:var(--serif);font-size:12px;line-height:2;color:#95a084;display:flex;gap:12px;align-items:center;margin-top:28px}.note-hint .icon{width:17px;color:#9dac8c}.editor-footer{padding:15px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0}.editor-footer>div{display:flex;align-items:center;gap:16px}.text-button{font-size:12px;padding:10px 5px}.save-status{font-size:11px;color:#89977c}#toast{position:fixed;bottom:28px;left:calc(50% + 123px);transform:translate(-50%,15px);max-width:calc(100vw - 36px);width:max-content;background:#294a3f;color:#fff;padding:14px 23px;border-radius:8px;font-size:13px;line-height:1.8;box-shadow:0 5px 25px #10291b22;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%)}.startup-error{margin:10vh auto;text-align:center;max-width:600px}.startup-error>.icon{width:50px;height:50px}.startup-error h1{font-size:26px}.startup-error p{line-height:2;color:#819073}@media(min-width:1550px){.book-grid,.page-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1180px){.sidebar{width:210px;padding:30px 18px 20px}.brand{font-size:20px;gap:9px}.brand small{font-size:7px;letter-spacing:1.4px}.workspace{margin-left:210px}.topbar{padding:0 32px}main{padding:40px 32px}footer{margin:0 32px}.library-summary{padding:19px 7px}.library-summary>div{gap:8px;padding:3px 10px;flex-wrap:wrap}.library-summary>div>span{font-size:11px}.library-summary strong{font-size:25px;margin-left:0}.book-grid,.page-grid{gap:18px}.cover-title{font-size:19px}.book-cover{padding:18px 18px 18px 24px}.cover-top span{font-size:6px}.search-box{width:205px}.collection-controls{gap:8px}.editor-body{grid-template-columns:minmax(0,1fr) 260px}.drawing-toolbar{gap:6px}.tool-group+.tool-group{padding-left:6px}.tool-button span{display:none}#toast{left:calc(50% + 105px)}}@media(max-width:900px){.sidebar{width:188px;padding:29px 14px 18px}.brand{font-size:17px;gap:8px}.brand-symbol{width:31px;height:37px}.brand small{font-size:6px;letter-spacing:1.1px}.workspace{margin-left:188px}.topbar{height:74px;padding:0 24px}.topbar-right{gap:10px}.private-label{display:none}main{padding:33px 24px}.heading h1{font-size:28px}.heading p{font-size:11px}.heading>.button{font-size:12px;padding:12px 14px}.heading{gap:16px}.library-summary{margin-bottom:30px;padding:15px 2px}.library-summary>div{gap:5px}.library-summary .icon{width:16px}.library-summary strong{width:100%;text-align:center;font-size:27px}.collection-toolbar{align-items:flex-start;flex-wrap:wrap}.collection-controls{width:100%}.search-box{flex:1;width:auto}.book-grid,.page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.cover-title{font-size:22px}.cover-top span{font-size:7px}.empty-shelf{padding:36px 16px 25px}.empty-shelf h2{font-size:20px}.empty-shelf p{font-size:12px}.first-steps{gap:10px;font-size:10px}.first-steps i{width:12px}.quiet-tip{padding:16px}.quiet-tip p{font-size:11px}.quiet-tip p span{font-size:10px}.storage-note{font-size:10px;gap:6px}.storage-note small{font-size:9px}.storage-note .icon-button{width:23px;min-width:23px}.storage-note>.icon{width:15px}.book-heading{gap:16px}.book-heading h1{font-size:23px}.book-actions{flex-direction:column}.book-heading p{font-size:11px}.mini-cover{width:60px;height:81px}.editor-body{grid-template-columns:minmax(0,1fr) 230px}.editor-notes{padding:22px 18px}.drawing-toolbar{gap:10px}.tool-button span{display:inline}.tool-group+.tool-group{padding-left:0;border-left:0}.editor-dialog{max-width:calc(100vw - 30px)}footer{margin:0 24px}#toast{left:calc(50% + 94px)}}@media(max-width:620px){.sidebar{position:relative;width:100%;padding:18px 20px 0;border-right:0;border-bottom:1px solid var(--line);background:#f0f3ed}.brand{font-size:21px;gap:10px}.brand-symbol{width:33px;height:39px}.brand small{font-size:7px;letter-spacing:1.6px}.sidebar-content{display:flex;gap:12px;margin-top:18px}.nav-label,.sidebar-note,.storage-note{display:none}.nav-button{height:44px;font-size:13px;justify-content:center;margin:0;border-radius:6px 6px 0 0;padding:0 11px;gap:8px}.nav-button.active{border-bottom:2px solid var(--green)}.nav-count{margin-left:3px;font-size:10px;min-width:19px}.nav-button .icon{width:17px}.workspace{margin-left:0}.topbar{height:50px;padding:0 22px;background:#fcfdfb}.breadcrumb{font-size:10px;gap:10px}.avatar{width:25px;height:25px}.avatar .icon{width:13px}main{padding:30px 21px 28px}.heading{display:block;margin-bottom:25px}.heading h1{font-size:29px;margin:9px 0 11px}.eyebrow{font-size:9px;letter-spacing:2px}.heading p{font-size:11px;line-height:1.8}.heading>.button{margin-top:22px;width:100%;min-height:46px;font-size:13px}.library-summary{padding:16px 1px;margin-bottom:29px;border-radius:7px}.library-summary>div{padding:0 5px;gap:4px}.library-summary .icon{display:none}.library-summary>div>span{font-size:10px}.library-summary strong{font-size:26px}.library-summary small{font-size:9px;margin-left:3px}.collection-toolbar{gap:17px;margin-bottom:18px}.collection-toolbar h2{font-size:14px}.collection-controls{gap:8px}.search-box{height:44px;min-width:0;padding:0 9px;gap:6px}.search-box input{font-size:12px}.search-box .icon{width:15px}select{font-size:11px;min-height:44px;width:112px;padding-left:9px;padding-right:10px}.empty-shelf{padding:32px 14px 25px;min-height:370px}.empty-emblem{width:64px;height:64px;margin-bottom:21px}.empty-shelf h2{font-size:18px;letter-spacing:.03em}.empty-shelf p{font-size:11px;line-height:2.1}.empty-shelf .button{font-size:12px;min-height:46px}.first-steps{gap:8px;margin-top:30px;font-size:9px}.first-steps b{font-size:11px;margin-right:4px}.first-steps i{width:9px}.quiet-tip{gap:11px;padding:14px 13px;margin-top:19px;align-items:flex-start}.quiet-tip>.icon{width:16px;margin-top:2px}.quiet-tip p{font-size:10px}.quiet-tip p span{font-size:9px}footer{margin:0 21px;font-size:9px;padding:20px 0}.book-grid{gap:21px 14px}.book-cover{padding:14px 13px 13px 19px;aspect-ratio:1/1.2}.cover-top span{font-size:5px;letter-spacing:1px}.cover-top .icon{width:12px}.cover-title{font-size:17px;line-height:1.75}.cover-bottom{font-size:7px;letter-spacing:1px;padding-top:10px}.cover-bottom .icon{width:13px}.book-info{padding-top:12px}.book-info h3{font-size:12px;margin-bottom:8px}.book-info>div{font-size:9px;flex-wrap:wrap;gap:7px}.book-info .icon{width:11px}.add-book-card{min-height:230px;gap:11px}.add-book-card strong{font-size:11px}.add-book-card small{font-size:9px}.add-book-card>span{width:34px;height:34px}.add-book-card>span .icon{width:17px}.back-link{margin-top:-13px;margin-bottom:19px;min-height:44px}.book-heading{gap:14px;position:relative;padding-right:0;align-items:flex-start;padding-bottom:23px;margin-bottom:23px}.mini-cover{width:48px;height:67px}.mini-cover .icon{width:23px}.book-heading-text{padding-right:30px}.book-heading h1{font-size:20px;line-height:1.6;margin:7px 0 10px}.book-heading p{font-size:10px;line-height:1.8}.book-heading p span{padding:0 5px}.book-actions{position:absolute;right:-9px;top:-10px}.book-actions .icon-button{height:40px;width:35px;min-width:35px}.book-actions .icon{width:16px}.upload-actions{width:100%;gap:9px}.upload-actions .button{flex:1;padding:12px 10px;font-size:12px;min-height:46px}.upload-hint{font-size:10px;line-height:1.9;margin-bottom:20px}.empty-state{padding:38px 18px}.empty-state h2,.empty-state h3{font-size:18px}.empty-state p{font-size:12px}.empty-state small{font-size:10px}.page-grid{gap:17px 13px}.page-info{padding:12px 10px}.page-date{font-size:9px;gap:4px}.page-date .icon{width:11px}.page-date span{display:none}.page-info p{font-size:11px;min-height:42px}.page-info h3{font-size:11px}.mark-badge{font-size:8px;left:5px;top:5px;padding:3px 5px}.mark-badge .icon{width:10px}.filter-tabs{gap:17px}.filter-tabs button{font-size:12px;min-height:44px}.sort-caption{font-size:10px;padding-top:14px}.total-badge{margin-top:20px;font-size:29px}.small-dialog{padding:24px 21px}.small-dialog h2{font-size:22px}.dialog-description{font-size:12px}.dialog-footer{gap:8px}.dialog-footer .button{font-size:12px;padding:12px 14px;min-height:46px}.color-option{width:40px;height:40px}.color-options{gap:10px}.editor-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;border:0;margin:0}.editor-header{padding:15px 18px;gap:10px}.editor-header h2{font-size:17px}.editor-header .icon-button{height:44px;width:44px}.editor-body{display:block;overflow-y:auto;flex:1}.image-editor{min-height:380px}.drawing-toolbar{gap:10px;justify-content:space-between;padding:9px 13px}.tool-button{height:44px;width:36px;justify-content:center}.tool-button span{display:none}.tool-group{gap:5px}.drawing-toolbar .icon-button{height:44px;width:33px;min-width:33px}.ink-color{width:30px;height:38px;border-radius:15px;border-top:7px solid #f7f9f2;border-bottom:7px solid #f7f9f2}.ink-color.selected{outline-offset:-2px}.ink-colors{gap:2px}.canvas-area{padding:20px;overflow:visible}.canvas-wrap img{max-height:440px}.canvas-caption{font-size:9px;padding:10px}.editor-notes{padding:21px 21px 25px;border-left:0;border-top:1px solid var(--line)}.saved-date{padding-bottom:17px;font-size:10px}.saved-date strong{font-size:16px}.editor-notes .field-label{margin-top:20px}.editor-notes textarea{height:170px;min-height:170px;font-size:16px;flex:auto}.editor-notes textarea::placeholder{font-size:12px}.note-hint{display:none}.editor-footer{padding:12px 16px;gap:6px}.editor-footer>.text-button{font-size:10px;min-height:44px;gap:6px}.editor-footer>.text-button .icon{width:15px}.editor-footer>div{gap:8px}.save-status{font-size:9px}.editor-footer .primary{font-size:12px;padding:12px;min-height:44px}.editor-footer .primary .icon{width:16px}#toast{left:50%;bottom:20px;font-size:12px;padding:12px 18px}.field-label{font-size:14px}.notice{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.heading p,.button,.collection-toolbar h2,.nav-button,.field-label,.dialog-description,.notice,.page-info p,.empty-shelf p,.empty-state p{font-size:14px}.eyebrow,.nav-label,.brand small,.breadcrumb,.private-label,.library-summary>div>span,.library-summary small,.count-pill,.book-info>div,.page-date,.upload-hint,.quiet-tip p,.quiet-tip p span,.canvas-caption,.save-status,.sort-caption,.note-hint,.saved-date,.storage-note,.storage-note small,.first-steps,.empty-state small,#note-count{font-size:12px}.search-box input,select,.filter-tabs button{font-size:14px}.empty-shelf .eyebrow{font-size:11px}.brand small{font-size:8px}.library-summary>div{gap:8px;padding-left:8px;padding-right:8px}.library-summary strong{margin-left:4px}.dialog-description{line-height:1.9}.editor-notes textarea{font-size:16px}.tool-button{font-size:12px}.footer-storage{font-size:12px;padding:0 0 0 14px;color:#77846b;min-height:32px}.book-info h3,.empty-shelf .button{font-size:14px}.footer-storage:hover{text-decoration:underline}.color-option{width:40px;height:40px}@media(max-width:1180px){.library-summary>div{gap:7px}.brand small{font-size:7px}.search-box{width:215px}.sidebar{padding-left:14px;padding-right:14px}.storage-note{flex-wrap:wrap}.storage-note small{font-size:10px}.storage-note{font-size:11px}}@media(max-width:900px){.brand small{font-size:6px}.search-box{width:auto}.heading{flex-wrap:wrap}.heading>.button{margin-top:0}.sidebar .nav-button{font-size:13px;gap:8px}.sidebar .nav-button .icon{width:17px}.library-summary>div>span{font-size:11px}.book-info>div{font-size:11px}.page-date{font-size:11px}.first-steps{gap:10px;font-size:11px}.collection-toolbar h2,.editor-notes .field-label{font-size:14px}.note-hint{font-size:12px}.dialog-description{font-size:14px}.quiet-tip p span{font-size:12px}}@media(max-width:620px){.heading>.button{margin-top:20px}.heading p{font-size:13px}.eyebrow{font-size:10px}.breadcrumb{font-size:11px}.brand small{font-size:7px}.library-summary>div>span{font-size:10px}.library-summary small{font-size:10px}.library-summary strong{margin-left:0}.collection-controls select{width:117px;font-size:12px}.search-box input{font-size:13px}.empty-shelf h2{font-size:19px}.empty-shelf p{font-size:12px}.empty-shelf .button{font-size:13px}.first-steps{font-size:10px;gap:5px}.first-steps b{font-size:12px}.first-steps i{width:8px}.quiet-tip p,.quiet-tip p span{font-size:12px}.quiet-tip{padding:15px 12px}.book-info h3{font-size:13px}.book-info>div{font-size:11px}.upload-hint{font-size:12px}.upload-actions .button{font-size:14px}.page-grid{grid-template-columns:1fr}.page-photo{aspect-ratio:1/.9}.page-info{padding:16px}.page-info p{font-size:14px;min-height:0}.page-date{font-size:12px}.page-date span{display:inline;font-size:11px}.mark-badge{font-size:11px;padding:6px 8px}.page-info h3{font-size:14px}.editor-footer .primary{font-size:13px}.editor-footer>div{gap:6px}.save-status{font-size:10px}.editor-footer>.text-button{font-size:11px}.editor-footer>.text-button span{max-width:48px;white-space:normal}.drawing-toolbar{gap:4px;padding:9px 10px}.drawing-toolbar .icon-button,.tool-button{min-width:40px;width:40px;height:44px}.ink-color{width:32px;height:42px}.canvas-caption{font-size:11px}.editor-notes textarea::placeholder{font-size:14px}.text-input::placeholder{font-size:14px}.small-dialog .dialog-description,.notice{font-size:14px}.empty-state small{font-size:12px}.canvas-wrap img{max-height:440px}.filter-tabs button{font-size:13px}.sort-caption{font-size:11px}.footer-storage{min-height:44px}.add-book-card strong{font-size:13px}.add-book-card small{font-size:11px}}.canvas-wrap{width:100%;max-width:640px;flex-shrink:0}.canvas-wrap img{width:100%;height:auto;max-height:none}