:root{--picktube-primary:#21632c;--picktube-background:#fffbfb;--picktube-surface:#ffffff;--picktube-text:#111111;--picktube-muted:#65706a;--picktube-border:#e1e8e3;--picktube-text-secondary:#757575;--picktube-text-disabled:#9e9e9e;--picktube-divider:#f0f0f0;--picktube-input-border:#d2d7d3;--picktube-surface-subtle:#fafafa;--picktube-error:#a52121;--picktube-player:#000000;--picktube-tooltip:#313131;--picktube-tag-background:#f3f8f3;--picktube-tag-text:#7a9a7e;--picktube-switch-track:#e8e8ea;--picktube-overlay-light:rgba(0,0,0,0.12);--picktube-overlay-medium:rgba(0,0,0,0.54);--picktube-overlay-strong:rgba(0,0,0,0.72);--shadow-switch:0 1px 3px rgba(0,0,0,0.2);--shadow-drawer:0 -8px 24px rgba(0,0,0,0.16);--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-14:14px;--space-16:16px;--space-18:18px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-40:40px;--radius-xs:2px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-full:999px}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--picktube-background);color:var(--picktube-text);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.app-shell{width:min(100%,720px);min-height:100vh;margin:0 auto;background:var(--picktube-surface);border-inline:1px solid var(--picktube-border)}.app-bar{display:flex;align-items:center;min-height:56px;padding:0 var(--space-16);border-bottom:1px solid var(--picktube-border);color:var(--picktube-primary);font-size:20px;font-weight:700}.app-bar h1{flex:1 1;margin:0 var(--space-40) 0 0;font-size:inherit;text-align:center}.app-bar__back{display:inline-flex;width:40px;min-height:44px;align-items:center;color:var(--picktube-text);font-size:24px;text-decoration:none}.content{padding:var(--space-32) var(--space-20)}.policy-content{padding:var(--space-8);overflow-wrap:anywhere;color:var(--picktube-text);line-height:1.65}.policy-content img{max-width:100%}.policy-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.policy-content td,.policy-content th{padding:var(--space-8);border:1px solid var(--picktube-border);text-align:start}.help-content{display:grid;gap:var(--space-28);padding:var(--space-20) var(--space-16) var(--space-32)}.help-section-title{margin:0 0 var(--space-12);color:var(--picktube-primary);font-size:14px}.help-form{display:grid;gap:var(--space-12)}.help-form label{display:grid;gap:var(--space-6);font-size:13px;font-weight:700}.help-form input:not([type=checkbox]),.help-form textarea{width:100%;padding:var(--space-12) var(--space-14);border:1px solid var(--picktube-input-border);border-radius:var(--radius-xl);background:var(--picktube-surface-subtle);color:var(--picktube-text);font:inherit;resize:vertical}.help-form input:not([type=checkbox]):focus,.help-form textarea:focus{border-color:var(--picktube-primary);outline:2px solid color-mix(in srgb,var(--picktube-primary) 20%,transparent)}.help-form button{min-height:48px;border:0;border-radius:var(--radius-xl);background:var(--picktube-primary);color:var(--picktube-surface);cursor:pointer;font:inherit;font-weight:700}.help-form button:disabled{cursor:not-allowed;opacity:.55}.help-form .help-form__consent{display:flex;align-items:flex-start;gap:var(--space-8);font-weight:400}.help-form__consent input{margin-top:2px;accent-color:var(--picktube-primary)}.help-form__error,.help-form__status{color:var(--picktube-error);font-size:13px;font-weight:400}.help-form__status:empty{display:none}.help-form__status--success{color:var(--picktube-primary)}.help-faq-list,.help-links{display:grid;gap:var(--space-8)}.help-card{border:1px solid var(--picktube-border);border-radius:var(--radius-xl);background:var(--picktube-surface-subtle)}.help-card summary{padding:var(--space-16);cursor:pointer;font-size:14px;font-weight:600}.help-card p{margin:0;padding:0 var(--space-16) var(--space-16);color:var(--picktube-muted);font-size:13px;line-height:1.6}.help-link{display:grid;min-height:56px;grid-template-columns:24px 1fr auto;gap:var(--space-10);align-items:center;padding:0 var(--space-16);color:var(--picktube-text);text-decoration:none}.help-link>:first-child{color:var(--picktube-primary);font-size:20px}.help-link>:last-child{color:var(--picktube-muted);font-size:24px}.viewbox-page{width:min(100%,720px)}.viewbox-left-panel{position:relative;min-width:0;overflow:hidden}.viewbox-player{position:relative;width:100%;aspect-ratio:16/9;background:var(--picktube-player)}.viewbox-player iframe{width:100%;height:100%;border:0}.viewbox-toolbar{min-height:52px;justify-content:space-between;padding:var(--space-4) var(--space-16);border-bottom:1px solid var(--picktube-divider);font-size:12px}.viewbox-toolbar,.viewbox-toolbar__left,.viewbox-toolbar__right{display:flex;align-items:center;gap:var(--space-12)}.viewbox-toolbar__right{margin-left:auto}.viewbox-toolbar__button,.viewbox-toolbar__inactive{display:inline-flex;min-width:28px;min-height:36px;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-4) 0;border:0;background:transparent;color:var(--picktube-text)}.viewbox-toolbar__button{cursor:pointer;font:inherit}.viewbox-toolbar__button--active{color:var(--picktube-primary)}.viewbox-toolbar__button:disabled{cursor:wait;opacity:.55}.viewbox-share__button svg,.viewbox-toolbar svg{width:24px;height:24px;fill:currentColor}.viewbox-pick-count{color:var(--picktube-text);font-size:12px;white-space:nowrap}.viewbox-pick-count em{font-size:14px}.viewbox-right-panel{min-width:0}.viewbox-identity{padding:var(--space-4) var(--space-8)}.viewbox-creator{display:grid;min-height:30px;grid-template-columns:30px minmax(0,1fr) auto;gap:var(--space-8);align-items:center;color:var(--picktube-text);text-decoration:none}.viewbox-creator__image,.viewbox-creator__placeholder{width:30px;height:30px;border-radius:50%;object-fit:cover}.viewbox-creator__placeholder{background:var(--picktube-border)}.viewbox-creator__copy{display:grid;min-width:0;gap:var(--space-2)}.viewbox-creator__copy strong{display:-webkit-box;overflow:hidden;font-size:14px;font-weight:600;line-height:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.viewbox-creator__copy small{color:var(--picktube-overlay-medium);font-size:10px}.viewbox-fan-count{display:inline-flex;align-items:center;gap:var(--space-2);font-size:10px;white-space:nowrap}.viewbox-fan-count svg{width:14px;height:14px;fill:currentColor}.viewbox-share{position:relative}.viewbox-share,.viewbox-share__button{display:inline-flex;align-items:center}.viewbox-share__button{gap:var(--space-4);padding:var(--space-4) 0;border:0;background:transparent;color:var(--picktube-text);cursor:pointer;font:inherit}.viewbox-share__button>span:first-of-type{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.viewbox-share__status{position:absolute;z-index:2;top:calc(100% + var(--space-6));right:0;width:max-content;max-width:240px;padding:var(--space-6) var(--space-8);border-radius:var(--radius-sm);background:var(--picktube-tooltip);color:var(--picktube-surface);font-size:11px}.viewbox-share__status:empty{display:none}.viewbox-tags{display:flex;min-height:34px;gap:var(--space-10);overflow-x:auto;align-items:center;padding:var(--space-2) var(--space-16);color:var(--picktube-text-disabled);font-size:14px;font-weight:500;white-space:nowrap}.viewbox-tags a{color:inherit;text-decoration:none}.viewbox-tags a:focus-visible,.viewbox-tags a:hover{color:var(--picktube-primary);text-decoration:underline}.viewbox-reaction-feedback{min-height:18px;margin:0;padding:0 var(--space-16);color:var(--picktube-error);font-size:11px}.viewbox-total-progress{display:grid;gap:var(--space-4);padding:0 var(--space-16) var(--space-4)}.viewbox-total-progress progress{width:100%;height:4px;overflow:hidden;border:0;border-radius:var(--radius-xs);appearance:none}.viewbox-total-progress progress::-webkit-progress-bar{background:var(--picktube-overlay-light)}.viewbox-total-progress progress::-webkit-progress-value{background:var(--picktube-primary)}.viewbox-total-progress progress::-moz-progress-bar{background:var(--picktube-primary)}.viewbox-total-progress span{color:var(--picktube-text-secondary);font-size:12px;text-align:right}.viewbox-continuous-playback{display:grid;min-height:52px;grid-template-columns:24px minmax(0,1fr) auto;gap:var(--space-8);align-items:center;padding:var(--space-2) var(--space-16)}.viewbox-continuous-playback__icon{color:var(--picktube-text-secondary);font-size:20px}.viewbox-continuous-playback>span:nth-child(2){display:grid;gap:var(--space-2)}.viewbox-continuous-playback strong{font-size:13px;font-weight:500}.viewbox-continuous-playback small{color:var(--picktube-text-muted);font-size:12px}.viewbox-switch{position:relative;display:inline-flex}.viewbox-switch input{position:absolute;opacity:0}.viewbox-switch>span:last-child{position:relative;display:block;width:48px;height:28px;border-radius:var(--radius-full);background:var(--picktube-switch-track)}.viewbox-switch>span:last-child:after{position:absolute;top:var(--space-2);left:var(--space-2);width:24px;height:24px;border-radius:50%;background:var(--picktube-surface);box-shadow:var(--shadow-switch);content:""}.viewbox-next-action{display:flex;min-height:36px;align-items:center;justify-content:space-between;gap:var(--space-12);padding:0 var(--space-16) var(--space-4);color:var(--picktube-text-secondary);font-size:12px}.viewbox-next-action a{color:var(--picktube-primary);font-weight:700;text-decoration:none;white-space:nowrap}.viewbox-description-panel{padding:var(--space-10) var(--space-16) var(--space-8) var(--space-8)}.viewbox-description,.viewbox-description__text{margin:0;white-space:pre-wrap;font-size:14px;line-height:1.5}.viewbox-description{display:grid;gap:var(--space-12)}.viewbox-description div{display:grid;gap:var(--space-6)}.viewbox-description dt{line-height:1}.viewbox-description dt span{display:inline-block;margin:var(--space-4) 0;padding:var(--space-4) var(--space-10);border-radius:var(--radius-full);background:var(--picktube-tag-background);color:var(--picktube-tag-text);font-size:11px;font-weight:500;line-height:1.1}.viewbox-description dd{margin:0;white-space:pre-wrap;line-height:1.5}.viewbox-description--video-notes{margin-top:var(--space-20)}.viewbox-description--video-notes dd{display:grid;gap:var(--space-8)}.viewbox-description--video-notes em{font-style:italic}.viewbox-section-title{margin:0 0 var(--space-12);font-size:16px}.viewbox-playlist-panel{min-width:0;padding:var(--space-4) var(--space-16) var(--space-12)}.viewbox-playlist{display:flex;gap:var(--space-8);overflow-x:auto;padding:0;margin:0;list-style:none;scrollbar-width:thin}.viewbox-playlist li{flex:0 0 120px}.viewbox-video{position:relative;display:block;width:120px;height:68px;overflow:hidden;border:2px solid transparent;border-radius:var(--radius-md);color:var(--picktube-text);text-decoration:none}.viewbox-video--selected{border-color:var(--picktube-primary)}.viewbox-video__thumbnail{width:100%;height:100%;object-fit:cover}.viewbox-video__index{position:absolute;z-index:1;top:var(--space-4);left:var(--space-4);display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:var(--picktube-overlay-strong);color:var(--picktube-surface);font-size:11px}.viewbox-empty{color:var(--picktube-muted)}.creator-profile{display:grid;grid-template-columns:56px minmax(0,1fr);gap:var(--space-12);align-items:start;padding:var(--space-16) var(--space-12) var(--space-20);border-bottom:1px solid var(--picktube-divider)}.creator-profile__image,.creator-profile__placeholder{width:56px;height:56px;border-radius:50%;object-fit:cover}.creator-profile__placeholder{background:var(--picktube-border)}.creator-profile__content{display:grid;min-width:0;gap:var(--space-4)}.creator-profile h2,.creator-profile p{margin:0}.creator-profile h2{font-size:18px}.creator-profile p{white-space:pre-wrap;font-size:14px;line-height:1.5}.creator-profile small{color:var(--picktube-muted);font-size:12px}.creator-boxes{padding:var(--space-16) var(--space-12) var(--space-32)}.creator-boxes>h2{margin:0 0 var(--space-12);font-size:16px}.creator-boxes__list{display:grid;gap:var(--space-10)}.creator-boxes__empty{padding:var(--space-32) 0;color:var(--picktube-muted);text-align:center}.tag-page__content{display:grid;gap:var(--space-12)}.public-box-card{overflow:hidden;border:1px solid var(--picktube-border);border-radius:var(--radius-lg);background:var(--picktube-surface)}.public-box-card__link{display:grid;min-height:92px;grid-template-columns:144px minmax(0,1fr);color:var(--picktube-text);text-decoration:none}.public-box-card__thumbnail{position:relative;display:block;min-height:92px;overflow:hidden;background:var(--picktube-border)}.public-box-card__thumbnail img{object-fit:cover}.public-box-card__content{display:grid;min-width:0;align-content:center;gap:var(--space-6);padding:var(--space-10) var(--space-12)}.public-box-card__content strong,.public-box-card__content>span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.public-box-card__content strong{font-size:14px;-webkit-line-clamp:2}.public-box-card__content>span{color:var(--picktube-muted);font-size:12px;line-height:1.4;-webkit-line-clamp:2}.public-box-card__content small{color:var(--picktube-text-secondary);font-size:11px}@media (max-width:420px){.public-box-card__link{grid-template-columns:120px minmax(0,1fr)}}.viewbox-comments-drawer{position:fixed;z-index:20;right:0;bottom:0;left:0;max-height:70vh;padding:var(--space-16) var(--space-16) var(--space-40);overflow-y:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--picktube-surface);box-shadow:var(--shadow-drawer);visibility:hidden;transform:translateY(100%);transition:transform .7s ease-in-out,visibility 0s linear .7s}.viewbox-comments-drawer--open{visibility:visible;transform:translateY(0);transition-delay:0s}.viewbox-comments-drawer__close{position:sticky;z-index:1;top:0;display:block;width:36px;height:36px;margin-left:auto;border:0;background:var(--picktube-surface);color:var(--picktube-text);cursor:pointer;font-size:28px}.viewbox-comments,.viewbox-replies ol{display:grid;gap:var(--space-12);padding:0;margin:0;list-style:none}.viewbox-comment{padding:var(--space-12);border:1px solid var(--picktube-border);border-radius:var(--radius-lg)}.viewbox-comment__author{display:flex;gap:var(--space-10);align-items:center}.viewbox-comment__author>span:last-child{display:grid;gap:var(--space-2)}.viewbox-comment__author time,.viewbox-comment__likes{color:var(--picktube-muted);font-size:12px}.viewbox-comment__avatar,.viewbox-comment__avatar-placeholder{width:32px;height:32px;border-radius:50%;object-fit:cover}.viewbox-comment__avatar-placeholder{background:var(--picktube-border)}.viewbox-comment>p{margin:var(--space-10) 0;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.5}.viewbox-comments__auth,.viewbox-comments__feedback{padding:var(--space-10) var(--space-12);border-radius:var(--radius-md);background:var(--picktube-surface-subtle);color:var(--picktube-text-secondary)}.viewbox-comments__auth a{color:var(--picktube-primary);font-weight:700}.viewbox-comment-form{display:grid;gap:var(--space-8);margin:var(--space-12) 0}.viewbox-comment-form textarea{width:100%;min-height:76px;padding:var(--space-10);resize:vertical;border:1px solid var(--picktube-border);border-radius:var(--radius-md);background:var(--picktube-surface);color:var(--picktube-text);font:inherit}.viewbox-comment-form>button,.viewbox-comment-form>span button{min-height:36px;padding:var(--space-8) var(--space-12);border:0;border-radius:var(--radius-md);background:var(--picktube-primary);color:white;cursor:pointer;font:inherit;font-weight:700}.viewbox-comment-form>span{display:flex;gap:var(--space-8)}.viewbox-comment-form>span button:last-child{background:var(--picktube-surface-subtle);color:var(--picktube-text-secondary)}.viewbox-comment-form button:disabled{cursor:wait;opacity:.55}.viewbox-comment__toolbar{display:flex;gap:var(--space-12);align-items:center}.viewbox-comment__actions{display:inline-flex;gap:var(--space-12);margin-left:auto}.viewbox-comment__actions button{color:var(--picktube-muted)}.viewbox-comment__actions button,.viewbox-comments__button{padding:var(--space-4) 0;border:0;background:transparent;cursor:pointer;font:inherit}.viewbox-comments__button{min-height:36px;color:var(--picktube-primary);font-weight:700}.viewbox-comments__button:disabled{cursor:wait;opacity:.55}.viewbox-replies{padding:var(--space-10) 0 0 var(--space-24)}.viewbox-replies .viewbox-comment{border:0;border-left:2px solid var(--picktube-border);border-radius:0}@media (min-width:901px){.viewbox-page{display:grid;width:100%;max-width:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:0}.viewbox-page>.app-bar{display:none}.viewbox-player{height:324px;aspect-ratio:auto;padding:var(--space-24) var(--space-12) 0}.viewbox-left-panel{min-height:100vh}.viewbox-right-panel{min-height:100vh;padding:var(--space-24) var(--space-12) 0 var(--space-8);border-left:1px solid var(--picktube-overlay-light)}.viewbox-identity{padding:var(--space-4) var(--space-8)}.viewbox-description-panel{max-height:calc(100vh - 62px);overflow-y:auto}.viewbox-comments-drawer{top:324px;right:50%;max-height:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0}}.foundation-card{padding:var(--space-20);border:1px solid var(--picktube-border);border-radius:var(--radius-xl);background:var(--picktube-surface)}.foundation-card p{margin:var(--space-8) 0 0;color:var(--picktube-muted);line-height:1.6}.page-state{display:grid;min-height:60vh;padding:var(--space-32) var(--space-20);place-items:center;text-align:center}.page-state__content{max-width:420px}.page-state h1{margin:0;font-size:22px}.page-state p{margin:var(--space-12) 0 0;color:var(--picktube-muted);line-height:1.6}.page-state__action{display:inline-flex;min-height:44px;margin-top:var(--space-24);align-items:center;justify-content:center;padding:0 var(--space-18);border:0;border-radius:var(--radius-md);background:var(--picktube-primary);color:var(--picktube-surface);cursor:pointer;font:inherit;font-weight:700;text-decoration:none}.page-state__spinner{display:block;width:36px;height:36px;border:3px solid var(--picktube-border);border-top-color:var(--picktube-primary);border-radius:50%;animation:page-state-spin .8s linear infinite}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes page-state-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.page-state__spinner{animation:none}}