/* TrackMM V3: private kanban watch journal, deliberately unlike 34 site directory and 40 site encyclopedia. */
:root{color-scheme:dark}body{margin:0;background:#0c1623;color:#e4f4ef;font:14px/1.65 system-ui,"Noto Sans SC",sans-serif}
*{box-sizing:border-box}a{color:#8bead9;text-decoration:none}
.tr3-notebook{display:grid;grid-template-columns:185px minmax(0,1fr);max-width:1440px;margin:auto;background:#152a31;min-height:100vh}
.tr3-sidebar{grid-row:1/3;display:flex;flex-direction:column;gap:9px;position:sticky;top:0;align-self:start;min-height:100vh;padding:22px 13px;background:#0d3439;border-right:3px solid #49bba3}
.tr3-sidebar>a{padding:13px 11px;border-bottom:1px solid #275d5a;font-weight:780;font-size:12px;color:#c9efe8}
.tr3-sidebar>a:hover{background:#20594f}.tr3-brand{font:900 23px ui-monospace,monospace!important;letter-spacing:.03em;color:#adfff3!important}
.tr3-brand span{display:block;font-size:8px;letter-spacing:.08em;margin-top:9px;color:#b4cfcf}
.tr3-sidebar>small{font-size:11px;color:#97b6b1;line-height:1.8;margin-top:auto;padding:15px 8px}
.tr3-main{min-width:0}
.tr3-journal-head{display:grid;grid-template-columns:1fr;gap:12px;background:linear-gradient(140deg,#20565b,#20323e);padding:clamp(23px,5vw,65px);border-bottom:6px double #65bdaa}
.tr3-dateline{font:850 11px ui-monospace,monospace;color:#9eead8;letter-spacing:.15em}
.tr3-journal-head h1{font:900 clamp(38px,5vw,67px)/1.15 system-ui,sans-serif;letter-spacing:-.04em;margin:10px 0}
.tr3-journal-head h1 em{font-style:normal;color:#b0f9cd}
.tr3-journal-head>p{max-width:500px;font-size:12px;line-height:2;color:#c5dad8}
.tr3-metrics{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin-top:22px}
.tr3-metrics>div{display:grid;gap:6px;min-width:135px;padding:14px 19px;background:#14363a;border-left:5px solid #66cbaa}
.tr3-metrics strong{font:900 35px ui-monospace,monospace;color:#d5ffec}.tr3-metrics small{font-size:11px}
.tr3-metrics>button,.tr3-actions button,.tr3-movie-detail button{border:1px solid #8debcf;background:#b4f5dd;color:#143534;padding:11px 17px;font-weight:900;cursor:pointer}
.tr3-metrics>button{align-self:center;min-height:58px}
.tr3-cards,.tr3-index{padding:clamp(13px,3vw,32px)}
.tr3-section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:19px;border-bottom:2px solid #5b8c84}
.tr3-section-title>b{font:850 10px ui-monospace,monospace;color:#83ead1}
.tr3-section-title h2{font-size:26px;margin:0}
.tr3-section-title>a{font-weight:800;font-size:12px}
.tr3-stacks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:17px}
.tr3-note{min-width:0;display:grid;grid-template-columns:82px 1fr;gap:13px;background:#233e45;border:1px solid #45756c;border-radius:10px;padding:13px}
.tr3-note img{display:block;width:76px;height:112px;object-fit:cover;border-radius:5px}
.tr3-note h2{font-size:15px;line-height:1.35;margin:7px 0}
.tr3-note h2 a{color:#effff3}.tr3-note small{font:750 10px ui-monospace,monospace;color:#9fe7d4}
.tr3-note p{font-size:11px;color:#bbd0d0;line-height:1.65;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.tr3-actions{display:flex;gap:6px;flex-wrap:wrap}
.tr3-actions button{font-size:10px;padding:7px 10px;border-radius:6px}
.tr3-actions button[data-status=seen]{background:#2f6a58;color:#fff}
.tr3-index>h1{font-size:35px}.tr3-movie-detail{display:grid;grid-template-columns:230px minmax(0,1fr);gap:26px;padding:35px;max-width:1000px}
.tr3-movie-detail>img{width:230px;height:auto;aspect-ratio:2/3;object-fit:cover}
.tr3-movie-detail h1{font-size:38px}
.tr3-movie-detail p{line-height:1.95}
.tr3-movie-detail button{margin:5px}
.tr3-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.tr3-people a{display:grid;gap:8px;background:#204549;padding:11px}.tr3-people small{font-size:10px}
.tr3-footer{grid-column:2;background:#0c3334;padding:19px;color:#b0d2c9;font:750 10px ui-monospace,monospace}
@media(max-width:780px){.tr3-notebook{grid-template-columns:minmax(0,1fr)}.tr3-sidebar{grid-row:auto;position:static;min-height:0;display:flex;flex-direction:row;align-items:center;overflow-x:auto;padding:9px}.tr3-sidebar>a{white-space:nowrap;font-size:10px;padding:7px}.tr3-sidebar>small{display:none}.tr3-brand{font-size:14px!important}.tr3-brand span{font-size:7px}.tr3-footer{grid-column:1}.tr3-journal-head{padding:20px}.tr3-journal-head h1{font-size:39px}.tr3-stacks{grid-template-columns:minmax(0,1fr)}.tr3-people{grid-template-columns:repeat(2,minmax(0,1fr))}.tr3-movie-detail{grid-template-columns:1fr;padding:15px}}

/* A private, functional watchlist board: no account or server-side personal-data storage. */
.tr3-personal-board{margin:23px clamp(13px,3vw,32px);display:grid;grid-template-columns:minmax(170px,.75fr) 2fr;gap:22px;padding:21px;background:#0e3639;border:1px dashed #72cbaa;border-radius:13px}
.tr3-personal-board h2{font-size:25px;margin:5px 0}.tr3-personal-board p{font-size:12px;color:#b5d1cb}.tr3-personal-board small{font:800 10px monospace;color:#8be7c9}
.tr3-local-items{list-style:none;padding:0;margin:0;max-height:300px;overflow:auto}.tr3-local-items li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 0;border-bottom:1px solid #37675f;font-size:12px}.tr3-local-items a{flex:1;color:#e7fff5;min-width:100px}.tr3-local-items span{font-size:10px;color:#9cdbc5}.tr3-local-items button{background:transparent;color:#ddedeb;border:1px solid #80aea5;padding:5px;cursor:pointer}
@media(max-width:780px){.tr3-personal-board{grid-template-columns:1fr;margin:11px;padding:15px}}