/* 0.9.1: uses the existing theme palette and type scale. */
.living-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0 22px}.living-header h1{font-size:clamp(25px,2.7vw,38px);letter-spacing:-.035em;margin:9px 0 12px;line-height:1.13}.living-header p,.living-book-head span{color:var(--muted);margin:0;line-height:1.6}.living-header .btn{flex-shrink:0}.living-notice{font-size:12px;line-height:1.6;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted);margin-bottom:20px}.living-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px}.living-toolbar label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:650}.living-toolbar select{max-width:240px;padding:10px 32px 10px 12px;border-radius:10px;background:var(--bg2);color:var(--text);border:1px solid var(--line)}.living-toolbar .btn{padding:10px 13px;font-size:12px}.living-spacer{flex:1}.living-book-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:25px 0 10px}.living-book-head h2{margin:0 0 5px}.living-pagination{display:flex;gap:15px;align-items:center;white-space:nowrap}.living-pagination .icon-btn{font-size:29px;width:44px;height:44px;display:grid;place-items:center}.living-instruction{font-size:13px;color:var(--muted);min-height:22px;line-height:1.6}.living-book{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:22px;border:1px solid var(--line-strong);border-radius:22px;background:linear-gradient(100deg,var(--panel-2),var(--bg2) 49%,var(--panel-2));box-shadow:0 24px 65px rgba(0,0,0,.28),inset 0 0 0 7px rgba(0,0,0,.15);perspective:2200px;isolation:isolate}.living-sheet{position:relative;min-width:0;background:linear-gradient(100deg,rgba(120,145,185,.11),rgba(120,145,185,.04));border-radius:10px;padding:17px;border:1px solid var(--line);box-shadow:0 3px 0 var(--bg2),0 5px 0 var(--line),0 7px 0 var(--bg2);transform-style:preserve-3d}.living-sheet:first-child{background:linear-gradient(90deg,rgba(130,150,180,.06),rgba(130,150,180,.11) 80%,rgba(0,0,0,.1))}.living-pocket-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.living-pocket{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:63/88;min-width:0;padding:9px;overflow:hidden;border-radius:9px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(110,155,220,.07),rgba(0,0,0,.12));color:var(--muted);cursor:pointer;box-shadow:inset 0 1px 2px rgba(255,255,255,.08);transition:transform .18s,border-color .18s,box-shadow .18s}.living-pocket:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 10%,rgba(255,255,255,.08) 11%,transparent 26%,transparent 73%,rgba(255,255,255,.055) 74%,transparent 90%);border-top:2px solid rgba(185,216,246,.15);border-radius:inherit}.living-pocket:hover{border-color:var(--cyan);transform:translateY(-3px);z-index:2;box-shadow:0 8px 23px rgba(0,0,0,.23)}.living-pocket.selected,.living-pocket.drop-target{border:2px solid var(--cyan);box-shadow:0 0 20px rgba(26,217,255,.24);outline:none}.living-pocket.drop-target{background:rgba(26,217,255,.14)}.living-pocket.dragging{opacity:.35}.living-pocket img{width:100%;height:100%;object-fit:contain;border-radius:6px;filter:drop-shadow(0 5px 6px rgba(0,0,0,.3));pointer-events:none}.living-pocket-number{position:absolute;top:4px;left:6px;font-size:9px;opacity:.6;z-index:2}.living-pocket-plus{font-size:32px;font-weight:200;opacity:.25}.living-card-caption{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:4px;padding:22px 7px 8px;background:linear-gradient(transparent,rgba(3,8,20,.94));color:#fff;text-align:left;opacity:0;transition:opacity .15s}.living-pocket:hover .living-card-caption,.living-pocket:focus-visible .living-card-caption,.living-pocket.selected .living-card-caption{opacity:1}.living-card-caption b{font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.living-card-caption small{font-size:9px}.living-card-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;padding:8px;text-align:center;font-size:11px;border:1px solid var(--line);border-radius:6px;background:radial-gradient(ellipse at top,rgba(116,87,255,.25),transparent)}.living-card-placeholder svg{width:36px;height:36px;color:var(--cyan)}.living-sheet footer{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.16em;margin-top:14px}.living-spine{position:absolute;top:0;bottom:0;left:calc(50% - 11px);width:22px;display:flex;flex-direction:column;justify-content:space-around;z-index:5;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(0,0,0,.35),transparent)}.living-spine i{width:38px;height:15px;margin-left:-8px;border:3px solid #8798ad;border-right-color:#d5e1ee;border-left-color:#4c596c;border-radius:40%;background:linear-gradient(180deg,#526278,#b9cad7 48%,#667183 52%,#2a3545);box-shadow:0 5px 6px #0006}.living-book-footer{display:flex;gap:25px;align-items:center;justify-content:space-between;margin:24px 0;font-size:12px;line-height:1.6;color:var(--muted)}.living-book-footer .btn{flex-shrink:0}.living-turn-sheet{position:absolute;top:22px;bottom:22px;width:calc(50% - 37px);z-index:8;background:var(--bg2)!important;pointer-events:none;backface-visibility:hidden}.living-turn-sheet.turn-forward{right:22px;transform-origin:left center}.living-turn-sheet.turn-back{left:22px;transform-origin:right center}.living-empty{padding:35px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center;align-items:center;border:1px dashed var(--line-strong);border-radius:16px;margin:20px 0;text-align:center}.living-empty>svg{width:35px;height:35px;color:var(--cyan)}.living-empty p{width:100%;margin:3px 0 10px;color:var(--muted)}.living-name-modal{max-width:450px}.living-name-modal input{display:block;width:100%;margin-top:10px;padding:12px;border:1px solid var(--line);background:var(--bg2);color:var(--text);border-radius:10px}
.living-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.living-metric{position:relative;overflow:hidden;padding:22px;display:flex;flex-direction:column;gap:12px;border-top:2px solid var(--metric-color)}.living-metric:after{content:'';width:110px;height:110px;position:absolute;right:-35px;top:-40px;border-radius:50%;background:var(--metric-color);filter:blur(50px);opacity:.18;pointer-events:none}.living-metric>span{color:var(--muted);font-size:13px}.living-metric strong{font-size:clamp(25px,2.5vw,36px);letter-spacing:-.04em;line-height:1.2;font-variant-numeric:tabular-nums}.living-metric small{color:var(--muted);font-size:11px;line-height:1.6}.living-intel-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:20px}.living-intel-grid>.panel{padding:25px;min-width:0}.living-intel-grid h2{font-size:21px;margin:8px 0 14px;letter-spacing:-.025em}.living-intel-grid p{font-size:12px;color:var(--muted);line-height:1.65}.living-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.living-periods{display:flex;gap:5px}.living-periods button{padding:7px 10px;background:var(--panel);color:var(--muted);border:1px solid var(--line);border-radius:8px;cursor:pointer}.living-periods button.active{color:var(--cyan);background:rgba(26,217,255,.1);border-color:var(--cyan)}.living-value-total{font-size:36px;font-weight:750;letter-spacing:-.04em;margin-top:14px}.living-value-total small{display:block;font-size:11px;letter-spacing:0;color:var(--muted);font-weight:450;margin:8px 0 20px}.living-value-chart{display:block;width:100%;height:240px;overflow:visible}.living-chart-note{margin:12px 0 0;font-size:11px!important}.living-chart-empty{min-height:225px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border-radius:14px;background:radial-gradient(ellipse at center,rgba(26,217,255,.07),transparent);border:1px dashed var(--line)}.living-chart-empty svg{width:40px;height:40px;color:var(--cyan);margin-top:20px}.living-chart-empty h3{margin-bottom:0}.living-chart-empty p{max-width:350px;padding:0 15px}.living-donut{width:210px;height:210px;border-radius:50%;padding:25px;margin:25px auto;box-shadow:0 0 38px rgba(116,87,255,.15);transform:rotate(-90deg)}.living-donut>div{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:var(--bg2);transform:rotate(90deg);box-shadow:inset 0 0 25px rgba(0,0,0,.15)}.living-donut b{font-size:34px}.living-donut span{font-size:12px;color:var(--muted)}.living-legend{display:grid;gap:10px;max-height:180px;overflow:auto}.living-legend>div{display:flex;align-items:center;gap:9px;font-size:12px}.living-legend i{width:8px;height:8px;border-radius:50%;flex-shrink:0}.living-legend span{flex:1;color:var(--muted)}.living-set-row{margin:19px 0}.living-set-row>div:first-child{display:flex;gap:12px;justify-content:space-between;font-size:12px;margin-bottom:9px}.living-set-row b{font-weight:550}.living-set-row span{color:var(--muted)}.living-bar{height:13px;border-radius:6px;background:var(--line);overflow:hidden}.living-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--bar-color),color-mix(in srgb,var(--bar-color) 50%,#fff));box-shadow:0 0 14px var(--bar-color)}.living-list-row{display:flex;align-items:center;gap:14px;padding:15px 0;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;text-align:left}.living-list-row:hover{color:var(--cyan)}.living-list-row>span:not(.living-rank){display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.living-list-row b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.living-list-row small{color:var(--muted);font-size:11px}.living-list-row strong{font-size:14px;white-space:nowrap}.living-rank{font-size:21px;color:var(--cyan);opacity:.65}.living-soft-empty{padding:35px 0;color:var(--muted);font-size:13px}.living-next{background:radial-gradient(ellipse at right top,rgba(116,87,255,.16),transparent 75%),var(--panel)}.living-next .btn{margin:12px 6px 0 0}.living-next svg{width:19px;height:19px}.nav-item.living-nav>span svg{width:22px;height:22px}.living-nav>span{display:grid;place-items:center}.living-toolbar button:disabled,.living-pagination button:disabled,.living-book-footer button:disabled{opacity:.35;cursor:default}.living-pocket:focus-visible,.living-periods button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
@media(min-width:1600px){.living-book{max-width:1200px;margin-inline:auto}}
@media(max-width:1100px){.living-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.living-intel-grid{grid-template-columns:1fr}.living-pocket-grid{gap:8px}.living-sheet{padding:12px}.living-book{gap:24px;padding:16px}.living-turn-sheet{top:16px;bottom:16px;width:calc(50% - 28px)}.living-turn-sheet.turn-forward{right:16px}.living-turn-sheet.turn-back{left:16px}.living-header{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.living-book{gap:20px;padding:12px;grid-template-columns:1fr;perspective:1400px}.living-spine{display:none}.living-sheet{padding:12px}.living-pocket-grid{gap:10px}.living-turn-sheet{top:12px;bottom:auto;width:calc(100% - 24px);height:calc(50% - 22px)}.living-turn-sheet.turn-forward{top:calc(50% + 10px);right:12px}.living-turn-sheet.turn-back{left:12px}.living-book-footer{align-items:flex-start;flex-direction:column;gap:12px}.living-header h1{font-size:27px}.living-metric{padding:16px}.living-metric strong{font-size:25px}.living-intel-grid>.panel{padding:19px}.living-toolbar select{max-width:180px}.living-value-chart{height:190px}.living-book-head{align-items:flex-start}.living-pagination{gap:8px;font-size:12px}.living-pagination .icon-btn{width:36px;height:36px}.living-panel-head{flex-wrap:wrap}.living-value-total{font-size:31px}}
@media(prefers-reduced-motion:reduce){.living-pocket,.living-card-caption{transition:none}.living-pocket:hover{transform:none}}

.living-collection-links{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}