.notebook{padding-top:55px;padding-bottom:70px}.notebook h1{font-size:clamp(42px,5vw,70px);letter-spacing:-2px}.notebook h2{font-size:32px;letter-spacing:-.5px;margin:0 0 20px}.storage-note{max-width:850px;font:14px/1.7 Arial,sans-serif;background:#ebece2;padding:18px 22px;border-left:3px solid #819075}.tools,.filters,.editor-top,.save-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tools{margin:26px 0}button,.file-button{font:14px/1.4 Arial,sans-serif;background:#374e3d;color:white;padding:12px 17px;border:1px solid #374e3d;border-radius:4px;cursor:pointer}.secondary,.file-button,.filters button{background:transparent;color:var(--ink);border-color:var(--rule)}button:hover,.file-button:hover{filter:brightness(.9)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--rust);outline-offset:3px}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.file-button:focus-within{outline:3px solid var(--rust)}.notebook-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(350px,1.8fr);gap:44px;margin-top:30px}.filters{gap:6px;margin:15px 0}.filters button{font-size:12px;padding:8px}.filters [aria-pressed=true]{background:#374e3d;color:white}.notebook label,.search-label{display:block;font:13px/1.6 Arial,sans-serif;margin:15px 0 8px}input,textarea,select{display:block;width:100%;margin-top:6px;background:#fffcf5;border:1px solid #bbbfb0;padding:11px;border-radius:3px;font:16px/1.6 Arial,sans-serif;color:var(--ink)}textarea{resize:vertical}textarea[lang=or],input[lang=or]{font-family:Odia,serif}textarea[lang=hi],input[lang=hi]{font-family:'Noto Serif Devanagari',serif}.pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.editor-panel{border-left:1px solid var(--rule);padding-left:35px}#welcome p{font-size:20px;line-height:1.6;margin-bottom:20px}details{border-bottom:1px solid var(--rule);padding:18px 0}summary{cursor:pointer;font-size:19px}.help,#count,#saved-at{font:12px/1.7 Arial,sans-serif;color:var(--muted)}#message{font:14px/1.6 Arial,sans-serif;min-height:24px;color:#374e3d}.editor-top{justify-content:space-between}.editor-top h2{margin:0}#editor>section{margin-top:28px;border-top:1px solid var(--rule);padding-top:20px}#art-preview{width:100%;max-height:240px;object-fit:contain;margin-top:15px}.save-bar{margin-top:30px}.poem-card{display:grid;grid-template-columns:65px 1fr;gap:12px;width:100%;text-align:left;background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--rule);border-radius:0;padding:18px 0}.poem-card img{width:65px;height:65px;object-fit:cover;border-radius:3px}.poem-card .card-label{grid-column:2;font-size:17px;overflow-wrap:anywhere}.poem-card small{display:block;font:11px/1.6 Arial,sans-serif;color:var(--muted);margin-top:7px}.poem-card[aria-current=true]{background:#e9ecdf}.publication{padding:15px;margin-top:15px;background:#f0ede4;border-radius:4px}.publication legend{font:13px Arial,sans-serif}.publication{border:1px solid var(--rule)}[hidden]{display:none!important}@media(max-width:800px){.notebook-layout{grid-template-columns:1fr;gap:30px}.editor-panel{border-left:0;border-top:1px solid var(--rule);padding:28px 0}.pair{grid-template-columns:1fr}.notebook h1{letter-spacing:-1px}.poem-card{padding:13px 0}.tools{gap:8px}.tools button,.file-button{font-size:12px}}

.notebook-layout{display:flex;flex-direction:column;gap:35px}.editor-panel{border-left:0;padding:0}.editor-panel:has(form:not([hidden])){order:-1;border:1px solid var(--rule);border-radius:10px;padding:28px;background:#fffcf6}.editor-panel:has(form[hidden]){display:none}.notebook .poem-card{display:flex;flex-direction:column;padding:0;border:1px solid var(--rule);border-radius:9px;overflow:hidden;background:#fffcf6;gap:0}.poem-card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:0}.poem-card .card-label{padding:22px;font:24px/1.7 Odia,Newsreader,serif}.poem-card small{font-size:12px}.poem-card[aria-current=true]{outline:2px solid #374e3d}.notebook .theme-section h2{font-size:30px}.category-selection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.category-selection label{display:flex;align-items:center;gap:10px;margin:0;padding:9px;background:#efeee6;overflow-wrap:anywhere}.category-selection input{width:18px;height:18px;flex-shrink:0;margin:0}.organise{padding:20px;border:1px solid var(--rule);border-radius:8px}.organise summary{font-size:19px}.organise>label{max-width:450px}@media(max-width:700px){.category-selection{grid-template-columns:1fr}.editor-panel:has(form:not([hidden])){padding:18px}}
