.portfolio-reader{background:#100c13;color:#f9f6ef;min-height:100vh}.reader-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 5vw;border-bottom:1px solid #514554}.reader-header img{width:90px;height:60px;object-fit:contain}.reader-header a{font-size:13px;padding:12px 0}.reader-title{text-align:center;padding:35px 20px 10px}.reader-title h1{font-size:36px;letter-spacing:-.03em;margin:0 0 8px}.reader-title p{color:#c5bacc;font-size:14px}.reader-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin:15px auto 25px}.reader-controls button{min-width:48px;min-height:48px;background:#754595;color:white;border:1px solid #a081b2;border-radius:50%;font-size:23px;cursor:pointer}.reader-controls button:disabled{opacity:.3;cursor:default}.reader-controls label{display:block;text-align:center;font-size:11px;margin-bottom:6px}.reader-controls select{background:#211a28;color:white;border:1px solid #8c7597;padding:12px;max-width:100%;font-family:inherit;font-size:14px;border-radius:2px}.reader-controls p{font-size:11px;text-align:center;color:#c5bacc;margin:6px 0 0}.reader-sheet{margin:0 auto;width:calc(100% - 60px);max-width:1450px}.reader-sheet img{width:100%;height:auto;background:white;box-shadow:0 15px 60px #0008}.reader-sheet figcaption{text-align:center;font-size:14px;margin-top:18px}.reader-note{text-align:center;color:#c5bacc;font-size:12px;padding:20px 20px 35px}@media(max-width:600px){.reader-header{gap:18px;padding:12px 18px}.reader-header img{width:60px;height:48px}.reader-header a{font-size:10px;max-width:100px}.reader-title{padding:25px 20px 4px}.reader-title h1{font-size:30px}.reader-title p{font-size:12px}.reader-controls{gap:12px;padding:0 18px}.reader-controls>div{min-width:0}.reader-controls select{font-size:12px;width:215px}.reader-controls button{min-width:44px;min-height:44px}.reader-sheet{width:calc(100% - 24px)}.reader-sheet figcaption{font-size:12px}}