.wall{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:30px}.banner{background:#1a1a2e;color:#f0b847;font-family:Permanent Marker,cursive;font-size:2.8rem;text-align:center;padding:18px 40px;margin-bottom:30px;border-radius:4px;box-shadow:4px 4px #0006,0 0 0 3px #f0b847;letter-spacing:2px;position:relative;transform:rotate(-.3deg)}.banner>span:not([data-kaomoji]){color:#fff;font-size:1.4rem;display:block;margin-top:4px;font-family:Kalam,cursive;letter-spacing:1px}.pin{width:18px;height:18px;border-radius:50%;position:absolute;top:-9px;box-shadow:0 2px 4px #00000080,inset 0 1px 2px #ffffff4d}.pin.red{background:radial-gradient(circle at 35% 35%,#ff6b6b,#c0392b);left:40px}.pin.blue{background:radial-gradient(circle at 35% 35%,#74b9ff,#2980b9);right:40px}.pin.yellow{background:radial-gradient(circle at 35% 35%,#ffeaa7,#f39c12);left:50%}.stats-bar{display:flex;gap:16px;margin:24px 0;justify-content:center;flex-wrap:wrap}.stat-card{background:#1a1a2e;color:#f0b847;padding:12px 20px;border-radius:4px;font-family:Fredoka,sans-serif;font-size:1.15rem;font-weight:600;text-align:center;box-shadow:3px 3px #0006;min-width:120px;transition:transform .15s,box-shadow .15s}.stat-card:hover{transform:scale(1.03);box-shadow:4px 4px #00000080}.stat-card>span:not(.stat-kao){display:block;font-family:Kalam,cursive;font-size:.85rem;color:#aaa;margin-top:2px}.stat-kao{font-size:.9rem}.creep-stat{cursor:pointer;transition:transform .15s,box-shadow .15s}.creep-stat:hover{transform:scale(1.05);box-shadow:0 0 12px #c0392b4d}.creep-sign{max-width:480px;width:100%;transform:rotate(.4deg)}.creep-frame{background:linear-gradient(135deg,gold,#fc0,#f0b847);border:3px solid #222;border-radius:6px;padding:20px 28px 16px;position:relative;overflow:hidden;box-shadow:4px 4px 12px #0006,inset 0 1px #fff6,inset 0 -2px 4px #0000001a;text-align:center}.creep-bolt{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ddd,#888);box-shadow:inset 0 1px 2px #0006,0 1px 1px #fff3}.creep-bolt.tl{top:8px;left:8px}.creep-bolt.tr{top:8px;right:8px}.creep-bolt.bl{bottom:8px;left:8px}.creep-bolt.br{bottom:8px;right:8px}.creep-header{font-family:Fredoka,sans-serif;font-size:.75rem;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:2px;margin-bottom:4px}.creep-icon{display:block;font-size:1.4rem;margin-bottom:4px}.creep-counter{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:4px 0}.creep-number{font-family:Permanent Marker,cursive;font-size:4rem;color:#c0392b;line-height:1;text-shadow:2px 2px 0 rgba(0,0,0,.1)}.creep-unit{font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:1px}.creep-subtext{font-family:Fredoka,sans-serif;font-size:.85rem;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:3px;margin-bottom:10px}.creep-gate{font-family:Kalam,cursive;font-size:.72rem;color:#555;background:#00000014;padding:4px 10px;border-radius:3px;margin-bottom:8px;line-height:1.3}.creep-mood{font-family:Kalam,cursive;font-size:.78rem;color:#555;margin-top:8px;font-style:italic}.creep-frame .modal-close{position:absolute;top:10px;right:10px;background:#00000026;z-index:5}.creep-frame .modal-close:hover{background:#c0392b99}.creep-receipt{background:#fdfcf8;margin:10px -12px 0;padding:14px 18px;border-top:2px dashed rgba(0,0,0,.15);font-family:SF Mono,Consolas,monospace;font-size:.68rem;color:#333;text-align:left;border-radius:0;border-collapse:collapse;width:calc(100% + 24px);table-layout:fixed;box-sizing:border-box}.creep-receipt-header{text-align:center;font-weight:700;letter-spacing:2px;font-size:.72rem;padding-bottom:6px}.creep-receipt-row td,.creep-receipt-row th{padding:2px 0;font-size:.68rem;font-family:SF Mono,Consolas,monospace}.creep-receipt-row td:last-child,.creep-receipt-row th:last-child{text-align:right;font-weight:600}.creep-receipt tbody td:last-child{white-space:nowrap}.creep-receipt-row td:first-child{width:75%;word-break:break-word}.creep-receipt thead th{border-bottom:1px dashed #ccc;padding-bottom:4px}.creep-receipt tfoot td{border-top:1px dashed #ccc;padding-top:4px}.creep-total td{font-weight:700;color:#c0392b}.creep-receipt-tear{height:12px;margin:0 -12px -8px;background:linear-gradient(135deg,transparent 33.33%,#fdfcf8 33.33%,#fdfcf8 66.66%,transparent 66.66%),linear-gradient(225deg,transparent 33.33%,#fdfcf8 33.33%,#fdfcf8 66.66%,transparent 66.66%);background-size:12px 12px}.creep-plus{pointer-events:none}.creep-val[contenteditable=true]{min-width:1.2em;display:inline-block;text-align:center}.creep-row-del{background:none;border:none;color:#c0392b;cursor:pointer;font-family:SF Mono,Consolas,monospace;font-size:.62rem;font-weight:700;padding:0 4px 0 0;opacity:.7;transition:opacity .15s}.creep-row-del:hover{opacity:1}.creep-add-row td{padding-top:6px!important}.creep-row-add{background:none;border:1px dashed rgba(0,0,0,.2);color:#666;cursor:pointer;font-family:SF Mono,Consolas,monospace;font-size:.62rem;letter-spacing:1px;padding:4px 10px;width:100%;text-align:center;transition:background .15s,color .15s,border-color .15s}.creep-row-add:hover{background:#27ae601a;color:#27ae60;border-color:#27ae6066}.creep-actions{display:flex;gap:0;width:calc(100% + 24px);margin:12px -12px -8px}.creep-edit{border:none;background:#34495e;color:#fff;font-family:Fredoka,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background .15s;border-radius:0 0 0 3px;opacity:0;width:0;overflow:hidden;padding:10px 0;transition:opacity .2s,width .2s,padding .2s,background .15s}.creep-actions:hover .creep-edit,.creep-edit:focus{opacity:1;width:auto;padding:10px 12px}.creep-edit:hover{background:#2c3e50}.creep-edit.editing{opacity:1;width:auto;padding:10px 12px;background:#27ae60}.creep-edit.editing:hover{background:#229954}.creep-generate{display:block;flex:1;padding:10px 16px;border:none;background:#c0392b;color:#fff;font-family:Fredoka,sans-serif;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:background .15s,transform .1s;border-radius:0 0 3px 3px}.creep-edit+.creep-generate{border-radius:0 0 3px}.creep-generate:hover{background:#a93226;transform:scale(1.01)}.creep-generate:active{transform:scale(.98)}.creep-generate.generating{background:#7f8c8d;cursor:wait;pointer-events:none}.creep-frame [contenteditable=true]{outline:1px dashed rgba(39,174,96,.5);outline-offset:2px;border-radius:2px;cursor:text}@media(max-width:430px){.creep-sign{max-width:calc(100vw - 16px)}.creep-frame{padding:14px 12px 10px}.creep-number{font-size:3rem}.creep-header{font-size:.65rem;letter-spacing:1px}.creep-subtext{font-size:.72rem;letter-spacing:2px}.creep-gate{font-size:.65rem;padding:4px 6px}.creep-receipt{font-size:.6rem;margin:10px -12px 0;padding:10px 12px}.creep-generate{font-size:.68rem;letter-spacing:1px}.creep-edit{opacity:1;width:auto;padding:10px}}.qotd-wrap{margin:0 0 28px}.qotd-label{font-family:Permanent Marker,cursive;font-size:1.2rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:10px;letter-spacing:1px}.qotd-card{background:linear-gradient(135deg,#fffef0,#fff9d6);border-radius:3px;padding:24px 28px 20px;position:relative;box-shadow:4px 4px 12px #00000059,inset 0 -3px 6px #0000000f;min-height:80px;border-left:5px solid #F0B847}.qotd-card:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%) rotate(-1deg);width:80px;height:22px;background:#ffffc880;border-top:1px solid rgba(200,200,100,.3);border-bottom:1px solid rgba(200,200,100,.3)}.qotd-card:after{content:"";position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 18px 18px;border-color:transparent transparent rgba(0,0,0,.08) transparent}.qotd-loading{font-family:Kalam,cursive;font-size:1.1rem;color:#888;font-style:italic}.qotd-text{font-family:Kalam,cursive;font-size:1.15rem;line-height:1.65;color:#1a1a1a;margin:0 0 14px;border:none;padding:0;white-space:pre-wrap;word-break:break-word}.qotd-text:before{content:"“";font-size:2.5rem;line-height:0;vertical-align:-.5rem;color:#f0b847;margin-right:3px;font-family:Georgia,serif}.qotd-text:after{content:"”";font-size:2.5rem;line-height:0;vertical-align:-.5rem;color:#f0b847;margin-left:3px;font-family:Georgia,serif}.qotd-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px dashed rgba(0,0,0,.15);padding-top:10px}.qotd-book{font-family:Patrick Hand,cursive;font-size:.9rem;font-weight:700;color:#2c2c2c;font-style:italic;background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#f0b847;transition:color .15s}.qotd-book:hover{color:#8b6914;text-decoration-style:solid}.qotd-author{font-family:Patrick Hand,cursive;font-size:.85rem;color:#555}.qotd-author:before{content:"— "}.qotd-date{font-family:Patrick Hand,cursive;font-size:.75rem;color:#999;margin-left:auto;background:#0000000f;padding:1px 7px;border-radius:3px}.columns{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;align-items:start}.column-header{font-family:Fredoka,sans-serif;font-size:1.25rem;font-weight:600;color:#fff;text-align:center;margin-bottom:14px;text-shadow:2px 2px 4px rgba(0,0,0,.6);padding:8px;background:#00000040;border-radius:4px;letter-spacing:.5px}.sticky{padding:14px 16px;border-radius:3px;margin-bottom:14px;position:relative;box-shadow:3px 3px 8px #0000004d,inset 0 -2px 4px #00000014;font-family:Kalam,cursive;font-size:.95rem;line-height:1.4;color:#2c2c2c;transition:transform .2s cubic-bezier(.34,1.56,.64,1);cursor:default}.sticky:hover{transform:scale(1.03) rotate(0)!important;z-index:10}.archive-overflow{display:block;width:100%;margin-top:8px;padding:8px 12px;background:#8b691440;border:1px dashed rgba(255,255,255,.25);border-radius:6px;color:#e8d5a3;font-family:Kalam,cursive;font-size:.9rem;cursor:pointer;transition:background .15s,border-color .15s;text-align:center}.archive-overflow:hover{background:#8b691473;border-color:#fff6}.archive-stat{background:#3d2510;border:1px solid #5a3a1a;cursor:pointer}.archive-stat:hover{background:#4d3520;border-color:#7a5a3a}.sticky:after{content:"";position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 12px 12px;border-color:transparent transparent rgba(0,0,0,.1) transparent}.has-layers{cursor:pointer;box-shadow:3px 3px 8px #0000004d,inset 0 -2px 4px #00000014,1px 1px #0000000f,2px 2px #0000000a,3px 3px #00000005}.has-layers:hover{transform:scale(1.02) rotate(0)!important;z-index:10}.layer-depth{position:absolute;bottom:4px;left:6px;font-family:Patrick Hand,cursive;font-size:.65rem;color:#00000059;background:#fff6;padding:0 4px;border-radius:2px;line-height:1.4;pointer-events:none}.layer-date{position:absolute;top:8px;left:8px;font-family:Patrick Hand,cursive;font-size:.65rem;color:#00000080;background:#ffffff80;padding:1px 5px;border-radius:2px;pointer-events:none}@keyframes peel-out{0%{transform:perspective(600px) rotateY(0);opacity:1}to{transform:perspective(600px) rotateY(-30deg) translate(-8px);opacity:.3}}@keyframes peel-in{0%{transform:perspective(600px) rotateY(10deg);opacity:.3}to{transform:perspective(600px) rotateY(0);opacity:1}}.peeling{animation:peel-out .2s ease-in forwards;transform-origin:right center}.peeled-in{animation:peel-in .3s ease-out forwards;transform-origin:right center}.y{background:linear-gradient(135deg,#fff9a3,#ffef70)}.g{background:linear-gradient(135deg,#b8f5c8,#7ee8a2)}.p{background:linear-gradient(135deg,#e8b4f8,#d280f0)}.b{background:linear-gradient(135deg,#b4d4ff,#7eb8f7)}.o{background:linear-gradient(135deg,#ffd4a3,#ffbb70)}.r{background:linear-gradient(135deg,#ffb4b4,#ff8080)}.w{background:linear-gradient(135deg,#fff,#f0f0f0)}.teal{background:linear-gradient(135deg,#b4f5ef,#70e8de)}.r1{transform:rotate(-1.5deg)}.r2{transform:rotate(1.2deg)}.r3{transform:rotate(-.8deg)}.r4{transform:rotate(2.1deg)}.r5{transform:rotate(-1.8deg)}.r6{transform:rotate(.7deg)}.r7{transform:rotate(-2.3deg)}.sticky-title{font-weight:700;font-size:1.05rem;margin-bottom:4px;color:#1a1a1a}.sticky-body{white-space:pre-line}.sticky-tag{display:inline-block;background:#0000001f;padding:1px 6px;border-radius:3px;font-size:.75rem;margin-top:5px;font-family:Patrick Hand,cursive}.big{font-size:1.05rem;padding:18px 20px}.blocker{border:3px solid #e74c3c;box-shadow:3px 3px 8px #0000004d,0 0 0 1px #e74c3c66,0 0 12px #e74c3c33}.stamp{position:absolute;top:8px;right:8px;color:#27ae60;font-family:Fredoka,sans-serif;font-size:.72rem;font-weight:600;border:2px solid #27ae60;padding:1px 5px;border-radius:3px;transform:rotate(8deg);opacity:.8}.stamp.wip{color:#e67e22;border-color:#e67e22}.tape{position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(-2deg);width:50px;height:20px;background:#ffffc873;border-top:1px solid rgba(200,200,100,.3);border-bottom:1px solid rgba(200,200,100,.3);z-index:5}.tape.left{left:20%;transform:rotate(3deg)}.tape.right{left:75%;transform:rotate(-4deg)}.wb-inline{margin:28px 0 8px}.wb-inline-frame{background:#f0f0f0;border-radius:4px;position:relative;box-shadow:4px 4px 16px #0000004d,0 0 0 3px silver,0 0 0 5px #a8a8a8;overflow:visible;transform:rotate(.6deg)}.wb-inline-header{padding:16px 24px 10px;border-bottom:2px dashed rgba(0,0,0,.06);position:relative}.wb-inline-title{font-family:Permanent Marker,cursive;font-size:1.4rem;color:#2c3e50;letter-spacing:2px;transform:rotate(-.3deg);display:inline}.wb-inline-sub{font-family:Kalam,cursive;font-size:.8rem;color:#999;margin-left:12px;font-style:italic}.wb-header-right{position:absolute;top:12px;right:16px;display:flex;gap:8px;align-items:center}.wb-search{width:140px;background:#0000000a;border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:5px 10px;font-family:Patrick Hand,cursive;font-size:.8rem;color:#2c3e50;outline:none;transition:border-color .2s,width .2s}.wb-search::placeholder{color:#bbb;font-style:italic}.wb-search:focus{border-color:#2980b9;width:180px;background:#fffc}.wb-expand-btn{background:#0000000f;border:1px solid rgba(0,0,0,.1);color:#888;font-size:1rem;cursor:pointer;width:30px;height:30px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0}.wb-expand-btn:hover{background:#0000001a;color:#2c3e50}.wb-inline-surface{padding:20px 24px 40px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-template-rows:auto auto;gap:16px;max-height:520px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#ccc #eee;background-image:radial-gradient(circle,rgba(0,0,0,.07) 1px,transparent 1px);background-size:20px 20px;background-position:10px 10px;border-radius:0 0 4px 4px}.wb-inline-surface::-webkit-scrollbar{width:4px}.wb-inline-surface::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.wb-inline-tray{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:4px 12px;background:linear-gradient(to bottom,#d8d8d8,silver);border-radius:4px 4px 0 0;box-shadow:0 -1px 4px #00000014;z-index:5;align-items:flex-end;max-width:90%;overflow-x:auto;scrollbar-width:none}.wb-inline-tray::-webkit-scrollbar{display:none}.wb-marker-tag{display:flex;flex-direction:column;align-items:center;gap:0;cursor:pointer;background:none;border:none;padding:2px 3px 0;position:relative;transition:transform .15s;flex-shrink:0}.wb-marker-tip{width:8px;height:20px;background:linear-gradient(to bottom,var(--mc),color-mix(in srgb,var(--mc) 70%,#000));border-radius:2px 2px 3px 3px;display:block;box-shadow:0 1px 2px #0003;transition:height .15s}.wb-marker-tag:hover{transform:translateY(-4px)}.wb-marker-tag:hover .wb-marker-tip{height:24px}.wb-marker-active .wb-marker-tip{height:26px;box-shadow:0 0 6px var(--mc),0 1px 2px #0003}.wb-marker-active .wb-marker-label{font-size:.7rem;opacity:1}.wb-marker-active{transform:translateY(-6px)}.wb-inline-tray .wb-eraser{width:28px;height:16px;background:linear-gradient(to bottom,#f5f5f5,#ddd);border-radius:3px;border:1px solid #ccc;cursor:pointer;transition:transform .15s;flex-shrink:0;margin-left:4px}.wb-inline-tray .wb-eraser:hover{transform:scale(1.1)}@keyframes eraser-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg) translate(-2px)}75%{transform:rotate(8deg) translate(2px)}}.wb-erasing{animation:eraser-wiggle .4s ease}.wb-card[style*="display: none"]+.wb-card{scroll-snap-align:start}.bottom-row{margin-top:24px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.bottom-row .sticky{max-width:220px;font-size:.9rem}.footer{text-align:center;margin-top:30px;font-family:Fredoka,sans-serif;font-weight:500;color:#ffffff80;font-size:1rem;letter-spacing:2px;padding-bottom:30px}.find-me-header{font-family:Fredoka,sans-serif;font-size:1.6rem;font-weight:600;color:#fff;text-align:center;margin:32px 0 16px;text-shadow:2px 2px 4px rgba(0,0,0,.6);letter-spacing:2px}.find-me{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin-bottom:8px}.link-sticky{max-width:200px;text-decoration:none;color:#2c2c2c;display:block}.link-sticky:hover{transform:scale(1.06) rotate(0)!important;z-index:10;text-decoration:none}.link-sticky .sticky-title{text-decoration:underline;text-decoration-style:wavy;text-decoration-color:#0000004d}.sticky-doc-link{position:absolute;bottom:6px;right:8px;font-size:.9rem;opacity:.35;text-decoration:none;transform:rotate(12deg);transition:opacity .2s,transform .2s;z-index:5;line-height:1}.sticky-doc-link:hover{opacity:.85;transform:rotate(-5deg) scale(1.2)}#shelf-trigger{position:fixed;bottom:18px;right:22px;background:none;border:none;font-size:1.1rem;opacity:.25;cursor:pointer;transition:opacity .3s,transform .3s;z-index:50;filter:grayscale(.4);padding:6px;border-radius:4px}#shelf-trigger:hover{opacity:.6;transform:rotate(-8deg) scale(1.15)}#cabinet-trigger{position:fixed;bottom:18px;right:62px;background:none;border:none;font-size:1.1rem;opacity:.3;cursor:pointer;transition:opacity .3s,transform .3s;z-index:50;filter:grayscale(.4);padding:6px;border-radius:4px}#cabinet-trigger:hover{opacity:.7;transform:rotate(8deg) scale(1.15)}.wb-board{background:#f0f0f0;border-radius:6px;width:100%;max-width:960px;position:relative;box-shadow:0 20px 60px #00000080,0 0 0 4px silver,0 0 0 6px #a0a0a0,inset 0 0 80px #00000008;animation:modal-in .25s ease;overflow:hidden}.wb-tray{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:4px 14px;background:linear-gradient(to bottom,#d8d8d8,silver);border-radius:4px 4px 0 0;box-shadow:0 -2px 6px #0000001a;z-index:5;align-items:flex-end;max-width:80%;overflow-x:auto;scrollbar-width:none}.wb-tray::-webkit-scrollbar{display:none}.wb-tray .wb-eraser{width:28px;height:16px;background:linear-gradient(to bottom,#f5f5f5,#ddd);border-radius:3px;border:1px solid #ccc;cursor:pointer;transition:transform .15s;flex-shrink:0;margin-left:4px}.wb-tray .wb-eraser:hover{transform:scale(1.1)}.wb-marker{width:8px;height:28px;border-radius:2px 2px 4px 4px;box-shadow:0 1px 2px #0003}.wb-marker.red{background:linear-gradient(to bottom,#e74c3c,#c0392b)}.wb-marker.blue{background:linear-gradient(to bottom,#3498db,#2471a3)}.wb-marker.green{background:linear-gradient(to bottom,#2ecc71,#1e8449)}.wb-eraser{width:32px;height:18px;background:linear-gradient(to bottom,#f5f5f5,#ddd);border-radius:3px;align-self:flex-end;box-shadow:0 1px 2px #00000026;border:1px solid #ccc}.wb-header{padding:20px 28px 12px;position:relative;border-bottom:2px dashed rgba(0,0,0,.08)}.wb-heading{font-family:Permanent Marker,cursive;font-size:1.8rem;color:#2c3e50;letter-spacing:2px;transform:rotate(-.5deg);text-shadow:1px 1px 0 rgba(0,0,0,.05)}.wb-sub{font-family:Kalam,cursive;font-size:.85rem;color:#7f8c8d;display:block;margin-top:2px;font-style:italic}.wb-modal-controls{position:absolute;top:16px;right:20px}.wb-modal-controls .modal-close{background:#00000014;color:#666;position:static}.wb-modal-controls .modal-close:hover{background:#e74c3c26;color:#c0392b}.wb-surface{max-height:65vh;overflow-y:auto;padding:24px 28px 48px;position:relative;scrollbar-width:thin;scrollbar-color:#ccc #f0f0f0;background-image:radial-gradient(circle,rgba(0,0,0,.08) 1px,transparent 1px);background-size:20px 20px;background-position:10px 10px}.cabinet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.wb-card{display:block;text-decoration:none;padding:18px 20px 16px;position:relative;cursor:pointer;transition:transform .15s,box-shadow .15s;color:#2c3e50;min-height:130px;border:2px solid var(--marker, #555);border-radius:2px;box-shadow:3px 3px #0000000a,inset 0 0 0 3px #fff9;background:#ffffff80}.wb-r1{transform:rotate(-.6deg)}.wb-r2{transform:rotate(.4deg)}.wb-r3{transform:rotate(-.3deg)}.wb-r4{transform:rotate(.8deg)}.wb-r5{transform:rotate(-.5deg)}.wb-card:hover{transform:rotate(0) scale(1.02)!important;box-shadow:0 4px 16px #0000001a,inset 0 0 0 3px #fff9;z-index:5;background:#ffffffbf}.wb-card:after{content:"";position:absolute;bottom:-1px;left:8px;right:8px;height:3px;background:var(--marker, #555);opacity:.5;border-radius:2px;transform:rotate(-.3deg)}.wb-icon{font-size:2rem;margin-bottom:6px;display:inline-block;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.wb-card:hover .wb-icon{transform:scale(1.2)}.wb-title{font-family:Permanent Marker,cursive;font-size:1rem;color:var(--marker, #2c3e50);margin-bottom:6px;line-height:1.25}.wb-summary{font-family:Kalam,cursive;font-size:.82rem;color:#555;line-height:1.4}.wb-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:10px}.wb-date{font-family:Patrick Hand,cursive;font-size:.7rem;color:#999}.wb-tag{font-family:Patrick Hand,cursive;font-size:.65rem;color:var(--marker, #555);border:1px solid var(--marker, #ccc);padding:0 5px;border-radius:2px;opacity:.6}.wb-arrow{position:absolute;bottom:10px;right:14px;font-family:Permanent Marker,cursive;font-size:1.1rem;color:var(--marker, #555);opacity:0;transition:opacity .15s,transform .15s}.wb-card:hover .wb-arrow{opacity:.6;transform:translate(3px)}.cabinet-empty{font-family:Kalam,cursive;color:#aaa;text-align:center;padding:60px 20px;font-size:1.1rem}.catalog-board{background:linear-gradient(to bottom,#3d2510,#1f0e05);border-radius:8px;padding:24px 0 0;width:100%;max-width:1100px;position:relative;box-shadow:0 20px 60px #0009,0 0 0 3px #c4782a,0 0 40px #c4782a26;animation:modal-in .25s ease;overflow:hidden}.catalog-header{display:flex;align-items:center;gap:12px;padding:0 24px 20px}.catalog-pins{display:flex;gap:8px;flex-shrink:0}.catalog-title-wrap{flex:1}.catalog-title{font-family:Permanent Marker,cursive;font-size:2rem;color:#f0b847;display:block;text-shadow:0 0 24px rgba(220,140,50,.45),0 0 8px rgba(220,140,50,.2);letter-spacing:2px}.catalog-subtitle{font-family:Kalam,cursive;font-size:.85rem;color:#ffffff59;display:block}.catalog-search-bar{display:flex;align-items:center;gap:10px;padding:0 24px 14px}.catalog-search{flex:1;background:#ffffff0f;border:1px solid rgba(196,120,42,.3);border-radius:4px;padding:7px 12px;font-family:Patrick Hand,cursive;font-size:.85rem;color:#fffc;outline:none;transition:border-color .2s,background .2s}.catalog-search::placeholder{color:#ffffff40;font-style:italic}.catalog-search:focus{border-color:#f0b847;background:#ffffff1a}.catalog-clear-btn{background:none;border:1px solid rgba(196,120,42,.3);border-radius:4px;color:#fff6;font-size:.7rem;cursor:pointer;padding:5px 8px;line-height:1;transition:color .2s,border-color .2s;flex-shrink:0}.catalog-clear-btn:hover{color:#f0b847;border-color:#f0b847}.catalog-book-count{font-family:Patrick Hand,cursive;font-size:.78rem;color:#ffffff4d;white-space:nowrap;flex-shrink:0}.bookcase{width:100%;max-height:72vh;overflow-y:auto;overflow-x:hidden;background:linear-gradient(to bottom,#1e0e04,#130804);border-top:3px solid #6b3a18;padding:20px 16px 0;scrollbar-width:thin;scrollbar-color:#6b3a18 #0f0a05;box-sizing:border-box}.shelf-row{display:flex;flex-direction:column;margin-bottom:0}.shelf-spines{display:flex;align-items:flex-end;gap:2px;padding:0 4px;min-height:170px}.shelf-plank{height:18px;margin:0 -4px;flex-shrink:0;background:linear-gradient(to bottom,#8b4a1f,#9b5524 35%,#7a3a12 60%,#5e2c08,#3d1a04);border-top:2px solid #C47830;box-shadow:0 6px 18px #0009,0 2px 4px #0006,inset 0 1px #ffb4504d;position:relative;z-index:2}.shelf-plank:before{content:"";position:absolute;inset:3px 0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 60px,rgba(0,0,0,.04) 60px,rgba(0,0,0,.04) 62px)}.shelf-plank:after{content:"";position:absolute;left:0;right:0;top:100%;height:12px;background:linear-gradient(to bottom,rgba(0,0,0,.35),transparent);pointer-events:none}.book-spine{flex-shrink:0;height:155px;border:none;cursor:pointer;position:relative;border-radius:1px 2px 0 0;display:flex;align-items:center;justify-content:center;padding:6px 3px;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;box-shadow:inset 2px 0 4px #00000040,inset -1px 0 3px #00000026,1px 0 2px #0000004d;overflow:hidden;align-self:flex-end;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.book-spine:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff2e;border-radius:1px 2px 0 0}.book-spine:hover{transform:translateY(-18px) scaleX(1.04) rotate(0);z-index:20;box-shadow:0 12px 28px #000000b3,0 4px 8px #00000080,inset 2px 0 4px #0003;filter:brightness(1.12)}.spine-gold:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 20%,rgba(240,184,71,.12) 40%,rgba(240,184,71,.22) 50%,rgba(240,184,71,.08) 60%,transparent 80%);pointer-events:none}.spine-label{font-family:Patrick Hand,cursive;font-size:.75rem;line-height:1.15;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;overflow:hidden;max-height:140px;word-break:break-word;letter-spacing:.02em;text-overflow:ellipsis}.spine-mark-dot{position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:#f0b847cc;pointer-events:none}.spine-initials{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-family:Patrick Hand,cursive;font-size:.5rem;letter-spacing:.06em;opacity:.5;pointer-events:none;white-space:nowrap}.genre-card{flex-shrink:0;width:24px;height:170px;align-self:flex-end;background:linear-gradient(135deg,#2a1a0e,#1e1108);border-left:3px solid;border-radius:1px 2px 0 0;display:flex;align-items:center;justify-content:center;position:relative;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;box-shadow:inset 2px 0 6px #0006,inset -1px 0 3px #0003,1px 0 3px #0000004d}.genre-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff1a;border-radius:1px 2px 0 0}.genre-card-label{writing-mode:vertical-rl;transform:rotate(180deg);font-family:Patrick Hand,cursive;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:#fff6;white-space:nowrap;overflow:hidden;max-height:155px;text-overflow:ellipsis}.spine-tooltip{position:fixed;top:0;left:0;will-change:transform;z-index:2000;width:230px;background:#fffef5;border-radius:4px;padding:12px 14px;box-shadow:0 8px 28px #00000080,0 2px 8px #0000004d,0 0 0 1px #8b69144d;pointer-events:none;border-top:4px solid #F0B847}.spine-tooltip:before{content:"";position:absolute;top:-14px;left:50%;transform:translate(-50%) rotate(-1deg);width:44px;height:12px;background:#ffffc880;border:1px solid rgba(200,200,100,.35)}.st-title{font-family:Kalam,cursive;font-size:.88rem;font-weight:700;color:#1a1a2e;line-height:1.3;margin-bottom:3px}.st-author{font-family:Patrick Hand,cursive;font-size:.72rem;color:#8b7355;font-style:italic;margin-bottom:8px}.st-marks{display:flex;align-items:center;gap:8px;margin-bottom:8px}.st-count{font-family:Patrick Hand,cursive;font-size:.68rem;color:#666;white-space:nowrap;background:#00000012;padding:1px 6px;border-radius:8px;flex-shrink:0}.st-bar-wrap{flex:1;height:5px;background:#0000001a;border-radius:3px;overflow:hidden}.st-bar{height:100%;background:linear-gradient(to right,#c4956a,#f0b847);border-radius:3px;transition:width .15s ease}.st-teaser{font-family:Kalam,cursive;font-size:.72rem;color:#555;line-height:1.45;border-top:1px dashed rgba(0,0,0,.12);padding-top:7px;font-style:italic}.catalog-loading{font-family:Kalam,cursive;color:#ffffff59;font-size:1rem;padding:40px;text-align:center}.journal-wrap{display:flex;width:100%;max-width:820px;height:85vh;background:#faf8f2;border-radius:8px;overflow:hidden;box-shadow:0 20px 60px #0009;animation:modal-in .25s ease;position:relative}.journal-spine{width:40px;flex-shrink:0;background:linear-gradient(to right,#1a0f08,#2d1f14,#1a0f08);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:8px}.journal-back-btn{background:none;border:none;color:#f0b847;font-size:.85rem;cursor:pointer;padding:6px 2px;opacity:.7;transition:opacity .15s}.journal-back-btn:hover{opacity:1}.journal-ribbon-track{flex:1;width:10px;background:#ffffff14;border-radius:5px;margin:4px 0;overflow:hidden;position:relative}.journal-ribbon{width:100%;height:0%;background:#f0b847;border-radius:5px;transition:height .1s linear}.journal-pg{font-family:Patrick Hand,cursive;font-size:.55rem;color:#ffffff4d;writing-mode:vertical-rl;transform:rotate(180deg);padding-bottom:8px}.journal-pages{flex:1;overflow-y:scroll;overflow-x:hidden;padding:32px 40px 40px 24px;background:#faf8f2;background-image:linear-gradient(to right,transparent 3rem,rgba(200,180,140,.25) 3rem,rgba(200,180,140,.25) calc(3rem + 1px),transparent calc(3rem + 1px)),linear-gradient(#e8e4d6 1px,transparent 1px);background-size:100% 100%,100% 1.75rem;scroll-behavior:smooth}.journal-book-header{margin-bottom:32px;padding-left:3.5rem}.journal-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.journal-copy-btn{background:none;border:1px solid #d4c9b0;border-radius:6px;cursor:pointer;font-size:1rem;padding:4px 8px;opacity:.5;transition:opacity .15s;flex-shrink:0}.journal-copy-btn:hover{opacity:1}.journal-book-title{font-family:Permanent Marker,cursive;font-size:1.6rem;color:#1a1a2e;line-height:1.2}.journal-book-author{font-family:Kalam,cursive;font-size:.95rem;color:#8b7355;margin-top:4px;font-style:italic}.journal-rule{height:2px;margin-top:16px;background:linear-gradient(to right,#F0B847,transparent)}.journal-entry{position:relative;padding:16px 0 16px 3.5rem;border-bottom:1px dashed #d4c9b0;margin-bottom:4px}.je-number{position:absolute;left:0;top:18px;font-family:Patrick Hand,cursive;font-size:.6rem;color:#8b735566}.je-date{position:absolute;left:1.8rem;top:20px;font-family:Kalam,cursive;font-size:.6rem;color:#b0976b;writing-mode:vertical-rl;transform:rotate(180deg);line-height:1;white-space:nowrap;max-height:80px;overflow:hidden}.je-text{font-family:Kalam,cursive;font-size:1rem;line-height:1.85;color:#1a1a2e}.je-first{background:linear-gradient(to bottom,transparent 55%,rgba(240,184,71,.32) 55%,rgba(240,184,71,.32) 90%,transparent 90%)}.je-dogear{position:absolute;top:0;right:0;width:0;height:0;background:none;border:none;border-style:solid;border-width:0 0 0 0;cursor:pointer;transition:border-width .2s ease;padding:0}.journal-entry:hover .je-dogear{border-width:0 22px 22px 0;border-color:transparent #e0d8c5 transparent transparent}.journal-entry.dog-eared .je-dogear{border-width:0 28px 28px 0;border-color:transparent #F0B847 transparent transparent}.journal-empty{font-family:Kalam,cursive;color:#999;padding:40px;text-align:center}.journal-toc-panel{position:absolute;left:40px;top:0;bottom:0;width:200px;background:#f0ecde;border-right:1px solid #d4c9b0;overflow-y:auto;padding:16px 12px;box-shadow:4px 0 16px #0000001f;z-index:20}.journal-toc-inner{display:flex;flex-direction:column;gap:2px}.toc-item{background:none;border:none;cursor:pointer;font-family:Patrick Hand,cursive;font-size:.75rem;color:#5c4a2a;text-align:left;padding:4px 6px;border-radius:3px;transition:background .1s}.toc-item:hover{background:#f0b84733}.toc-item.toc-dogeared{color:#8b6914;font-weight:700}.toc-toggle-btn{position:absolute;top:50%;left:40px;transform:translateY(-50%) rotate(-90deg) translate(-50%);transform-origin:left center;background:#2d1f14;border:none;color:#f0b847;font-family:Permanent Marker,cursive;font-size:.7rem;padding:3px 10px;cursor:pointer;border-radius:0 0 4px 4px;opacity:.6;transition:opacity .15s;z-index:21;letter-spacing:1px}.toc-toggle-btn:hover{opacity:1}.journal-x{position:absolute;top:10px;right:10px;z-index:25}.modal-backdrop{position:fixed;inset:0;z-index:1000;background:#000000a6;backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto}.modal-board{background-color:#8b6914;background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(0,0,0,.08) 39px,rgba(0,0,0,.08) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(0,0,0,.05) 39px,rgba(0,0,0,.05) 40px);border-radius:8px;padding:28px 24px 32px;width:100%;max-width:860px;position:relative;box-shadow:0 20px 60px #00000080;animation:modal-in .2s ease}@keyframes modal-in{0%{transform:translateY(-16px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;position:relative}.modal-pin{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 4px #0006,inset 0 1px 2px #ffffff4d}.modal-pin.red{background:radial-gradient(circle at 35% 35%,#ff6b6b,#c0392b)}.modal-pin.blue{background:radial-gradient(circle at 35% 35%,#74b9ff,#2980b9)}.modal-title{font-family:Permanent Marker,cursive;font-size:1.4rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);flex:1}.modal-tape{position:absolute;top:-12px;left:50%;transform:translate(-50%) rotate(-1deg);width:70px;height:20px;background:#ffffc873;border-top:1px solid rgba(200,200,100,.3);border-bottom:1px solid rgba(200,200,100,.3)}.modal-close{background:#0000004d;border:none;color:#fff;font-size:1rem;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.modal-close:hover{background:#e74c3cb3}.modal-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;align-items:start}.modal-card{cursor:default;font-size:.9rem;margin-bottom:0}.modal-empty{font-family:Kalam,cursive;color:#fff9;font-size:1rem;padding:20px;grid-column:1/-1;text-align:center}.archive-board{background-color:#2a1a0e;background-image:repeating-linear-gradient(0deg,transparent,transparent 59px,rgba(0,0,0,.12) 59px,rgba(0,0,0,.12) 60px),repeating-linear-gradient(90deg,transparent,transparent 59px,rgba(0,0,0,.08) 59px,rgba(0,0,0,.08) 60px),radial-gradient(ellipse at 30% 20%,rgba(80,50,20,.3),transparent 60%);border-radius:8px;padding:28px 24px 32px;width:100%;max-width:960px;position:relative;box-shadow:0 20px 60px #0009,inset 0 1px #ffffff0d;animation:modal-in .2s ease}.archive-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;position:relative}.archive-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.archive-filter-btn{padding:4px 12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#c4a97d;font-family:Kalam,cursive;font-size:.8rem;cursor:pointer;transition:background .15s,border-color .15s}.archive-filter-btn:hover{background:#ffffff26;border-color:#ffffff4d}.archive-filter-btn.active{background:#8b691480;border-color:#c4a97d;color:#fff}.archive-pile{display:flex;flex-wrap:wrap;gap:12px;align-items:start}.archive-sticky{width:180px;padding:12px 14px 10px;font-size:.82rem;line-height:1.35;box-shadow:2px 3px 10px #0006,inset 0 -1px 3px #0000000f}.archive-sticky .sticky-title{font-size:.85rem;margin-bottom:4px}.archive-sticky .sticky-body{font-size:.75rem;line-height:1.3}.archive-sticky .sticky-tag{font-size:.65rem}.archive-meta{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding-top:4px;border-top:1px dashed rgba(0,0,0,.15);font-size:.65rem;color:#00000080;font-family:Kalam,cursive}.archive-from{font-weight:700}.archive-sticky[hidden]{display:none}.reading-trigger{text-align:left;font-family:var(--font-hand);cursor:pointer}.reading-board{background:linear-gradient(to bottom,#2d1f14,#1a0f08);border-radius:8px;padding:24px 0 0;width:100%;max-width:1100px;position:relative;box-shadow:0 20px 60px #000000b3,0 0 0 2px #8b6914;animation:modal-in .25s ease;overflow:hidden}.reading-header{display:flex;align-items:center;gap:12px;padding:0 24px 16px}.reading-pins{display:flex;gap:8px;flex-shrink:0}.reading-title-wrap{flex:1}.reading-title{font-family:Permanent Marker,cursive;font-size:2rem;color:#f0b847;display:block;text-shadow:0 0 20px rgba(240,184,71,.25);letter-spacing:2px}.reading-subtitle{font-family:Kalam,cursive;font-size:.85rem;color:#ffffff59;display:block}.reading-scribble{font-family:Kalam,cursive;font-size:.72rem;color:#f0b8474d;display:block;font-style:italic}.reading-content{max-height:72vh;overflow-y:auto;overflow-x:hidden;padding:20px 24px 32px;background:linear-gradient(to bottom,#180e06,#120906);border-top:3px solid #3d2510;scrollbar-width:thin;scrollbar-color:#3d2510 #0f0a05;position:relative}.reading-loading{font-family:Kalam,cursive;color:#ffffff80;text-align:center;padding:40px}.reading-stats{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:28px}.rs-card{background:#f0b84714;border:1px solid rgba(240,184,71,.15);border-radius:6px;padding:12px 20px;text-align:center;min-width:100px;display:flex;flex-direction:column;align-items:center;gap:2px}.rs-card strong{font-family:Permanent Marker,cursive;font-size:1.6rem;color:#f0b847;line-height:1}.rs-card span{font-family:Kalam,cursive;font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:1px;line-height:1}.reading-wall-label{font-family:Kalam,cursive;color:#ffffff4d;font-size:.8rem;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;font-weight:300}.chart-label{font-family:Kalam,cursive;color:#ffffff4d;font-size:.8rem;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;font-weight:300}.reading-wall{display:flex;gap:4px;align-items:flex-end;margin-bottom:32px;padding-bottom:8px;border-bottom:2px solid rgba(240,184,71,.1);overflow-x:auto}.wall-month{display:flex;flex-direction:column;align-items:center;min-width:50px;flex:1}.wall-stack{display:flex;flex-direction:column-reverse;gap:1px;align-items:center;min-height:20px;padding:0 4px}.wall-mini{width:36px;height:10px;border-radius:2px;opacity:.9;transition:opacity .15s,transform .15s;box-shadow:0 1px 3px #0006;flex-shrink:0}.wall-mini:hover{opacity:1;transform:scale(1.3)!important;z-index:5}.wall-label{font-family:Patrick Hand,cursive;font-size:.65rem;color:#ffffff59;margin-top:6px}.wall-count{font-family:Permanent Marker,cursive;font-size:.7rem;color:#f0b847;opacity:.6}.reading-charts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;align-items:start}.reading-right-stack{display:flex;flex-direction:column;gap:16px}.reading-bottom-row{display:grid;grid-template-columns:auto 1fr;gap:32px;margin-bottom:24px;align-items:start}.reading-chart-panel{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:16px}.bar-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.bar-label{font-family:Patrick Hand,cursive;font-size:.72rem;color:#ffffff8c;width:120px;min-width:120px;text-align:right;flex-shrink:0}.bar-track{flex:1;height:12px;background:#ffffff0f;border-radius:3px;overflow:hidden;min-width:60px}.bar-fill{height:100%;border-radius:3px;min-width:4px;transition:width .5s ease}.bar-val{font-family:Permanent Marker,cursive;font-size:.7rem;color:#f0b847b3;min-width:24px;text-align:right;flex-shrink:0}.diversity-section{margin-bottom:14px}.div-label{font-family:Patrick Hand,cursive;font-size:.72rem;color:#fff6;margin-bottom:4px}.div-bars{display:flex;height:28px;border-radius:4px;overflow:hidden;gap:2px}.div-bar{display:flex;align-items:center;justify-content:center;background:#af7ac5;min-width:30px;transition:flex .5s ease}.div-bar span{font-family:Patrick Hand,cursive;font-size:.7rem;color:#ffffffe6;white-space:nowrap}.div-bar-m{background:#5499c7}.div-bar-n{background:#48c9b0}.div-bar-poc{background:#f0b847}.div-bar-nopoc{background:#ffffff14}.div-bar-nopoc span{color:#fff6}.div-bar-active{opacity:1;box-shadow:0 0 10px currentColor,inset 0 0 8px #ffffff26;filter:brightness(1.3)}.div-note{font-family:Kalam,cursive;font-size:.7rem;color:#fff3;margin-top:8px;font-style:italic}.reading-receipt-wrap{margin-bottom:32px}.reading-receipt{background:#2a1e14;color:#fff9;font-family:Courier New,monospace;font-size:.78rem;padding:20px 24px;max-width:360px;border-radius:4px;border:1px solid rgba(240,184,71,.12);box-shadow:0 4px 16px #0006,inset 0 1px #ffffff08}.receipt-header{font-weight:700;text-align:center;font-size:.8rem;margin-bottom:4px;color:#f0b847}.receipt-line{color:#ffffff26;text-align:center}.receipt-row{display:flex;justify-content:space-between;gap:20px;padding:2px 0}.receipt-total{font-weight:700;color:#f0b847}.reading-booklist-panel{flex:1;min-height:0;display:flex;flex-direction:column}.bl-search{width:100%;padding:6px 10px;margin-bottom:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#ffffffb3;font-family:Patrick Hand,cursive;font-size:.75rem;outline:none;transition:border-color .15s}.bl-search::placeholder{color:#fff3}.bl-search:focus{border-color:#f0b8474d}.reading-booklist{height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3d2510 transparent}.bl-row{display:flex;align-items:baseline;gap:8px;padding:3px 6px;border-radius:3px;cursor:default;transition:background .12s}.bl-row:hover,.bl-row.bl-active{background:#f0b84714}.bl-stars{font-size:.6rem;color:#f0b847;flex-shrink:0;letter-spacing:-1px}.bl-title{font-family:Patrick Hand,cursive;font-size:.72rem;color:#ffffffa6;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bl-row:hover .bl-title,.bl-row.bl-active .bl-title{color:#f0b847}.bl-genre{font-family:Kalam,cursive;font-size:.6rem;flex-shrink:0;opacity:.6}.bl-badges{display:flex;gap:3px;flex-shrink:0}.bl-badge{font-family:Patrick Hand,cursive;font-size:.55rem;padding:0 4px;border-radius:2px;line-height:1.5;opacity:.6}.bl-badge-f{background:#bb8fce40;color:#d4a5ec}.bl-badge-m{background:#5dade233;color:#7fbfea}.bl-badge-n{background:#1abc9c40;color:#48c9b0}.bl-badge-poc{background:#e67e2233;color:#e9a265}.bl-clickable{cursor:pointer}.bl-clickable .bl-title{text-decoration:underline;text-decoration-color:#f0b84733;text-underline-offset:2px}.bl-clickable:hover .bl-title{text-decoration-color:#f0b84780}.review-tooltip{position:fixed;z-index:2000;background:#1a0f08;border:1px solid rgba(240,184,71,.25);border-radius:6px;padding:14px 18px;box-shadow:0 8px 32px #000000b3;max-width:420px;animation:modal-in .12s ease}.rt-title{font-family:Patrick Hand,cursive;font-size:.95rem;color:#f0b847;margin-bottom:2px}.rt-meta{font-family:Kalam,cursive;font-size:.65rem;color:#ffffff4d;margin-bottom:8px}.rt-body{font-family:Kalam,cursive;font-size:.78rem;color:#ffffffa6;line-height:1.6;max-height:180px;overflow-y:auto}.wall-mini.wall-dim{opacity:.15}.wall-mini.wall-highlight{opacity:1;transform:scale(1.4)!important;box-shadow:0 0 6px #f0b84780;z-index:5}.bar-row.bar-active{background:#f0b8470f;border-radius:3px}.bar-row.bar-active .bar-fill{box-shadow:0 0 8px currentColor}.bar-row.bar-active .bar-val{color:#f0b847}.reading-top{margin-bottom:24px;max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3d2510 transparent}.top-book{padding:8px 6px;border-bottom:1px solid rgba(255,255,255,.05);border-radius:3px;transition:background .12s}.top-clickable{cursor:pointer}.top-clickable:hover{background:#f0b8470f}.top-title{font-family:Patrick Hand,cursive;font-size:.9rem;color:#f0b847}.top-clickable .top-title{text-decoration:underline;text-decoration-color:#f0b84733;text-underline-offset:2px}.top-clickable:hover .top-title{text-decoration-color:#f0b84780}.top-meta{font-family:Kalam,cursive;font-size:.7rem;color:#ffffff59}@media(max-width:1100px){.columns{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.wall{padding:20px 16px}.columns{grid-template-columns:repeat(2,1fr);gap:16px}.column{min-width:0}.column-header{font-size:1.1rem}.column-header [data-kaomoji]{display:none}.banner{font-size:1.8rem}.stats-bar{gap:10px}.stat-card{min-width:100px;padding:10px 14px;font-size:1rem}.stat-card>span:not(.stat-kao){font-size:.75rem}.find-me{gap:12px}.link-sticky{max-width:160px;font-size:.85rem}.reading-charts,.reading-bottom-row{grid-template-columns:1fr}.wb-inline-frame{transform:none}.wb-inline-header{padding:12px 16px 8px}.wb-inline-title{font-size:1.1rem}.wb-inline-sub{display:none}.wb-inline-surface{padding:14px 16px 36px;gap:12px;grid-template-columns:repeat(2,1fr);max-height:320px}.wb-inline-surface .wb-card{padding:14px 14px 12px;min-height:100px}.wb-icon{font-size:1.5rem;margin-bottom:4px}.wb-title{font-size:.88rem}.wb-summary{font-size:.75rem}.wb-board{border-radius:4px}.wb-surface{padding:16px 14px 40px}.cabinet-grid{grid-template-columns:1fr;gap:14px}}@media(max-width:768px){.bookcase{padding:12px 0 0}.shelf-spines{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 12px;min-height:140px;scrollbar-width:none;touch-action:pan-x}.shelf-spines::-webkit-scrollbar{display:none}.genre-card{height:150px}.genre-card-label{font-size:.52rem;max-height:135px}}@media(max-width:430px){.wall{padding:16px 10px}.banner{font-size:1.5rem;padding:14px 20px}.banner>span:not([data-kaomoji]){font-size:1rem}.banner [data-kaomoji]{display:none}.stats-bar{gap:8px;margin:16px 0;max-width:100%;box-sizing:border-box}.stat-card{min-width:0;flex:1 1 calc(33.33% - 6px);max-width:calc(50% - 4px);padding:8px 6px;font-size:.9rem;box-sizing:border-box}.stat-card>span:not(.stat-kao){font-size:.68rem}.stat-kao{font-size:.75rem}.columns{gap:14px}.column{min-width:0;overflow:hidden}.column-header{font-size:1rem;padding:6px;word-break:break-word;overflow:hidden}.column-header [data-kaomoji]{display:none}.catalog-board{padding:16px 0 0}.catalog-header{padding:0 14px 12px}.catalog-title{font-size:1.4rem}.catalog-subtitle{font-size:.75rem}.catalog-search-bar{padding:0 14px 10px}.catalog-search{font-size:.8rem;padding:6px 10px}.book-spine{height:130px}.spine-label{font-size:.65rem;max-height:115px}.spine-initials{font-size:.42rem;bottom:10px}.genre-card{height:140px;width:20px}.genre-card-label{font-size:.48rem;max-height:125px}.shelf-plank{height:14px;margin:0}.reading-board{padding:16px 0 0}.reading-header{padding:0 14px 12px;gap:8px}.reading-title{font-size:1.3rem;letter-spacing:1px}.reading-subtitle{font-size:.72rem}.reading-scribble{font-size:.62rem}.reading-content{padding:14px 12px 24px}.reading-stats{gap:8px}.rs-card{padding:8px 12px;min-width:70px}.rs-card strong{font-size:1.2rem}.rs-card span{font-size:.6rem}.reading-wall{gap:2px;overflow-x:auto;-webkit-overflow-scrolling:touch}.wall-month{min-width:36px}.wall-mini{width:26px;height:8px}.wall-label{font-size:.55rem}.wall-count{font-size:.6rem}.bar-label{width:80px;min-width:80px;font-size:.65rem}.bar-track{min-width:40px;height:10px}.bar-val{font-size:.6rem;min-width:18px}.bar-row{gap:5px}.div-bars{height:24px}.div-bar span{font-size:.6rem}.div-bar{min-width:22px}.div-label{font-size:.65rem}.div-note{font-size:.62rem}.reading-booklist{height:200px}.bl-row{gap:5px;padding:3px 4px}.bl-stars{font-size:.5rem}.bl-title{font-size:.65rem}.bl-genre{font-size:.52rem}.bl-badge{font-size:.48rem;padding:0 3px}.bl-search{font-size:.7rem}.reading-receipt{padding:14px 16px;font-size:.68rem;max-width:100%}.receipt-header{font-size:.7rem}.top-title{font-size:.8rem}.top-meta{font-size:.62rem}.top-book{padding:6px 4px}.review-tooltip{max-width:calc(100vw - 32px);left:16px!important;right:16px}.reading-chart-panel{padding:12px 10px}.chart-label{font-size:.7rem;letter-spacing:1px;margin-bottom:8px}.reading-wall-label{font-size:.7rem}.journal-wrap{height:90vh}.journal-pages{padding:16px 12px 16px 28px}.modal-backdrop{padding:16px 8px}.wb-inline{margin:20px -14px 8px}.wb-inline-frame{border-radius:0;box-shadow:0 4px 12px #0003,0 0 0 2px silver}.wb-inline-header{padding:10px 14px 6px}.wb-inline-title{font-size:.95rem;letter-spacing:1px}.wb-expand-btn{width:26px;height:26px;font-size:.85rem;top:10px;right:12px}.wb-inline-surface{padding:12px 14px 32px;gap:10px;grid-template-columns:1fr 1fr;max-height:280px}.wb-inline-surface .wb-card{padding:10px;min-height:70px}.wb-inline-surface .wb-icon{font-size:1.3rem;margin-bottom:2px}.wb-inline-surface .wb-title{font-size:.8rem;margin-bottom:4px}.wb-inline-surface .wb-summary{font-size:.7rem;line-height:1.3}.wb-inline-surface .wb-meta{margin-top:6px;gap:4px}.wb-inline-surface .wb-date{font-size:.6rem}.wb-inline-surface .wb-tag{font-size:.55rem}.wb-inline-tray .wb-marker{width:5px;height:18px}.wb-inline-tray .wb-eraser{width:20px;height:12px}.wb-board{border-radius:2px}.wb-heading{font-size:1.3rem}.wb-surface{padding:14px 12px 36px}.cabinet-grid{grid-template-columns:1fr;gap:12px}.wb-card{min-width:auto;max-width:none}}