.new-interface .clip-notes{padding:17px;border:1px solid #e7e5f0;border-radius:10px;background:#fcfbff;margin:19px 0 23px}.new-interface .clip-notes>label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;margin-bottom:9px}.new-interface .clip-notes>label>span{font-size:9px;font-weight:400;color:#999;border:1px solid #e8e6ef;border-radius:4px;padding:2px 5px;background:white}.new-interface .clip-notes textarea{width:100%;min-height:82px;font-size:12px;line-height:1.7;padding:10px 12px;border:1px solid #ddd9eb;background:white;border-radius:7px;resize:vertical}.new-interface .note-help{font-size:9px;line-height:1.6;color:#999;margin:7px 0 0}.new-interface .text-save{display:flex;gap:6px 11px;align-items:center;flex-wrap:wrap;margin:7px 0 10px;min-height:19px}.new-interface .text-save>[data-save-status]{font-size:10px;line-height:1.65;color:#929292;margin:0}.new-interface .text-save>[data-save-status].save-error{color:#95662c}.new-interface .text-save>button{background:none;border:0;padding:3px 0;color:var(--blue);font-size:10px;min-height:26px}.new-interface .text-conflict{flex:0 0 100%;display:flex;gap:7px;flex-wrap:wrap;margin:3px 0 5px}.new-interface .text-conflict>button{font-size:10px;min-height:32px;padding:7px 10px;background:white;border-color:#ded9ee;color:var(--blue)}.new-interface .preview-shortcuts button.is-watched{color:var(--blue);background:#f4f2fd;border-color:#e5e0f6}.new-interface .clip-private-markers{display:flex;align-items:center;flex-wrap:wrap;gap:3px 6px;min-height:19px;margin-top:4px;padding:0 1px;font-size:8px;line-height:1.5}.new-interface .watched-marker{color:#777}.new-interface .note-marker{color:var(--blue);background:#f1effb;padding:1px 5px;border-radius:3px}.new-interface .review-filters{flex-wrap:wrap}
.new-interface .planning-mode{display:flex;align-items:center;gap:4px;padding:4px;background:#f4f4f4;border-radius:8px;width:max-content;margin:0 0 17px}.new-interface .planning-mode>button{display:flex;align-items:center;gap:6px;border:0;background:none;border-radius:5px;padding:7px 12px;min-height:32px;font-size:11px;color:#888}.new-interface .planning-mode>button[aria-pressed=true]{color:var(--blue);background:white;box-shadow:0 1px 3px #0001}.new-interface .planning-mode svg{width:15px;height:15px}.new-interface .planning-calendar{margin-top:17px;border:1px solid #e7e7e7;border-radius:12px;overflow:hidden;background:white}.new-interface .calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 18px;border-bottom:1px solid #e9e9e9}.new-interface .calendar-toolbar h2{font-size:18px;line-height:1.4;margin:0 0 6px;letter-spacing:-.4px;font-weight:550}.new-interface .calendar-toolbar p{font-size:10px;color:#999;line-height:1.6;margin:0}.new-interface .calendar-navigation{display:flex;gap:5px;flex-shrink:0}.new-interface .calendar-navigation>button{min-height:32px;font-size:10px;padding:6px 10px;border-color:#e5e5e5;background:#fafafa}.new-interface .calendar-navigation>button:not([data-calendar-week=today]){font-size:16px;padding:3px 10px}.new-interface .calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.new-interface .calendar-day{min-width:0;border-right:1px solid #ececec;min-height:240px;background:#fff}.new-interface .calendar-day:last-child{border:0}.new-interface .calendar-day.is-today{background:#fcfbff}.new-interface .calendar-day>header{padding:14px 10px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;gap:8px}.new-interface .calendar-day>header>span{font-size:10px;color:#999;text-transform:capitalize}.new-interface .calendar-day>header>strong{color:#222;font-size:14px;font-weight:500}.new-interface .calendar-day.is-today>header>strong{color:white;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;background:var(--blue);font-size:12px;margin:-3px -2px -3px 0}.new-interface .calendar-events{padding:9px 7px;min-width:0;display:grid;gap:8px}.new-interface .calendar-event{display:flex;align-items:flex-start;flex-direction:column;gap:7px;padding:10px 8px;min-width:0;width:100%;background:#f6f4fd;border:1px solid #e9e5f6;border-radius:7px;text-align:left;white-space:normal}.new-interface .calendar-event:hover{background:#eeebfc;border-color:#d7d1ee}.new-interface .calendar-event time{font-size:11px;font-weight:600;color:var(--blue)}.new-interface .calendar-event strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;line-height:1.6;font-weight:500;letter-spacing:0;color:#333}.new-interface .calendar-event small{font-size:8px;line-height:1.5;color:#8d86a1;overflow-wrap:anywhere}.new-interface .calendar-event>span{font-size:7px;color:#938ba7;padding-top:3px}.new-interface .calendar-free{font-size:9px;line-height:1.6;color:#aaa;margin:8px 2px 0}.new-interface .calendar-events>a{font-size:9px;line-height:1.6;color:var(--blue);margin:3px 2px}.new-interface .calendar-undated{border-top:1px solid #eee;padding:19px;display:flex;flex-wrap:wrap;gap:8px}.new-interface .calendar-undated h3,.new-interface .calendar-undated>p{flex:0 0 100%}.new-interface .calendar-undated h3{font-size:14px;margin:0 0 3px}.new-interface .calendar-undated>p{font-size:10px;color:#999;line-height:1.6;margin:0 0 7px}.new-interface .calendar-undated>button{display:flex;align-items:flex-start;flex-direction:column;gap:4px;font-size:10px;line-height:1.5;text-align:left;background:#fafafa;max-width:300px;border-color:#e5e5e5;min-height:44px;padding:9px 11px}.new-interface .calendar-undated small{font-size:9px;color:#999}
@media(min-width:701px) and (max-width:1050px){.new-interface .calendar-week{grid-template-columns:repeat(4,minmax(0,1fr))}.new-interface .calendar-day{border-bottom:1px solid #eee;min-height:200px}.new-interface .calendar-day:nth-child(4){border-right:0}.new-interface .calendar-toolbar{padding:16px 14px}.new-interface .calendar-toolbar h2{font-size:16px}.new-interface .calendar-navigation button{font-size:9px;padding:6px 8px}}
@media(max-width:700px){.new-interface .clip-notes{padding:13px;margin:17px 0 21px}.new-interface .clip-notes textarea{font-size:16px;min-height:90px;line-height:1.6}.new-interface .clip-notes>label{font-size:12px}.new-interface .text-save>[data-save-status],.new-interface .text-save>button{font-size:10px}.new-interface .text-conflict>button{min-height:38px;font-size:10px}.new-interface .preview-shortcuts button[data-mark-watched]{min-height:42px}.new-interface .clip-private-markers{min-height:20px;gap:2px 4px;padding:2px 5px;margin:0;font-size:7px;background:white}.new-interface .card:not(.home-clip):has(.clip-private-markers) .tile-bottom{bottom:46px}.new-interface .home-clip .clip-private-markers{padding:2px 0;font-size:7px;min-height:18px}.new-interface .review-filters button{font-size:10px;padding:10px 9px;gap:5px}.new-interface .planning-mode{margin-bottom:15px}.new-interface .planning-mode>button{min-height:35px;font-size:11px}.new-interface .calendar-toolbar{padding:17px 13px;align-items:flex-start;flex-wrap:wrap;gap:13px}.new-interface .calendar-toolbar h2{font-size:18px}.new-interface .calendar-toolbar p{font-size:9px}.new-interface .calendar-navigation{width:100%;justify-content:flex-end;gap:6px}.new-interface .calendar-navigation>button{min-height:38px;font-size:11px;padding:8px 12px}.new-interface .calendar-navigation>button:not([data-calendar-week=today]){padding:3px 13px}.new-interface .calendar-week{grid-template-columns:minmax(0,1fr)}.new-interface .calendar-day{min-height:0;border-right:0;border-bottom:1px solid #eee;padding:0;display:grid;grid-template-columns:64px minmax(0,1fr)}.new-interface .calendar-day>header{border-bottom:0;border-right:1px solid #eee;padding:15px 10px;flex-direction:column;justify-content:flex-start;gap:8px}.new-interface .calendar-day>header>strong{font-size:20px}.new-interface .calendar-day>header>span{font-size:10px}.new-interface .calendar-day.is-today>header>strong{margin:0;width:29px;height:29px;font-size:15px}.new-interface .calendar-events{padding:13px 12px;gap:9px}.new-interface .calendar-event{padding:11px;gap:6px}.new-interface .calendar-event strong{font-size:12px;-webkit-line-clamp:2}.new-interface .calendar-event time{font-size:12px}.new-interface .calendar-event small{font-size:10px}.new-interface .calendar-event>span{font-size:9px}.new-interface .calendar-free{font-size:10px;margin:1px 0 0}.new-interface .calendar-events>a{font-size:10px;margin:0}.new-interface .calendar-undated{padding:16px 13px}.new-interface .calendar-undated>button{width:100%;max-width:none;font-size:11px}}